三、AirtestIDE的界面简介
1. AirtestIDE主界面介绍
默认情况下,AirtestIDE的界面主要由1个顶部菜单栏和5个窗口组成。分别是,顶部菜单栏、Airtest和Poco辅助窗、脚本编辑窗、log查看窗和设备窗口。其实还有1个airtest-selenium的辅助窗,需要我们在顶部菜单栏的窗口选项里面勾选上,才会显示在IDE的界面中。此外,初始布局中的”设备窗”是工具的设备连接交互区。
接下来我们打开电脑里面安装好的IDE,来详细看看这些菜单和窗口的功能。
2. 顶部菜单栏
1)文件
“文件”主要用于一系列的脚本文件的操作,比如新建、打开、保存和另存等等。
2)运行
“运行”则用于运行脚本的一系列操作,我们还可以在这里打开报告目录。
3)Firebase(打包APK)
“Firebase”是一个脚本打包的功能,方便大家把脚本打包成apk来运行。但目前该功能在重新开发中,使用过程出现问题的同学可以等重新开发结束之后再来使用。
4)HeadSpin
“HeadSpin”是1个关于HeadSpin的友情介绍。
5)选项
“选项”的功能比较丰富。可以对airtest、poco和运行环境等做一系列设置,还可以设置IDE的语言和皮肤。
我们在IDE的使用过程中,会经常遇到需要在选项里进行设置的情况,比如设置使用本地Python环境,不使用AirtestIDE自带的环境来跑脚本;再比如进行网页测试之前,设置chrome.exe的路径等等。
6)窗口
“窗口”可以则对IDE的窗口显示做一些改动,默认情况下,IDE有5个窗口,selenium 窗口默认是不展示的。如果你不小心拖动了一些窗口或者不小心把某些窗口关掉了,可以使用“恢复默认布局”把窗口的布局恢复到最初始的状态。
7)帮助
最后这个“帮助”,可以帮助我们快速跳转到官方文档、官方主页、AirtestProject的GitHub项目上,还在做一些问题反馈和更新操作。
8)快捷键
另外顶部菜单栏还包含一行的快捷按钮,主要是针对脚本的快捷操作,包含新建、打开、保存、另存、运行、停止运行和生成报告:
3. Airtest和Poco辅助窗
IDE左侧的2个窗口,Airtest和Poco的辅助窗,使用这俩个窗口可以帮助我们快速录制airtest和poco的自动化脚本。在没有连接设备的情况下,airtest辅助窗中,需要截图的一些操作的快捷键是不可用的,poco辅助窗中也不显示任何UI渲染树的信息。
当我们在设备窗口连接上待测设备之后,Airtest辅助窗里所有的快捷键都变成可用的,把鼠标移动到对应的快捷键上,还可以查看该方法的参数详情。右上角还给我们提供了一个截图和录制脚本的快捷键。
之前跟大家介绍过,Airtest是基于图像识别的,而poco是基于控件搜索的,所以连接设备之后,我们就可以在poco辅助窗内,选择对应的模式,然后查看设备的UI渲染树,以此来对设备上的控件做一些操作。
比如此时我们连接的是一台Android设备,测试的是1个unity游戏项目,我们就可以下拉选择unity模式,稍等一会,UI树就被刷新出来了。点击右上角的三个按钮,我们就可以锁定某个控件或者录制poco脚本了。如果测试的是安卓原生的一些应用,则选择android模式即可。
4. 脚本编辑窗
就像上文演示的那样,录制功能可以帮助我们在脚本编辑窗自动生成airtest和poco的脚本,我们也可以自己手动在编辑窗内编写自动化脚本。
5. log查看窗
log查看窗有2个功能,1个是在检索控件的时候,查看控件的属性详情,另一个就是在运行脚本的时候查看运行log。
6. 设备连接窗口
在设备连接窗口,我们可以连接Android真机、模拟器、iOS真机、Windows窗口等多种类型的待测设备。具体的连接方式我们可以参看IDE使用教程的设备连接章节 。
7. Selenium Window
上文有讲到,selenium Window 默认情况下是不会展示出来的,如果我们需要使用到该辅助窗,可以在顶部菜单栏中找到 ”窗口“ ,把 Selenium Window 勾选上即可。
在Selenium Window这个窗口中,我们可以对待测浏览器进行录制,帮助我们自动生成基于airtest-selenium或者selenium语法的自动化脚本。它还提供了一些封装好的截图操作,比如airtest_touch等等。
8. AirtestIDE的主界面交互
AirtestIDE的主界面是由多个可dock窗口组合而成的,我们可以按照自己的开发习惯和实际需要进行灵活拖拽布局 ,并可以通过下拉菜单 “窗口”-“恢复默认布局” 将内部布局恢复为默认状态。
布局信息会在软件关闭时会自动保存,下次重新启动软件/下载新版本软件使用时,之前的布局记录会自动延续。