==========================================================================================================
写在前面：
终于有点亲切的感觉了，这个是web的airtest自动化测试程序，代码基本上使用的其实是selelium框架的python版本，虽然对python语言了解
的不是特别深入，学的不是特别多，但目前级别能看懂。希望后期能在python和airtest以及selenium等多框架上摩擦出更多火花。
==========================================================================================================
参考链接：1.5 web测试
本文约2200字，阅读全文可能将花费7分钟。
1. Airtest-Selenium测试框架原理图
Selenium是一款web自动化测试框架，它支持各种浏览器，包括 Chrome，Safari，Firefox 等主流浏览器。
得益于Selenium对Python的良好支持，我们在Airtest Project中添加了Airtest-Selenium插件，我们可以使用AirtestIDE进行web自动化脚本录制、脚本运行和报告生成。本文将介绍如何使用AirtestIDE进行web自动化测试。
2. 录制视频示例
demo
3. 自动化录制详细步骤 (针对Chrome)
- 本地安装最新版AirtestIDE以及Chrome浏览器；
- 开启Selenium辅助窗：“窗口”-“Selenium Window”
1_window
- 设置Chrome本地路径：“选项”-“设置”-“Selenium”-“设置Chrome路径”；
2_setting
-
开启浏览器并生成初始化代码：点击
11_start_web 开启浏览器-点击编辑框中弹出的提示，生成初始化代码；from selenium import webdriver from selenium.webdriver.common.keys import Keys from airtest_selenium.proxy import WebChrome driver = WebChrome() driver.implicitly_wait(20)注意:对于Firefox，这段代码可以正确插入，但是不会打开任何浏览器
-
生成访问待测试网址的代码：浏览器中进入待测试的网页-点击辅助窗的start_web；
driver.get("http://news.baidu.com") -
开始Airtest-Selenium脚本录制：点击录制
4_record - 在浏览器进行操作 -
结束录制，运行脚本：点击运行脚本按钮
12_run_button -
运行结束后，点击报告按钮，查看报告
13_report
4. 辅助功能窗
当用户想单独生成某一条代码语句时，可以通过辅助窗的按钮来帮助生成想要的操作。下面把辅助窗的按钮分为三类，并分别对其功能进行详细说明。
① Inspect类按钮
这一类按钮点击后，不会直接生成代码；浏览器会进入inspect模式，用户可以在浏览器中选择自己想要操作的元素进行点击，然后编辑框内会生成代码定位到对应元素，并生成对应操作的代码。
5_inspect_button
如果您使用Firefox而不是Chrome，您将看到脚本编辑器中插入的命令，但是您不能在浏览器中直接执行任何操作。
- Inspect按钮: 点击这个按钮后，选取页面元素，会生成一个定位到该元素的语句。但不会在后面生成对应的操作代码，用户可以自行补充想要执行的selenium语句。例：
driver.find_element_by_xpath("//*[@id="navbarContent"]/ul/li[2]/a")还支持其他查找元素的方法* - touch按钮：这个按钮，点击后会生成点击对应元素的代码。例：
driver.find_element_by_xpath("//*[@id="navbarContent"]/ul/li[2]/a").click() - text按钮：点击这个按钮，会生成一条在指定元素内输入文本的语句，生成代码后，用户需自行在内部填入需要输入的文本。同时，用户可以定义在输入后执行某个键盘事件，如回车。例：
driver.find_element_by_xpath("//input[@placeholder='Search']").send_keys("Airtest Project", Keys.ENTER) - assert按钮：assert按钮在点击后，生成一条assert页面元素是否存在的语句。这是一条Airtest-Selenium封装的语句，在运行时会尝试用参数代表的方法去寻找元素，如果找到会返回True，如果没找到会返回False。可用于测试脚本是否成功的判读。例：
driver.assert_exist("//*[@id="js-pjax-container"]/div/header/div/nav/a[2]", "xpath")
② Airtest图像识别类按钮
这一类按钮，点击后进入截取图像模式，对当前屏幕进行框选区域并截图。
11_airtest_button
-
airtest_touch: 点击该按钮开启截屏模式，对当前屏幕进行截屏，可从浏览器中截取区域图片。表示对截取图片进行点击。例：
12_airtest_touch -
assert_template: 点击该按钮后，对当前屏幕截图。表示断言当前浏览器存在该图片。例
13_assert_template
③ 直接生成代码按钮
这一类按钮，点击后直接生成代码。不需多余操作，不过部分按钮会根据当前浏览器实际情况生成不同的参数。 对于Firefox，不会在页面上显示检视器，而是直接生成代码
10_operate
- start_web: 点击该按钮后生成当前浏览器所访问的页面地址的语句。例：
driver.get("https://github.com/AirtestProject") - snapshot: 点击该按钮后生成对当前页面进行截图的语句。例：
driver.snapshot() - new_tab: 点击该按钮生成一条跳转在最新出现的标签页的语句，一般用在一个生成新的标签页的语句后面。例：
driver.switch_to_latest_window() - previous_tab: 点击该按钮生成一条跳转到当前标签页之前的标签页（父标签）的语句。例：
driver.switch_to_last_window() - back: 点击该按钮，生成后退到上一个页面的语句。例：
driver.back() - forward: 点击该按钮，生成前进到下一个页面的语句。例：
driver.forward()
5. 多标签录制逻辑
Airtest-Seleniums是一个支持多标签页操作的测试框架，不过为了保证运行和录制时的一致性，也为了让用户理解清楚标签的切换规则，这里要说明一下不同标签页之间切换操作的规则。
Airtest-Selenium中用driver.switch_to_previous_tab()和driver.switch_to_new_tab()两个接口来处理不同标签页之间的逻辑。driver.switch_to_new_tab()接在当新的标签页生成的时候，会跳转到最新的标签页。例如:
driver.find_element_by_xpath("//a[@href='http://news.cctv.com/world/']").click()
driver.switch_to_new_tab()
执行这两句话之前，本来浏览器在A标签页，这时运行了第一句话，生成了B标签页，同时浏览器也跳转到了B标签页中。这时如果需要继续写基于B标签页的逻辑，需要执行driver.switch_to_new_tab()这个语句，这个语句告诉ChromeDriver要去爬B标签页而不再是A的dom树结构了。
而driver.switch_to_previous_tab()这个语句则是用在driver.switch_to_new_tab()之后，与其配对存在。上文相同的例子，我在B标签页做完了操作以后，可以通过driver.switch_to_previous_tab()这个接口告诉ChromeDriver，不再管B了，重新去获取A的dom树结构。然后就可以继续基于A标签页写接下来的逻辑脚本了。
在录制模式下，当用户通过一个操作生成新的标签页时，Airtest-Selenium会识别出标签页的变化，并切换到最新的标签页，同时在编辑框内生成切换标签页的代码。在新的标签页执行完操作后，点击关闭标签页，Airtest-Selenium则会跳回到上一个生成该标签的标签页，同时在编辑框内生成关闭和调回标签页的代码。
这里用一个小视频来看看多标签页录制的效果：
