微信小程序及公众号H5自动化测试攻略

目前市面上，被大家用来做移动端App UI自动化测试工具最为常见的当属：

• Appium
• Airtest

很多小伙伴在刚接触这两款工具做App UI自动化测试时，难免会问到，他们能支持微信小程序或者微信公众号H5页面的自动化测试吗？ 答案显然是肯定的 ，但需要做一些特殊的设置。

首先大家需要了解到的是，不管是微信App还是QQ内置的浏览器，他们的内核并不是采用Android原生的 WebView ，而是他们自家开发的 X5 WebView 内核。当我们需要开展微信小程序或者微信H5页面的自动化测试时，我们需要进行一些相关设置，切换到系统 WebView 内核中，这样才能有效的识别获取到App控制元素信息。

一、如何进行设置

1、 首先，打开微信中任意一个聊天框，输入 debugtbs.qq.com ，点击进入TBS调试页面，再点击页面内的“ 安装线上内核 ”：

2、 安装成功后，我们需要重启微信才可以生效；

3、再次进去刚才的TBS调试页面，检查我们的设置是否生效，点击“ 查看版本信息 ”，版本信息为 0(null) 则设置成功：

通过上述设置操作后，即可切换到系统WebView内核中，这样再利用Appium或者Airtest测试工具做App UI自动化时，就能正常的获取到微信小程序或者微信公众号菜单中H5页面元素了。

二、如果是混合App页面，在自动化测试时需要切换webview，则可以进行如下设置。

1、打开微信上小程序的调试功能（为了拿到小程序的 context ）

在微信聊天页，输入： http://debugx5.qq.com ，点击后跳转到x5调试页面，点击信息，然后勾选【打开TBS内核Inspector调试功能】。

TBS调试只适用于Android系统，iOS暂不支持