Selenium自动化测试

简单介绍

selenium

selenium是一个用于测试web网页的自动化测试工具，它直接运行在浏览器中，模拟用户的操作。

支持多浏览器：ie、Firefox、Chrome、edge、Safari等
跨平台：windows、Linux、mac等
支持多语言：python、java、ruby、c#等

webdriver

webdriver则是selenium里最重要的东西，它是按照client/server模式设计的，通过驱动程序与浏览器进行通信。而selenium代码与浏览器驱动程序之间是通过http协议进行数据交互的，这种方式，不在乎客户端是什么样的形式，只要数据的格式和协议是服务端能够解析的就可以，因此它可以跨平台，支持多语言多浏览器。

client：编程语言客户端，比如说python selenium客户端
server：浏览器驱动程序，用来接收客户端的请求并驱动浏览器执行操作然后返回结果。

通信步骤：

webdriver启动浏览器驱动程序，并设置侦听端口号
webdriver客户端与浏览器端建立连接
连接成功之后，所有的操作（比如查找元素、点击等）都是客户端通过commandExecuter发送http请求到服务端，服务端根据收到的请求做相应的操作并返回结果

配置浏览器驱动

针对不同的浏览器，需要安装不同的驱动。下面列举了常见的浏览器与对应的驱动程序下载链接，部分网址需要 '科学' 才能打开（?）。

Firefox 浏览器驱动：Firefox
Chrome 浏览器驱动：Chrome
IE 浏览器驱动：IE
Edge 浏览器驱动：Edge

Selenium的安装与配置

安装

在PyCharm终端或window命令窗口输入以下命令

 #查看已安装的Python包(可跳过)
 pip list
 #安装selenium 4.3.0
 pip install selenium==4.3.0

注意：在window命令窗口安装时，首先要确保Python环境变量配置正确

卸载

 ##卸载Selenium命令
 pip uninstall selenium

启动浏览器

使用webdriver前，需要先导入包from selenium import webdriver，每次打开浏览器时，执行完毕要记得关闭浏览器，使用driver.quit()关闭。

from selenium import webdriver
import time


# 实例化chrome类，启动了Chromedriver，并与Chromedriver开启了会话
# ip + 端口 -- 启动
driver = webdriver.Chrome()
driver.get("https://www.baidu.com")
time.sleep(5)
# 关闭浏览器
drver.quit()

可以看到，流水账式写Web自动化测试代码的顺序就是：

加载驱动 - 访问链接 - 页面操作

八大元素定位

计算机无法向人一样，所见即所得，因此需要通过元素定位来指定计算机所定位的元素来进行操作。我们在做WEB自动化时，最根本的就是操作页面上的各种元素，而操作的基础便是元素的定位，只有准确地定位到唯一元素才能进行后续的自动化控制。

以百度为例：下图简单说明了网页中的各元素

**ID定位 **

在前端页面中，id是指页面匀速的的属性名id值，元素的id值在当前整个HTML页面中是唯一的，因此可以通过id属性来唯一定位一个元素，是首选的元素定位方式，但不是每个元素都有id属性。

# 导入selenium包
from selenium import webdriver
from selenium.webdriver.common.by import By
# 打开指定（Firefox）浏览器
browser = webdriver.Edge()
# 指定加载页面
browser.get("http://www.csdn.net")
# 通过id属性获取搜索输入框,根据元素的id属性值定位，最为方便且唯一，但有可能不存在，也可能动态生成。
inputById = browser.find_element(By.ID, "toolbar-search-input")

name定位

元素的name属性，但name不一定是唯一的，就像大家的身份证号是唯一的，但是名字会有重复。find_element_by_name只返回第一个匹配到的元素，如果想返回所有匹配到该name的元素，则使用find_elements_by_name，区别就是element带不带s。这里特别说明一下，find_elements不管找到多少个，都会返回一个list(找不到则返回空列表)，列表当中的每一个元素就是一个 WebElement。

# 导入selenium包
from selenium import webdriver
from selenium.webdriver.common.by import By
# 打开指定（Firefox）浏览器
browser = webdriver.Edge()
# 指定加载页面
browser.get("http://www.csdn.net")
# name定位，根据元素的name属性值定位，定位到的标签不一定是唯一的。
inputByName = browser.find_element(By.NAME, 'wd')

class定位

元素的class属性，在前端，class一般是用来元素进行分组的，并对这一级元素设置相同的样式，因此会存在多个元素会共用一个class，不一定是唯一值。与name一样，element带s时返回匹配到的元素列表。

# class定位，根据元素的class属性值定位，但可能受JS影响动态变化。定位到的标签不一定是唯一的。
inputByClass = browser.find_element(By.CLASS_NAME, 's_ipt').send_keys('单开鑫')

tag name定位

每个 tag 往往用来定义一类功能，所以通过 tag 来识别某个元素的成功率很低，每个页面一般都用很多相同的 tag ，比如：\<div\>、\<input\> 等。

# tag name定位，根据元素的标签名定位，定位到的标签不一定是唯一的
inputByTagName = browser.find_element(By.TAG_NAME, 'input').click()

?XPTH定位（墙裂推荐）

xpath是一门在xml文档中查找信息的语言，因为html与xml比较相似，用得比较广泛，所以xpath也可以用于在html对元素进行定位。它是将整个html看成一个树形结构，html为根节点，页面当中节点与其他节点可以有祖先、父辈、兄弟、这样的关系，类似一个族谱。

from selenium import webdriver
import time

driver = webdriver.Chrome()
driver.get("https://www.baidu.com")

# 定位到输入框并输入搜索内容
driver.find_element_by_xpath("//input[@id='kw']").send_keys("selenium")
# 定位到百度按钮，并点击
driver.find_element_by_xpath("//input[@class='btn self-btn bg s_btn']").click()
time.sleep(5)

# 关闭浏览器
driver.quit()

Class定位

以百度输入框和搜索框为例：

 find_element_by_css_selector(".s_ipt")   #通过class属性定位
 find_element_by_css_selector("#kw")   #通过id属性
 find_element_by_css_selector("input")   #通过标签名
 find_element_by_css_selector("span>input")  #通过父子关系定位，查找span所有标签名叫input的子元素
 find_element_by_css_selector("[name='kw']")    #通过属性定位

浏览器操作方法

常用的浏览器操作系统API

1、driver.maximize_window()  # 最大化浏览器
2、driver.set_window_size(w,h)  # 设置浏览器大小 单位像素 【了解】
3、driver.set_window_position(x,y)  # 设置浏览器位置  【了解】
4、driver.back() # 后退操作
5、driver.forward() # 前进操作
6、driver.refrensh() # 刷新操作
7、driver.close() # 关闭当前主窗口（主窗口：默认启动那个界面，就是主窗口）
8、driver.quit() # 关闭driver对象启动的全部页面
9、driver.title # 获取当前页面title信息
10、driver.current_url # 获取当前页面url信息

获取元素信息操作

1、text # 获取元素的文本； 如：driver.text
2、size  #获取元素的大小： 如：driver.size
3、get_attribute #获取元素属性值；如：driver.get_attribute("id") ,传递的参数是元素的属性名
4、is_displayed #判断元素是否可见 如：element.is_displayed()
5、is_enabled #判断元素是否可用 如：element.is_enabled()
6、is_selected #判断元素是否被选中 如：element.is_selected()

鼠标操作（实例化鼠标对象）

用selenium做自动化，有时候会遇到需要模拟鼠标操作才能进行的情况，比如单击、双击、点击鼠标右键、拖拽等等。

所以我们采用Selenium中的ActionChains 类实例化一个鼠标对象用来进行操作

导包

from selenium.webdriver.common.action_chains import ActionChains

鼠标事件的操作信息

# 定位目标
element = driver.find_element_by_id('kw')
# 实例化 鼠标对象
action = ActionChains(driver)
# 悬停 【重点】
action.move_to_element(element) 
# 执行以上事件的方法 【重点】
action.perform()  
context_click(element) # 右击
double_click(element)  #双击
double_and_drop(source, target)  # 拖拽

键盘操作

常用的键盘操作有什么，Selenium中的keys类中都能模拟出来


空格键	send_keys(Keys.SPACE)
回退键	send_keys(Keys.BACK_SPACE)
回车键	send_keys(Keys.ENTER)
全选	send_keys(Keys.CONTROL,'a')
复制	send_keys(Keys.CONTROL,'c')
剪切	send_keys(Keys.CONTROL,'x')
粘贴	send_keys(Keys.CONTROL,'v')

其实就是所有键盘都能模拟，包括alt、shift、insert、delete、home等等等...这里就不举例了，看源码很容易懂

导包

from selenium.webdriver.common.keys import Keys

设置元素等待

为什么需要设置元素等待？

?因为，目前大多数Web应用程序都是使用Ajax和Javascript开发的；每次加载一个网页，就会加载各种HTML标签、JS文件

?但是，加载肯定有加载顺序，大型网站很难说一秒内就把所有东西加载出来，不仅如此，加载速度也受网络波动影响

?‍♀️因此，当我们要在网页中做元素定位的时候，有可能我们打开了网页但元素未加载出来，这个时候就定位不到元素，就会报

?‍♂️所以，我们需要设置元素等待，意思就是：等待指定元素已被加载出来之后，我们才去定位该元素，就不会出现定位失败的现象了

如果我们不设置元素等待，那怎么避免因元素未加载出来而定位失败的情况出现呢？

答案很简单，就是调用 sleep() ，也叫强制等待 但是缺点就是：如果指定的时间过长，即使元素已被加载出来了，但还是要继续等，这样会浪费很多时间

?举个栗子

import time
# 导入selenium包
from selenium import webdriver
from selenium.webdriver.common.by import By

# 启动并打开指定页面
dirver = webdriver.Firefox()
dirver.get("http://www.csdn.net")
# 隐式等待5s
dirver.implicitly_wait(5)
#强制等待5s后再次进行下一步操作
time.sleep(5)
# 关闭页面
dirver.quit()

WebDriver提供了两种类型的等待：显式等待和隐式等待