01、背景

之前一直做 WEB UI与接口，最近有个自动化测试项目，是小程序，本来打算采用 Appium来做，但是经过实践我放弃了，Appium用于 App 测试比较多，对于小程序，好多人建议用 AirTest，由于不了解 AirTest，对于新工具，我们如何何用呢？

02、什么是 AirTest

Airtest是由网易游戏推出的一个跨平台的，基于图像识别的 UI 自动化测试框架，它适用于游戏和应用程序，支持的平台有 Windows、 Android 和 iOS。

Airtest提供了丰富的API，包括安装应用、模拟输入、断言等。可结合python脚本进行自动化。测试脚本运行后可以自动生成详细的HTML测试报告，遗憾的是不支持 Java，如果你需要使用 AirTest，那么建议你最好去学习下 Python 基础知识。

03、Airtest 与 Poco

Airtest：基于Python的、跨平台的UI自动化测试框架，基于图像识别原理，适用于游戏和App。优点：

• 简单直接

• 兼容各种环境

• 无需嵌入代码

Poco：基于UI控件搜索的自动化测试框架，其核心优势是除了对Android、IOS之外，对游戏也是支持的，同时也支持微信小程序、微信小游戏和H5应用。优点：

• 控件识别更加准确

• 界面迭代影响小

04、Airtest下载与安装

1. 官网地址：

   http://airtest.netease.com/changelog.html

2. Windows直接下载压缩文件后解压即可使用

3. Mac下载 dmg 文件安装后即可使用

4. 安装 Python 环境，建议安装 Python3

 说明

在测试 App 或小程序时，需要手机连接到电脑，所以会用到 adb，AirTest有自带 adb，所以无需额外安装，adb 所在目录：

D:\ProgramFiles\AirtestIDE-win-1.2.8\AirtestIDE\airtest\core\android\static\adb\windows

05、Airtest 界面介绍

1. 打开 Airtest 后可以不注册，直接点击 skip，当然你也可以用 github 账号登录

2. 点击菜单栏选项，可更改语言为中文

3. 手机用 USB 连接到电脑后，会在右侧设备窗显示，点击 connect，即可连接

4. Airtest 辅助窗显示相关 airtest Api

5. Poco 辅助窗显示UI树（点击三角符号选择 Android）

 注

1. 软件部署成功之后，连接设备之后，设备端会生成两个插件，Yosemite和PocoService。

2. 点击 connect，如果界面一闪而过，可以点击三角符号，选择某一种连接方式后再点击 connect

06、Airtest 项目实战

1.打开 app

start_app('com.tencent.mm')

2.等待

# 方式一

sleep(3)
# 方式二
# 在给定时间内等待一个UI出现并返回这个UI，如果已经存在画面中了那就直接返回这个UI。
# 如果超时了还没有出现，同样也会返回，但是调用这个UI的操作时会报错，返回True 或 False
poco(text='通讯录').wait(5).exists()

3.断言

flag0 = poco(text='通讯录').wait(5).exists()
assert_equal(flag0,True,'校验微信是否启动成功')

4.滑动

# 前两个参数为滑动的前后两个坐标，duration为滑动的时间,坐标为百分比
poco.swipe((0.1,0.1),(0.1,0.5),duration=0.1)

5.点击

# 表示点击控件name名称为“android.widget.EditText”的控件；
poco('android.widget.EditText').click()
# 表示点击控件text名称为“美团外卖”的控件；
poco(text='美团外卖').click()
# 按坐标点击
touch([985,278])
# 表示双击x为200，y为500的位置点，默认双击事件为0.01秒；
touch([985,278]，times=2）

6.文本输入

# 表示在name名称为“android.widget.EditText”的控件处输入文字：烧烤
poco ('android.widget.EditText').set_text('烧烤')
# 用 text
text("烧烤")
# 点击软键盘上面的search按钮则为 True
# 输入后不需要回车则 enter 为 False
text("烧烤",enter=False,search=True)

7.获取控件文件

# 获取控件name为com.tencent.mm:id/bqq控件的文本
poco('com.tencent.mm:id/bqq').get_text()

8.退出应用

# 退出应用
stop_app('com.tencent.mm')

9.清空应用数据

# 清空应用数据(慎用)
stop_clear('com.tencent.mm')

07、官方参考文档

1. https://poco.readthedocs.io/zh_CN/latest/index.html

2. https://airtest.doc.io.netease.com/

3. https://juejin.cn/user/1275089221067928

微信小程序测试的环境搭建，整体流程是:

   1.安装微信开发者工具
   2.登录微信开发者工具
   3.安装hbuildx
   4.导入项目
   5.设置hbuildx和微信开发者关联信息
   6.编译代码
   7.微信小程序测试

1、安装微信开发者工具

1.微信开发者工具下载
打开网站：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
选择windows系统版本

2.下载完成后按步骤进行安装
略

2、登录微信开发者工具

1.进行扫码登录

2.点击确认登录

3.安装HbuildX

1.下载地址：https://www.dcloud.io/hbuilderx.html

2.选择app开发版本
3.解压安装包
解压后找到HBuilderX.exe双击运行。如图：

4.双击HBuilderX.exe文件

4.导入项目

1.打开目录选择项目文件夹

5.设置hbuildx和微信开发者关联信息

1.加载微信开发者工具，选择工具-设置

2.然后在运行配置里面设置微信开发者工具的路径,如下图所示:

3.接着登录微信开发者工具,点击设置下面的安全设置:

服务端口设置为开启

4.运行->运行到小程序模拟器（M）->启动微信开发者工具

6.编译代码

1.安装node.js

2.安装项目依赖包
路径：项目所在目录
命令：npm --registry https://registry.npm.taobao.org install
3.控制台点击右键，选择重新运行或停止运行。

4.微信开发者工具，加载小程序成功

7.微信小程序测试

1.清理缓存

2.刷新

3.查看接口日志
跟浏览器的F12功能相似，可以查看接口访问信息，用于定位问题。

8.遇到的问题

问题1：Cannot find module ‘node-ipc’
报错信息：
20:20:52.201 module.js:549
20:20:52.201 throw err;
20:20:52.204 ^
20:20:52.204 Error: Cannot find module ‘node-ipc’
20:20:52.207 at Function.Module._resolveFilename (module.js:547:15)
20:20:52.208 at Function.Module._load (module.js:474:25)
20:20:52.211 at Module.require (module.js:596:17)
20:20:52.211 at require (internal/module.js:11:18)
20:20:52.213 at Object. (D:\ProgramFiles\HBuilderX\plugins\uniapp-cli\node_modules@vue\cli-shared-utils\lib\ipc.js:1:75)
20:20:52.214 at Module._compile (module.js:652:30)
20:20:52.217 at Object.Module._extensions…js (module.js:663:10)
20:20:52.217 at Module.load (module.js:565:32)
20:20:52.221 at tryModuleLoad (module.js:505:12)
20:20:52.221 at Function.Module._load (module.js:497:3)
解决方案：
工具菜单-> 插件安装 -> uni-app编译
找到这个插件后把它卸载然后重新安装就OK了

问题2：文件查找失败：‘luch-request’ at api\request.js:3
15:08:52.069 Browserslist: caniuse-lite is outdated. Please run:
15:08:52.069 npx browserslist@latest --update-db
15:08:57.711 Browserslist: caniuse-lite is outdated. Please run the following command: npm update
15:08:59.526 文件查找失败：‘luch-request’ at api\request.js:3
15:08:59.527 ERROR Build failed with errors.
解决方案：
1.安装依赖包：
npm --registry https://registry.npm.taobao.org install

问题3：安全接口未关起
10:56:09.346 正在启动微信开发者工具…
10:56:09.751 [微信小程序开发者工具] - initialize
10:56:09.751 [微信小程序开发者工具]
10:56:09.754 [微信小程序开发者工具]
10:56:09.766 [微信小程序开发者工具] [error] IDE service port disabled. To use CLI Call, please enter y to confirm enabling CLI capability, or manually open IDE -> Settings -> Security Settings, and set Service Port On.
10:56:09.766 [微信小程序开发者工具] For more details see: https://developers.weixin.qq.com/miniprogram/en/dev/devtools/cli.html
10:56:09.769 [微信小程序开发者工具] [error] 工具的服务端口已关闭。要使用命令行调用工具，请在下方输入 y 以确认开启，或手动打开工具 -> 设置 -> 安全设置，将服务端口开启。
10:56:09.773 [微信小程序开发者工具] 详细信息: https://developers.weixin.qq.com/miniprogram/dev/devtools/cli.html
10:56:09.773 [微信小程序开发者工具]
10:56:09.776 [微信小程序开发者工具] ? Enable IDE Service (y/N) [27D[27C
10:56:09.780 [微信小程序开发者工具] × initialize
10:56:09.780 [微信小程序开发者工具]
10:56:09.783 [微信小程序开发者工具] Runtime error
10:56:09.783 [微信小程序开发者工具] Error: read EBADF
10:56:09.787 [微信小程序开发者工具] at Pipe.onStreamRead (internal/stream_base_commons.js:183:27) {
10:56:09.791 [微信小程序开发者工具] errno: ‘EBADF’,
10:56:09.796 [微信小程序开发者工具] code: ‘EBADF’,
10:56:09.800 [微信小程序开发者工具] syscall: ‘read’
10:56:09.804 [微信小程序开发者工具] }

解决方案：
打开工具 -> 设置 -> 安全设置，将服务端口开启

问题4：小程序定位问题
可以在调试器中编辑自己需要设置的经纬度

问题5：点击“预览”生成二维码时报错

解决方案：运行中勾选“运行时是否压缩代码”

页面加载时间：接口调用时间+加载资源时间+页面渲染时间  

浏览器的F12中的network可以查看到

1、工具介绍

  微信开发者工具的调试器中Trace可实时监控小程序的性能，分析trace文件可获取内存、CPU、fps、启动时间、各函数的执行时间等。

2、前置条件准备

（1）电脑上安装adb

下载adb压缩包去解压即可。链接：https://pan.baidu.com/s/1SKu24yyShwg16lyIupO5VA 提取码：ih0i

解压，如果下载放入到D盘，打开dos窗口那么就要进入到D盘

检查是否安装成功：adb version

说明：Android Debug Bridge（安卓调试桥） tools。它就是一个命令行窗口，用于通过电脑端与模拟器或者是设备之间的交互。

（2）下载微信小程序开发工具

微信小程序官方：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

选择需要的版本，我选择的是　windows64 下载后按照步骤一步一步进行安装

(3)手机与电脑连接,手机USB打开调试模式

• 以小米手机为例:手机用数据线连接至电脑;手机设置->我的设备->全部参数->MIUI版本连续点击多次直到出现您已处于开发者模式->重新回到设置->更多设置->开发者选项->允许USB调试
• 其他手机型号可以百度查询~
• 检验手机和电脑是否连接成功（命令： adb devices）

具体操作步骤：

1、登录微信小程序开发者工具->小程序->点击加号导入项目代码；或者选择测试号（demo）进入

2、选择trace，点击Choose Device，如果手机adb连接成功在弹框中可看到连接设备，如下：

3、点击选择设备后会停留在选择trace文件页面

注:若手机端无文件上传时会一直搜索中

4、手机端，进入要测的微信小程序中（与开发者工具登录的同一个小程序）；若无关注要测的小程序时，可在开发者工具上点击真机调试，扫码就可关注进入

5、手机进入小程序后，打开性能监控面板（点击监控后要重新登录微信和小程序）

打开性能监控面板之后我们可以看到如下图。在小程序中操作后可导出trace文件（手机与电脑连接）

6、导出后在电脑端就会显示其trace文件，点击可查看测量的性能数据

7、选择需要查看的文件，即可查看所需的性能数据

8、选中后在底部展示其具体数据如下：

小程序上的性能指标说明: