AirTest学习四，录制Web测试脚本

国际惯例，先推荐一波官方文档

http://airtest.netease.com/docs/docs_AirtestIDE-zh_CN/1_quick_start/5_get_started_with_web_test.html

1. Airtest-Selenium测试框架原理图

Selenium是一款web自动化测试框架，它支持各种浏览器，包括 Chrome，Safari，Firefox 等主流浏览器。

得益于Selenium对Python的良好支持，我们在Airtest Project中添加了Airtest-Selenium插件，我们可以使用AirtestIDE进行web自动化脚本录制、脚本运行和报告生成。本文将介绍如何使用AirtestIDE进行web自动化测试。

录制Web测试脚本步骤

• 本地安装最新版AirtestIDE以及Chrome浏览器；
• 开启Selenium辅助窗：“窗口”-“Selenium Window”

• 设置chrome路径，Options - Settings - Selenium - Chrome Path

• 开启浏览器并生成初始化代码：点击一个地球图案的按钮，开启浏览器，然后点击编辑框中弹出的提示，生成初始化代码；

from selenium import webdriver
from selenium.webdriver.common.keys import Keys
from airtest_selenium.proxy import WebChrome
driver = WebChrome()
driver.implicitly_wait(20)

• 生成访问待测试网址的代码：浏览器中进入待测试的网页-点击辅助窗的start_web；

• 开始Airtest-Selenium脚本录制：点击录制按钮在浏览器进行操作

• 结束录制，运行脚本：点击运行脚本按钮

• 运行结束后，点击报告按钮，查看报告

selenium window中的按钮功能说明

• Inspect类按钮

这一类按钮点击后，不会直接生成代码；浏览器会进入inspect模式，用户可以在浏览器中选择自己想要操作的元素进行点击，然后编辑框内会生成代码定位到对应元素，并生成对应操作的代码。

Inspect按钮: 点击这个按钮后，选取页面元素，会生成一个定位到该元素的语句。
touch按钮：这个按钮，点击后会生成点击对应元素的代码。
text按钮：点击这个按钮，会生成一条在指定元素内输入文本的语句，生成代码后，用户需自行在内部填入需要输入的文本。
assert按钮：assert按钮在点击后，生成一条assert页面元素是否存在的语句。这是一条Airtest-Selenium封装的语句，在运行时会尝试用参数代表的方法去寻找元素，如果找到会返回True，如果没找到会返回False。

• Airtest图像识别类按钮（mac os无法使用该功能）

这一类按钮，点击后进入截取图像模式，对当前屏幕进行框选区域并截图。

airtest_touch: 点击该按钮开启截屏模式，对当前屏幕进行截屏，可从浏览器中截取区域图片。表示对截取图片进行点击。
assert_template: 点击该按钮后，对当前屏幕截图。表示断言当前浏览器存在该图片。

注意：mac os上无法使用这两个按钮，windows系统才能使用

• 直接生成代码按钮

这一类按钮，点击后直接生成代码。不需多余操作，不过部分按钮会根据当前浏览器实际情况生成不同的参数。

start_web: 点击该按钮后生成当前浏览器所访问的页面地址的语句。
snapshot: 点击该按钮后生成对当前页面进行截图的语句。
new_tab: 点击该按钮生成一条跳转在最新出现的标签页的语句，一般用在一个生成新的标签页的语句后面。
previous_tab: 点击该按钮生成一条跳转到当前标签页之前的标签页（父标签）的语句。
back: 点击该按钮，生成后退到上一个页面的语句。
forward: 点击该按钮，生成前进到下一个页面的语句。