微信小程序自动化测试实践

  由于腾讯系QQ、微信等都是基于腾讯自研X5内核,不是google原生webview(其实就是进行了二次定制)。实质上也是混合应用的一种,现在很多app产品也开始流行采用X5内核作为其内嵌web浏览服务,所以掌握X5内核混合应用自动化也是app自动化测试工程师必备技能。

  genymotion、夜神等模拟器是intel的X86架构,很多app安装不了,比如微信、qq等(虽然说可以通过安装arm解释器来解决该问题,但是进行X5内核调试的话也会出现问题),建议最好是一台真实的手机来做。

  X5内核应用自动化方式和普通混合应用有非常多的差异,接下来以微信小程序举例介绍怎么来开展X5内核的自动化

准备工作:

  1、java-client 5.0.3依赖包

  2、微信应用版本6.7.2

  3、科学上网工具(需要工具的同学加最下角QQ领取)

  4、手机端和PC端安装chrome浏览器(注意版本最好对应一致)

  5、android手机(5.0+版本)

  6、chromedriver 2.26

  7、appium-desktop V1.5.0

步骤:

1、打开微信,在任意窗口输入:debugx5.qq.com

在打开的界面中选择信息->勾选是否打开TBS内核Inspector调试功能

2、手机通过usb连接到电脑,打开USB调试模式,通过adb devices命令检测到设备

3、打开微信->发现->搜一搜,搜索柠檬班软件测试,点击对应小程序进入到主页面

4、在chrome浏览器里面输入chrome://inspect#devices

显示的webview版本是57.xxx,这里就是微信X5内核的版本,不是android System webview版本,同样也可以点击inspect查看页面元素:

 

可以看到当前就是一个html页面,我们可以采取常规web元素定位方式来定位元素

注意事项:

  (1)页面空白加载不出来,这是因为Google的inspect工具需要访问到墙外的网站,所以需要有FQ工具或者VPN方式;

  (2)微信在新版本中对小程序调试入口加上了限制:在微信主窗口下来打开小程序,在chrome中通过inspect工具是检测不到小程序对应的url入口的;

    解决方案:

    在微信->发现->搜一搜搜索小程序,即可发现在inspect工具中可以将对应url显示出来。

  (3)还有一点需要注意,如果点击右上角关闭了小程序之后,一定要记得从后台清理下对应的小程序进程(关闭之后小程序还在后台运行),再次点击重启小程序。

5、默认appium-desktop安装之后里面自带的chromedriver不是2.26的,需要手动去官网下载对应版本的chromedriver:

  http://chromedriver.storage.googleapis.com/index.html

  将其放到appium的chromedriver对应目录中,我的是:

  C:\Users\Administrator\AppData\Local\appium-desktop\app-1.5.0\resources\app\node_modules\appium\node_modules\appium-chromedriver

6、微信/qq有很多的进程,我们要确定当前web页面是位于哪个进程中:

确定我们当前微信的页面运行在com.tencent.mm:toolsmp中

7、在desiredCapabilities中指定:

// 支持X5内核应用自动化配置
desiredCapabilities.setCapability("recreateChromeDriverSessions", true);
// ChromeOptions使用来定制启动选项,因为在appium中切换context识别webview的时候, 
// 把com.tencent.mm:toolsmp的webview识别成com.tencent.mm的webview.
// 所以为了避免这个问题,加上androidProcess: com.tencent.mm:toolsmp
ChromeOptions options = new ChromeOptions();
options.setExperimentalOption("androidProcess", "com.tencent.mm:toolsmp");
desiredCapabilities.setCapability(ChromeOptions.CAPABILITY, options);
// 初始化会默认将chrome浏览器打开,需要将Browser置为空
desiredCapabilities.setBrowserName("");

8、根据chrome的inspect工具得到web元素的信息

测试流程如下:

  选择柠檬班软件测试小程序->点击老师->滑动老师列表找到“歪歪”

  "老师"对应的xpath://*[@id="js-tab-bar"]/li[3]

  "歪歪"对应的xpath://em[text()='歪歪']

测试代码对应如下:

// 休眠一下
Thread.sleep(5000);
// 找到微信的发现并点击
androidDriver.findElementByAndroidUIAutomator("new UiSelector().text(\"发现\")").click();
// 点击发现里面搜一搜
androidDriver.findElementByAndroidUIAutomator("new UiSelector().text(\"搜一搜\")").click();

Thread.sleep(2000);

// 点击搜索框
androidDriver.findElement(By.id("com.tencent.mm:id/jd")).click();
        androidDriver.findElement(By.id("com.tencent.mm:id/jd")).sendKeys("柠檬班软件测试");

Thread.sleep(2000);

// 点击搜索结果中的柠檬班软件测试(采用adb命令坐标点击的方式)
execAdb("adb shell input tap 300 200");

Thread.sleep(4000);

// 点击柠檬班软件测试小程序
execAdb("adb shell input tap 300 500");

// 等待小程序加载完成
Thread.sleep(10000);

// 获取到所有的contexts
System.out.println("所有的contexts:" + androidDriver.getContextHandles());

// 切换到小程序webview对应的context中
androidDriver.context("WEBVIEW_com.tencent.mm:toolsmp");
Thread.sleep(2000);

// 获取到所有的handles
Set<String> windowHandles = androidDriver.getWindowHandles();
System.out.println("所有的windowsHandles" + windowHandles);

// 遍历所有的handles,找到当前页面所在的handle:如果pageSource有包含你想要的元素,就是所要找的handle
// 小程序的页面来回切换也需要:遍历所有的handles,切换到元素所在的handle
for (String windowHandle : windowHandles) {
    System.out.println("切换到对应的windowHandle:" + windowHandle);
    androidDriver.switchTo().window(windowHandle);
    Thread.sleep(2000);
    if (androidDriver.getPageSource().contains("柠檬班")) {
        break;
    }
}
// 点击老师
androidDriver.findElement(By.xpath("//*[@id=\"js-tab-bar\"]/li[3]")).click();
        
// 通过js滚动到指定的元素 (这个元素已经在文档中间已经存在,但是还是不可见的)
WebElement ele=androidDriver.findElement(By.xpath("//em[text()='歪歪']"));
Thread.sleep(2000);
// 将Driver实例化为js对象
JavascriptExecutor jExecutor=(JavascriptExecutor)androidDriver;
// 滑动到上面定位到的元素的位置
jExecutor.executeScript("arguments[0].scrollIntoViewIfNeeded(true);", ele);

Thread.sleep(2000);

到目前为止,微信小程序自动化代码实现就完成了,后续按照自己的需求编写代码完成。

如果想要索取完整代码,加下面Q即可。

 

posted @ 2018-08-10 15:53  歪歪欧巴  阅读(23461)  评论(3编辑  收藏