一、alert实战
在UI的自动化测试实战中,针对弹出框的处理,主要使用的是Alert的类这部分,在JavaScript的技术体系中,针对弹出框的部分,主要涉及到Alert警告框,Confirm确认框,Prompt消息框。下来主要详细的说下Alert里面每个方法的具体使用在Alert的类里面,涉及到的方法以及方法的作用主要汇总为如下:
text:获取弹出框的文本信息
accept:接受Confirm弹出框
dismiss:拒绝接受Confirm弹出框
send_keys:在Prompt消息对话框里面输入想要输入的内容
1.警告框
比如我们用代码写一个html警告框,代码如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> function func() { alert("我是一个消息框") } </script> </head> <body> <div> <input type="button" onclick="func()" value="显示消息框"> </div> </body> </html>
我们用浏览器打开它,点击显示消息框,就会看到如下的警示框:
下面通过详细的代码来演示这部分的交互过程,具体代码如下:
from selenium.webdriver.common.alert import Alert #调用Alert类 from selenium import webdriver import time as t driver=webdriver.Chrome() driver.maximize_window() driver.get('file:///Applications/code/testdev/UI%E8%87%AA%E5%8A%A8%E5%8C%96%E6%B5%8B%E8%AF%95/%E6%B6%88%E6%81%AF%E7%A1%AE%E8%AE%A4%E6%A1%86.html') t.sleep(3) driver.find_element_by_xpath('/html/body/div/input').click() t.sleep(3) #Alert类的方法 print(Alert(driver=driver).text) #第二种调用alert类里面的方法 print(driver.switch_to.alert.text) t.sleep(3) driver.quit()
如上的代码执行后,调用text的方法,就能够获取到该警告框的文本信息,输出结果信息为:
我是一个消息框 我是一个消息框
2.确认框
针对确认框的交互,一般都是会弹出确定或者是取消的交互,如果是确定,调用的的方法是accept,如果是取消,调用
的方法是dismiss的方法。
比如我们写一个确认框的代码如下:
<html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> function disp_confirm() { var r=confirm("确认是否要删除") if(r==true) { document.write("已删除") } else { document.write("您点击了取消删除") } } </script> </head> <body> <center> <input type="button" onclick="disp_confirm()" value="请点击按钮"> </center> </body> </html>
如下显示确认框的交互信息,具体如下:
下面我们用代码来演示这方面的交互,具体代码如下:
from selenium import webdriver import time as t driver=webdriver.Chrome() driver.maximize_window() driver.get('file:///Applications/code/testdev/UI%E8%87%AA%E5%8A%A8%E5%8C%96%E6%B5%8B%E8%AF%95/alert%E5%AE%9E%E6%88%98/%E7%A1%AE%E8%AE%A4%E6%A1%86.html') t.sleep(2) driver.find_element_by_xpath('/html/body/center/input').click() t.sleep(2) driver.switch_to.alert.accept() #点击确认按钮 t.sleep(2) #刷新 driver.refresh() driver.find_element_by_xpath('/html/body/center/input').click() t.sleep(2) driver.switch_to.alert.dismiss() #点击取消按钮 t.sleep(2) driver.quit()
3.消息对话框
消息消息对话框主要显示的是与用户交互的信息,那么调用的方法就是send_keys(),它的交互具体如下:
这部分的html的代码如下:
<html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> function disp_prompt() { var name=prompt("请输入您的姓名:","") if(name!=null && name!="") { document.write("Hello "+name+"!") } } </script> </head> <body> <center> <input type="button" onclick="disp_prompt()" value="请点击我!"> </center> </body> </html>
自动化测试的测试代码来具体查看这个交互过程,具体如下:
from selenium import webdriver import time as t driver=webdriver.Chrome() driver.maximize_window() driver.get('file:///Applications/code/testdev/UI%E8%87%AA%E5%8A%A8%E5%8C%96%E6%B5%8B%E8%AF%95/alert%E5%AE%9E%E6%88%98/%E6%B6%88%E6%81%AF%E5%AF%B9%E8%AF%9D%E6%A1%86.html') t.sleep(2) driver.find_element_by_css_selector('body > center > input[type=button]').click() t.sleep(2) driver.switch_to.alert.send_keys('wuya') t.sleep(2) driver.switch_to.alert.accept() t.sleep(2) driver.quit()
二、ActionChains类实战
ActionChains主要是针对鼠标事件的处理,在鼠标事件中常用的交互为悬浮,双击,以及右键等操作。如果想使用ActionChains的类,首先需要导入它,导入的命令为:
from selenium.webdriver.common.action_chains import ActionChains
1.悬浮
悬浮的交互这地方就以百度搜索的设置来案例,鼠标悬浮到设置,就会显示出下拉框的内容信息,具体交互信息如下:
下面就用代码实现这部分交互,具体代码如下:
from selenium import webdriver from selenium.webdriver.common.action_chains import ActionChains import time as t driver=webdriver.Chrome() driver.maximize_window() driver.get('http://www.baidu.com') t.sleep(2) #针对ActionChains进行实例化 obj=ActionChains(driver=driver) settings=driver.find_element_by_xpath('//*[@id="s-usersetting-top"]') obj.move_to_element(settings).perform() t.sleep(3) #点击搜索设置 driver.find_element_by_xpath('//*[@id="s-user-setting-menu"]/div/a[1]').click() t.sleep(5) #点击保存设置 driver.find_element_by_xpath('//*[@id="se-setting-7"]/a[2]').click() t.sleep(5) print(driver.switch_to.alert.text) t.sleep(3) #点击确定后跳转到首页 driver.switch_to.alert.accept() t.sleep(5) driver.quit()
2.右键
右键使用到的方法为context_click() 的方法,下面就以百度网盘为案例,来演示右键的操作,具体实现的代码为:
from selenium import webdriver from selenium.webdriver.common.action_chains import ActionChains import time as t driver=webdriver.Chrome() driver.maximize_window() driver.get('http://pan.baidu.com/') t.sleep(5) #点击短信快捷登录 driver.find_element_by_xpath('//*[@id="TANGRAM__PSP_4__smsSwitchWrapper"]').click() t.sleep(5) #输入手机号 driver.find_element_by_id('TANGRAM__PSP_4__smsPhone').send_keys('15191084297') t.sleep(5) #点击获取验证码 driver.find_element_by_id('TANGRAM__PSP_4__smsTimer').click() t.sleep(30) #点击登录 driver.find_element_by_id('TANGRAM__PSP_4__smsSubmit').click() t.sleep(15) #针对ActionChains类进行实例化操作 obj=ActionChains(driver=driver) #获取元素属性的对象 wodeziyuan=driver.find_element_by_xpath('//*[@id="layoutMain"]/div[2]/div[3]/div/div/dd[7]/div[2]/div[1]/a') t.sleep(5) #右键点击我的资源 obj.context_click(wodeziyuan).perform() t.sleep(5) driver.quit()
3.鼠标双击
double_click一般主要应用于数据的交互方面,比如添加用户姓名的按钮,假设程序规定用户名称是唯一的,那么双击后是否插入了两条用户名称一样的信息了,这就需要来验证,提交数据后,然后在数据列表中使用用户名称来查询,查看是否存在两条数据,一般而言,前后端的程序员都是会处理这些的,但是作为测试我们还是需要验证这些测试场景。下面主要结合百度搜索来作为案例,具体代码如下:
from selenium import webdriver from selenium.webdriver.common.action_chains import ActionChains import time as t driver=webdriver.Chrome() driver.maximize_window() driver.get('http://www.baidu.com/') t.sleep(3) obj=ActionChains(driver=driver) driver.find_element_by_id('kw').send_keys('彭于晏') t.sleep(3) so=driver.find_element_by_id('su') #双击 obj.double_click(so).perform() t.sleep(8) driver.quit()
三、wait实战
在UI的自动化测试中,经常会由于网络加载慢的问题导致资源加载不出来,从而影响测试的效率,之前我们对这样的处理方案是使用了time库里面的sleep()方法来休眠几秒钟,但是这样的方式毕竟不是很好的解决方案。在UI自动化测试中,关于等待的部分,主要汇总为如下三点,具体如下:
1、固定等待,也就是使用sleep()方法
2、隐式等待,使用到的方法是implicitly_wait的方法,可以把它理解为设置最长等待时间
3、显式等待,主要指的是程序每隔一段时间执行自定义的程序判断条件,如果判断成立,程序就会继续执行,那么如果判断失败,就会报TimeOutExpection的异常信息
1.指定元素文本的位置
这个方法主要应用于错误文本信息的验证,我们首先需要错误文本信息显示出来才能够进行断言的验证,使用到的方法为:text_to_be_present_in_element,下面我们主要是以sina email为案例来演示下这部分的具体应用,具体代码如下:
from selenium import webdriver from selenium.webdriver.support.wait import WebDriverWait from selenium.webdriver.common.by import By from selenium.webdriver.support import expected_conditions as es import time as t driver=webdriver.Chrome() driver.maximize_window() driver.get('http://mail.sina.com.cn') driver.find_element_by_link_text('登录').click() divText=WebDriverWait(driver=driver,timeout=10).until(method=es.element_to_be_clickable((By.XPATH,'/html/body/div[3]/div/div[2]/div/div/div[4]/div[1]/div[1]/div[1]/span[1]'))) assert divText.text=='请输入邮箱名' driver.quit()
2.关于元素是否可见
这里以百度首页的关于百度为案例,使用到的方法为:visibilty_of_element_located,具体实现的源码为:
from selenium import webdriver from selenium.webdriver.support.wait import WebDriverWait from selenium.webdriver.common.by import By from selenium.webdriver.support import expected_conditions as es import time as t driver=webdriver.Chrome() driver.maximize_window() driver.get('http://www.baidu.com') driver.implicitly_wait(30) aboutBaidu=WebDriverWait(driver=driver,timeout=10).until(method=es.element_to_be_clickable((By.LINK_TEXT,'关于百度'))) #判断存在后点击关于百度 aboutBaidu.click() driver.quit()