UI自动化原理 以及 那些跳过的坑

接下来我准备系统学习 UI自动化 性能自动化 接口自动化
谢谢大家，要一直努力

做为测试工程师，我时常感觉到，测试生命中有两大幻觉:

今天能发布
明天能发布

一、原理

1、什么是UI自动化测试

使用工具或者脚本对需要测试的软件的前端界面在预设的条件下和已经的测试数据下运行系统或者应用程序，并获取其前端页面显示的数据结果进行校验，评估得出测试结论

2、UI自动化测试可用于哪里

基于测试渠道可分为：手机App、Pc web端、手机Web端等
基于测试阶段可分为：冒烟测试、回归测试、生产验收、兼容性测试

3、为什么要使用UI自动化测试

（1）目前测试案例数量过多导致人工执行测试案例耗时过长，并且会出现无法执行完该执行的测试案例导致版本无法按预期上线
（2）案例的步骤繁琐，场景复杂，制作测试数据的过程复杂，导致人工执行时间过长
（3）需求简单，无前端功能开发的需求可以使用UI自动化进行测试并得出结论
（4）可以帮助开发人员进行自测

4、哪些测试可以执行UI自动化

（1）已经比较成熟的项目，暂无任何大的改动需求的项目
（2）人工执行耗时长，流程繁琐的项目
（3）单纯的数据校验，列表功能校验

5、怎么执行自动化测试

（1）开发提测前自用，配置环境和工具，下载脚本执行，可通过测试报告查看执行情况和结果
（2）冒烟测试中，测试在开发提测后执行，通过测试报告查看执行情况和测试结果
（3）回归测试中，测试人员执行执行纳入回归测试的测试脚本并执行
（4）生产验收，UI自动化测试脚本可用于生产验收中，无须手动操作就可验证生产的情况

6、UI自动化测试的利与弊

利处：快捷、方便、无须手工操作
弊端：脚本编写成本高、案例开发时间长、需要长期维护

二、UI自动化步骤

打开浏览器（第一步）
输入网址访问（第二步）
操作元素（第三步）

三、做UI自动化避免10个坑

1、启动浏览器报错

报错信息：Exception in thread “main” org.openqa.selenium.WebDriverException: unknown error: call function result missing ‘value’
出现以上报错信息，是由于浏览器版本与driver版本不匹配，各版本driver下载地址为：https://npm.taobao.org/mirrors/chromedriver；在进行UI测试之前，一定要先检查自己浏览器的版本，然后找到对应版本的driver，这样才能正常启动浏览器进行测试

2、无匹配元素/元素不可见

例如，报错信息为：ValueError: Element locator ‘id=msgCount’ did not match any elements.
首先，确认是否设置了合理的等待时间，在web的UI测试过程中，需要等待元素加载完成之后，才可以定位到对应的元素；其次，如果设置等待时间仍然无法解决问题，再检查定位方式是否准确，并切换不同的方式进行元素定位，常用的元素定位方法包括id、name、className、partialLinkText()、linkText、xpath、cssSelector()；一般情况下，出现无法定位或者找不到元素的情况，都是由于没有设置合理的等待时间

3、设置等待时间

为了提高测试脚本的稳定性和实用性，设置合理的等待时间是必不可少的，需要根据不同的场景，选择合适的等待方式，以提高测试效率；常用的等待方式包括强制等待、隐式等待和显式等待三种

强制等待：time.sleep(x)，在查找元素前强制线程停止x秒，由于这种等待方式是必须等够x秒之后，才执行对应的操作，因此可能会影响测试效率

隐式等待：隐式等待是对网页加载的等待；在整个测试用例编写过程中，只需强调一次，之后每次出现网页加载都执行一次等待，自动判断等待时间；在启动浏览器后，加一个driver.implicitly_wait(5)即可；其中，参数5表示，页面在0-5s内加载出来即可，是一个时间范围

显式等待：显式等待是对元素的等待；在每次进行元素查找之前都需要强调一次：WebDriverWait(driver, 20, 0.5).until(expected_conditions.alert_is_present())
其中，20s表示最大等待时间，0.5s表示轮询时间间隔；检查到元素即停止等待，执行下一个操作

4、上传文件

Web的UI自动化测试过程中，不可避免要处理文件上传，最简单的方式是通过sendkeys来处理，这种方式简单、清晰、高效，是处理文件上传的首选，代码如下：driver.find_element(By.ID, ‘upload’).send_keys(‘D:/upload.txt’)
但是这种方式只适用于元素标签为input类型的上传

5、切换浏览器窗口

在进行UI自动化测试过程中，我们通过链接打开一个新的页面时，需要进行窗口切换，才能在新页面进行操作，代码如下：
其中，driver.getWindowHandle();获取当前窗口句柄（系统分配的唯一标识，跟身份证一样）

driver.getWindowHandles()；获取当前浏览器所有窗口的句柄集

此外，获取当前浏览所有窗口的句柄集，相当于一个列表，也可以通过如下代码来切换到最新打开的页面：

new_handle=driver.getWindowHandles()[-1]；

driver.swicth_To().window(new_handle);

6、Webdriver定位class属性中有空格的值

例如：定位" class=“bg s_btn”，一共有三种处理方式

self.browser.find_element_by_class_name(“s_btn”).submit() #第一种解决办法：class值取其中之一

self.browser.find_element_by_class_name(“bg”).submit() #第二种解决办法：class值取其中之一

self.browser.find_element_by_css_selector(".bg.s_btn").submit() #第三种解决办法：使用css.selector，每个class值前面加

其中，在使用前两种方法的时候，需要确认选取的元素不会在该页面上存在重复，因此建议使用css.selector方式进行定位，以保证元素查找的唯一性

7、处理页面弹出框Alert

Alert是JavaScript控件，无法通过元素定位的方式进行处理，Webdriver提供了以下方式来对控件进行处理：
driver.switch_to.alert.accept() # 通过accept，关闭弹出框

driver.switch_to.alert.dismiss() # 通过dismiss，关闭弹出框

driver.switch_to.alert.text #获取弹出框文字

8、日历控件

日历控件是一种特殊的网页元素，由于其操作的复杂性，无法通过模拟手工操作来进行一步步的选择。检查页面元素可以发现，日历控件属于input类型，但是由于其readonly属性，无法使用send_keys直接输入；因此，可以通过调用JavaScript脚本（打开Chrome浏览器-右键点击检查-进入console，即可进行JavaScript代码调试），先删除其readonly属性，再使用sendkeys方式进行输入，代码如下：

driver.execute_script(‘document.getElementById(“date”).removeAttribute(“readonly”)’)

9、处理图片验证码

在进行登录注册等操作时，经常需要处理一些验证码；除了通过万能码进行登录之外，还可以调用百度提供的开放接口进行验证码处理，接口说明文档如下：
http://ai.baidu.com/docs#/OCR-API/top

10、iframe或frame处理

在元素定位过程中，如果出现了或者标签，说明该页面中嵌套了一个新的页面，该页面内的元素无法直接定位。因此，在定位新页面元素之前，我们需要先执行driver.switch_to.frame()方法，切换到该frame下面，再对该frame下的元素进行定位和操作；如果想操作该frame以外的元素，可以通过driver.switch_to.parent_frame()方法切换到上一级frame