一)Selenium基础
入门教程:Selenium官网教程
1.Selenium简介
Selenium是一个用于测试网站的自动化测试工具,支持各种浏览器包括Chrome、Firefox、Safari等主流界面浏览器,同时也支持phantomJS无界面浏览器。
2.支持多种操作系统
如Windows、Linux、IOS、Android等。
3.安装Selenium
pip install Selenium 1
4.安装浏览器驱动
Selenium3.x调用浏览器必须有一个webdriver驱动文件
5.配置环境变量
设置浏览器的地址非常简单。 我们可以手动创建一个存放浏览器驱动的目录,如: F:\GeckoDriver , 将下载的浏览器驱动文件(例如:chromedriver、geckodriver)丢到该目录下。
我的电脑–>属性–>系统设置–>高级–>环境变量–>系统变量–>Path,将“F:\GeckoDriver”目录添加到Path的值中。比如:Path字段;F:\GeckoDriver
(二)Selenium 快速入门
入门参考文献:Selenium入门
1.Selenium提供了8种定位方式:
-
id
-
name
-
class name
-
tag name
-
link text
-
partial link text
-
xpath
-
css selector
2.定位元素的8种方式
参考:selenium元素定位
|
定位一个元素 |
定位多个元素 |
含义 |
|---|---|---|
|
find_element_by_id |
find_elements_by_id |
通过元素id定位 |
|
find_element_by_name |
find_elements_by_name |
通过元素name定位 |
|
find_element_by_xpath |
find_elements_by_xpath |
通过xpath表达式定位 |
|
find_element_by_link_text |
find_elements_by_link_tex |
通过完整超链接定位 |
|
find_element_by_partial_link_text |
find_elements_by_partial_link_text |
通过部分链接定位 |
|
find_element_by_tag_name |
find_elements_by_tag_name |
通过标签定位 |
|
find_element_by_class_name |
find_elements_by_class_name |
通过类名进行定位 |
|
find_elements_by_css_selector |
find_elements_by_css_selector |
通过css选择器进行定位 |
3.实例演示
假如我们有一个Web页面,通过前端工具(如,Firebug)查看到一个元素的属性是这样的。
<html><head><body link="#0000cc"><a id="result_logo" href="/" onmousedown="return c({'fm':'tab','tab':'logo'})"><form id="form" class="fm" name="f" action="/s"><span class="soutu-btn"></span><input id="kw" class="s_ipt" name="wd" value="" maxlength="255" autocomplete="off">1234567
-
通过id定位:
dr.find_element_by_id("kw") 1
-
通过name定位:
dr.find_element_by_name("wd") 1
-
通过class name定位:
dr.find_element_by_class_name("s_ipt") 1
-
通过tag name定位:
dr.find_element_by_tag_name("input") 1
-
通过xpath定位,xpath定位有N种写法,这里列几个常用写法:
dr.find_element_by_xpath("//*[@id='kw']")dr.find_element_by_xpath("//*[@name='wd']")dr.find_element_by_xpath("//input[@class='s_ipt']")dr.find_element_by_xpath("/html/body/form/span/input")dr.find_element_by_xpath("//span[@class='soutu-btn']/input")dr.find_element_by_xpath("//form[@id='form']/span/input")dr.find_element_by_xpath("//input[@id='kw' and @name='wd']")1234567
-
通过css定位,css定位有N种写法,这里列几个常用写法:
dr.find_element_by_css_selector("#kw")dr.find_element_by_css_selector("[name=wd]")dr.find_element_by_css_selector(".s_ipt")dr.find_element_by_css_selector("html > body > form > span > input")dr.find_element_by_css_selector("span.soutu-btn> input#kw")dr.find_element_by_css_selector("form#form > span > input")123456
接下来,我们的页面上有一组文本链接。
<a class="mnav" href="http://news.baidu.com" name="tj_trnews">新闻</a><a class="mnav" href="http://www.hao123.com" name="tj_trhao123">hao123</a>12
-
通过link text定位:
dr.find_element_by_link_text("新闻")dr.find_element_by_link_text("hao123")12
-
通过partial link text定位:
dr.find_element_by_partial_link_text("新")dr.find_element_by_partial_link_text("hao")dr.find_element_by_partial_link_text("123")123
4.Selenium库下webdriver模块常用方法的使用
1.控制浏览器操作的一些方法
|
方法 |
说明 |
|---|---|
|
set_window_size() |
设置浏览器的大小 |
|
back() |
控制浏览器后退 |
|
forward() |
控制浏览器前进 |
|
refresh() |
刷新当前页面 |
|
clear() |
清除文本 |
|
send_keys (value) |
模拟按键输入 |
|
click() |
单击元素 |
|
submit() |
用于提交表单 |
|
get_attribute(name) |
获取元素属性值 |
|
is_displayed() |
设置该元素是否用户可见 |
|
size |
返回元素的尺寸 |
|
text |
获取元素的文本 |
实例演示
from selenium import webdriverfrom time import sleep#1.创建Chrome浏览器对象,这会在电脑上在打开一个浏览器窗口browser = webdriver.Firefox(executable_path ="F:\GeckoDriver\geckodriver")#2.通过浏览器向服务器发送URL请求browser.get("https://www.baidu.com/")sleep(3)#3.刷新浏览器browser.refresh()#4.设置浏览器的大小browser.set_window_size(1400,800)#5.设置链接内容element=browser.find_element_by_link_text("新闻")element.click()element=browser.find_element_by_link_text("“下团组”时间")element.click()1234567891011121314151617181920212223
2.鼠标事件
在 WebDriver 中, 将这些关于鼠标操作的方法封装在 ActionChains 类提供。
|
方法 |
说明 |
|---|---|
|
ActionChains(driver) |
构造ActionChains对象 |
|
context_click() |
执行鼠标悬停操作 |
|
move_to_element(above) |
右击 |
|
double_click() |
双击 |
|
drag_and_drop() |
拖动 |
|
move_to_element(above) |
执行鼠标悬停操作 |
|
context_click() |
用于模拟鼠标右键操作, 在调用时需要指定元素定位 |
|
perform() |
执行所有 ActionChains 中存储的行为,可以理解成是对整个操作的提交动作 |
实例演示
from selenium import webdriver#1.引入ActionChains类from selenium.webdriver.common.action_chains import ActionChains#1.创建Chrome浏览器对象,这会在电脑上在打开一个浏览器窗口driver = webdriver.Firefox(executable_path ="F:\GeckoDriver\geckodriver")driver.get("https://www.baidu.com")#2.定位到要悬停的元素element= driver.find_element_by_link_text("设置")#3.对定位到的元素执行鼠标悬停操作ActionChains(driver).move_to_element(element).perform()#找到链接elem1=driver.find_element_by_link_text("搜索设置")elem1.click()#通过元素选择器找到id=sh_2,并点击设置elem2=driver.find_element_by_id("sh_1")elem2.click()#保存设置elem3=driver.find_element_by_class_name("prefpanelgo")elem3.click()1234567891011121314151617181920212223242526272829
3.键盘事件
Selenium中的Key模块为我们提供了模拟键盘按键的方法,那就是send_keys()方法。它不仅可以模拟键盘输入,也可以模拟键盘的操作。
常用的键盘操作如下:
|
模拟键盘按键 |
说明 |
|---|---|
|
send_keys(Keys.BACK_SPACE) |
删除键(BackSpace) |
|
send_keys(Keys.SPACE) |
空格键(Space) |
|
send_keys(Keys.TAB) |
制表键(Tab) |
|
send_keys(Keys.ESCAPE) |
回退键(Esc) |
|
send_keys(Keys.ENTER) |
回车键(Enter) |
组合键的使用
|
模拟键盘按键 |
说明 |
|---|---|
|
send_keys(Keys.CONTROL,‘a’) |
全选(Ctrl+A) |
|
send_keys(Keys.CONTROL,‘c’) |
复制(Ctrl+C) |
|
send_keys(Keys.CONTROL,‘x’) |
剪切(Ctrl+X) |
|
send_keys(Keys.CONTROL,‘v’) |
粘贴(Ctrl+V) |
|
send_keys(Keys.F1…Fn) |
键盘 F1…Fn |
4.获取断言信息
不管是在做功能测试还是自动化测试,最后一步需要拿实际结果与预期进行比较。这个比较的称之为断言。通过我们获取title 、URL和text等信息进行断言。
|
属性 |
说明 |
|---|---|
|
title |
用于获得当前页面的标题 |
|
current_url |
用户获得当前页面的URL |
|
text |
获取搜索条目的文本信息 |
实例演示
from selenium import webdriverfrom time import sleepdriver = webdriver.Firefox(executable_path ="F:\GeckoDriver\geckodriver")driver.get("https://www.baidu.com")print('Before search================')#打印当前页面titletitle = driver.titleprint(title)#打印当前页面URLnow_url = driver.current_urlprint(now_url)driver.find_element_by_id("kw").send_keys("selenium")driver.find_element_by_id("su").click()sleep(1)print('After search================')#再次打印当前页面titletitle = driver.titleprint(title)#打印当前页面URLnow_url = driver.current_urlprint(now_url)#获取结果数目user = driver.find_element_by_class_name('nums').textprint(user)#关闭所有窗口driver.quit()12345678910111213141516171819202122232425262728293031323334353637
打印输出结果
Before search================百度一下,你就知道https://www.baidu.com/After search================selenium_百度搜索https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=0&rsv_idx=1&tn=baidu&wd=selenium&rsv_pq=a1d51b980000e36e&rsv_t=a715IZaMpLd1w92I4LNUi7gKuOdlAz5McsHe%2FSLQeBZD44OUIPnjY%2B7pODM&rqlang=cn&rsv_enter=0&rsv_sug3=8&inputT=758&rsv_sug4=759搜索工具百度为您找到相关结果约7,170,000个12345678
5.设置元素等待:参考文献
6.定位一组元素
定位一组元素的方法与定位单个元素的方法类似,唯一的区别是在单词element后面多了一个s表示复数。
实例演示
from selenium import webdriverfrom time import sleepdriver =webdriver.Firefox(executable_path ="F:\GeckoDriver\geckodriver")driver.get("https://www.baidu.com")driver.find_element_by_id("kw").send_keys("selenium")driver.find_element_by_id("su").click()sleep(1)#1.定位一组元素elements = driver.find_elements_by_xpath('//div/h3/a')print(type(elements))#2.循环遍历出每一条搜索结果的标题for t in elements:print(t.text)element=driver.find_element_by_link_text(t.text)element.click()sleep(3)driver.quit()12345678910111213141516171819202122
7.多表单切换
在Web应用中经常会遇到frame/iframe表单嵌套页面的应用,WebDriver只能在一个页面上对元素识别与定位,对于frame/iframe表单内嵌页面上的元素无法直接定位。这时就需要通过switch_to.frame()方法将当前定位的主体切换为frame/iframe表单的内嵌页面中。
|
方法 |
说明 |
|---|---|
|
switch_to.frame() |
将当前定位的主体切换为frame/iframe表单的内嵌页面中 |
|
switch_to.default_content() |
跳回最外层的页面 |
<html><body>...<iframe id="x-URS-iframe" ...><html><body>...<input name="email" >12345678
126邮箱登录框的结构大概是这样子的,想要操作登录框必须要先切换到iframe表单。
from selenium import webdriverdriver = webdriver.Chrome()driver.get("http://www.126.com")driver.switch_to.frame('x-URS-iframe')driver.find_element_by_name("email").clear()driver.find_element_by_name("email").send_keys("username")driver.find_element_by_name("password").clear()driver.find_element_by_name("password").send_keys("password")driver.find_element_by_id("dologin").click()driver.switch_to.default_content()driver.quit()1234567891011121314
switch_to.frame() 默认可以直接取表单的id 或name属性。如果iframe没有可用的id和name属性,则可以通过下面的方式进行定位。
……#先通过xpth定位到iframexf = driver.find_element_by_xpath('//*[@id="x-URS-iframe"]')#再将定位对象传给switch_to.frame()方法driver.switch_to.frame(xf)……driver.switch_to.parent_frame()12345678
8.多窗口切换
在页面操作过程中有时候点击某个链接会弹出新的窗口,这时就需要主机切换到新打开的窗口上进行操作。WebDriver提供了switch_to.window()方法,可以实现在不同的窗口之间切换。
|
方法 |
说明 |
|---|---|
|
current_window_handle |
获得当前窗口句柄 |
|
window_handles |
返回所有窗口的句柄到当前会话 |
|
switch_to.window() |
用于切换到相应的窗口,与上一节的switch_to.frame()类似,前者用于不同窗口的切换,后者用于不同表单之间的切换。 |
实例演示
from selenium import webdriverimport timedriver = webdriver.Chrome("F:\Chrome\ChromeDriver\chromedriver")driver.implicitly_wait(10)driver.get("http://www.baidu.com")#1.获得百度搜索窗口句柄sreach_windows = driver.current_window_handledriver.find_element_by_link_text('登录').click()driver.find_element_by_link_text("立即注册").click()#1.获得当前所有打开的窗口的句柄all_handles = driver.window_handles#3.进入注册窗口for handle in all_handles:if handle != sreach_windows:driver.switch_to.window(handle)print('跳转到注册窗口')driver.find_element_by_name("account").send_keys('123456789')driver.find_element_by_name('password').send_keys('123456789')time.sleep(2)driver.quit()12345678910111213141516171819202122232425
9.警告框处理
在WebDriver中处理JavaScript所生成的alert、confirm以及prompt十分简单,具体做法是使用 switch_to.alert 方法定位到 alert/confirm/prompt,然后使用text/accept/dismiss/ send_keys等方法进行操作。
|
方法 |
说明 |
|---|---|
|
text |
返回 alert/confirm/prompt 中的文字信息 |
|
accept() |
接受现有警告框 |
|
dismiss() |
解散现有警告框 |
|
send_keys(keysToSend) |
发送文本至警告框。keysToSend:将文本发送至警告框。 |
实例演示
from selenium import webdriverfrom selenium.webdriver.common.action_chains import ActionChainsimport timedriver = webdriver.Chrome("F:\Chrome\ChromeDriver\chromedriver")driver.implicitly_wait(10)driver.get('http://www.baidu.com')#鼠标悬停至“设置”链接link = driver.find_element_by_link_text('设置')ActionChains(driver).move_to_element(link).perform()#打开搜索设置driver.find_element_by_link_text("搜索设置").click()#在此处设置等待2s否则可能报错time.sleep(2)#保存设置driver.find_element_by_class_name("prefpanelgo").click()time.sleep(2)#接受警告框driver.switch_to.alert.accept()driver.quit()123456789101112131415161718192021222324252627
10.下拉框选择操作
导入选择下拉框Select类,使用该类处理下拉框操作。
from selenium.webdriver.support.select import Select 1
Select类的方法
|
方法 |
说明 |
|---|---|
|
select_by_value(“选择值”) |
select标签的value属性的值 |
|
select_by_index(“索引值”) |
下拉框的索引 |
|
select_by_visible_testx(“文本值”) |
下拉框的文本值 |
有时我们会碰到下拉框,WebDriver提供了Select类来处理下拉框。 如百度搜索设置的下拉框,如下图:
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7WUxrkEj-1571973999629)(http://orru5lls3.bkt.clouddn.com/select.png)]
from selenium import webdriverfrom selenium.webdriver.support.select import Selectfrom time import sleepdriver = webdriver.Chrome("F:\Chrome\ChromeDriver\chromedriver")driver.implicitly_wait(10)driver.get('http://www.baidu.com')#1.鼠标悬停至“设置”链接driver.find_element_by_link_text('设置').click()sleep(1)#2.打开搜索设置driver.find_element_by_link_text("搜索设置").click()sleep(2)#3.搜索结果显示条数sel = driver.find_element_by_xpath("//select[@id='nr']")Select(sel).select_by_value('50') #显示50条sleep(3)driver.quit()123456789101112131415161718192021
11.文件上传
对于通过input标签实现的上传功能,可以将其看作是一个输入框,即通过send_keys()指定本地文件路径的方式实现文件上传。
通过send_keys()方法来实现文件上传:
from selenium import webdriverimport osdriver = webdriver.Firefox()file_path = 'file:///' + os.path.abspath('upfile.html')driver.get(file_path)#定位上传按钮,添加本地文件driver.find_element_by_name("file").send_keys('D:\\upload_file.txt')driver.quit()1234567891011
12.cookie操作
有时候我们需要验证浏览器中cookie是否正确,因为基于真实cookie的测试是无法通过白盒和集成测试进行的。WebDriver提供了操作Cookie的相关方法,可以读取、添加和删除cookie信息。
WebDriver操作cookie的方法:
|
方法 |
说明 |
|---|---|
|
get_cookies() |
获得所有cookie信息 |
|
get_cookie(name) |
返回字典的key为“name”的cookie信息 |
|
add_cookie(cookie_dict) |
添加cookie。“cookie_dict”指字典对象,必须有name 和value 值 |
|
delete_cookie(name,optionsString) |
删除cookie信息。“name”是要删除的cookie的名称,“optionsString”是该cookie的选项,目前支持的选项包括“路径”,“域” |
|
delete_all_cookies() |
删除所有cookie信息 |
实例演示
from selenium import webdriverimport timebrowser = webdriver.Chrome("F:\Chrome\ChromeDriver\chromedriver")browser.get("http://www.youdao.com")#1.打印cookie信息print('=====================================')print("打印cookie信息为:")print(browser.get_cookies)#2.添加cookie信息dict={'name':"name",'value':'Kaina'}browser.add_cookie(dict)print('=====================================')print('添加cookie信息为:')#3.遍历打印cookie信息for cookie in browser.get_cookies():print('%s----%s\n' %(cookie['name'],cookie['value']))#4.删除一个cookiebrowser.delete_cookie('name')print('=====================================')print('删除一个cookie')for cookie in browser.get_cookies():print('%s----%s\n' %(cookie['name'],cookie['value']))print('=====================================')print('删除所有cookie后:')#5.删除所有cookie,无需传递参数browser.delete_all_cookies()for cookie in browser.get_cookies():print('%s----%s\n' %(cookie['name'],cookie['value']))time.sleep(3)browser.close()12345678910111213141516171819202122232425262728293031323334353637
13.调用JavaScript代码
虽然WebDriver提供了操作浏览器的前进和后退方法,但对于浏览器滚动条并没有提供相应的操作方法。在这种情况下,就可以借助JavaScript来控制浏览器的滚动条。WebDriver提供了execute_script()方法来执行JavaScript代码。
用于调整浏览器滚动条位置的JavaScript代码如下:
<!-- window.scrollTo(左边距,上边距); -->window.scrollTo(0,450);12
window.scrollTo()方法用于设置浏览器窗口滚动条的水平和垂直位置。方法的第一个参数表示水平的左间距,第二个参数表示垂直的上边距。其代码如下:
from selenium import webdriverfrom time import sleep#1.访问百度driver=webdriver.Firefox(executable_path ="F:\GeckoDriver\geckodriver")driver.get("http://www.baidu.com")#2.搜索driver.find_element_by_id("kw").send_keys("selenium")driver.find_element_by_id("su").click()#3.休眠2s目的是获得服务器的响应内容,如果不使用休眠可能报错sleep(2)#4.通过javascript设置浏览器窗口的滚动条位置js="window.scrollTo(100,450);"driver.execute_script(js)sleep(3)driver.close()1234567891011121314151617181920
通过浏览器打开百度进行搜索,并且提前通过set_window_size()方法将浏览器窗口设置为固定宽高显示,目的是让窗口出现水平和垂直滚动条。然后通过execute_script()方法执行JavaScripts代码来移动滚动条的位置。
滚动条上下左右滚动代码演示
from selenium import webdriverfrom time import sleepdriver=webdriver.Firefox(executable_path ="F:\GeckoDriver\geckodriver")driver.set_window_size(400,400)driver.get("https://www.baidu.com")#2.搜索# driver.find_element_by_id("kw").send_keys("selenium")# driver.find_element_by_id("su").click()#3.休眠2s目的是获得服务器的响应内容,如果不使用休眠可能报错sleep(10)#4滚动左右滚动条---向右js2 = "var q=document.documentElement.scrollLeft=10000"driver.execute_script(js2)sleep(15)#5滚动左右滚动条---向左js3 = "var q=document.documentElement.scrollLeft=0"driver.execute_script(js3)sleep(15)#6拖动到滚动条底部---向下js = "var q=document.documentElement.scrollTop=10000"driver.execute_script(js)sleep(15)#7拖动到滚动条底部---向上js = "var q=document.documentElement.scrollTop=0"driver.execute_script(js)sleep(15)driver.close()12345678910111213141516171819202122232425262728293031323334353637
14.窗口截图
自动化用例是由程序去执行的,因此有时候打印的错误信息并不十分明确。如果在脚本执行出错的时候能对当前窗口截图保存,那么通过图片就可以非常直观地看出出错的原因。WebDriver提供了截图函数get_screenshot_as_file()来截取当前窗口。
截屏方法:
|
方法 |
说明 |
|---|---|
|
get_screenshot_as_file(self, filename) |
用于截取当前窗口,并把图片保存到本地 |
from selenium import webdriverfrom time import sleepdriver =webdriver.Firefox(executable_path ="F:\GeckoDriver\geckodriver")driver.get('http://www.baidu.com')driver.find_element_by_id('kw').send_keys('selenium')driver.find_element_by_id('su').click()sleep(2)#1.截取当前窗口,并指定截图图片的保存位置driver.get_screenshot_as_file("D:\\baidu_img.jpg")driver.quit()1234567891011121314
15.关闭浏览器
在前面的例子中我们一直使用quit()方法,其含义为退出相关的驱动程序和关闭所有窗口。除此之外,WebDriver还提供了close()方法,用来关闭当前窗口。例多窗口的处理,在用例执行的过程中打开了多个窗口,我们想要关闭其中的某个窗口,这时就要用到close()方法进行关闭了。
|
方法 |
说明 |
|---|---|
|
close() |
关闭单个窗口 |
|
quit() |
关闭所有窗口 |
