Appium执行App自动化测试H5页面的自动化测试方法及注意事项

目前市面上流行的App应用除了NATIVE原生App以外,许多App里面都有嵌入H5页面,本篇文章主要介绍一下对h5页面执行自动化测试的方法及注意事项.

• Appium如何进行H5页面的自动化测试
  基于UIAutomator +ChromeDriver来执行

• 需要提前准备的事项
  1.确定模拟器Root设置已开启;
  2.准备uc-devtools软件(用于H5页面的元素定位);
  3.准备xposed+webviewdebughook两款apk安装包用于将webview.setWebContentsDebuggingEnabled模式设置为true(由于许多第三方App应用都会设置为false,这时h5页面将无法进行定位).

• 操作方法
  1.在本地电脑安装uc-devtools软件,在设置中设置本地UI资源;
  

  2.在模拟器上安装xposed框架,并更新版本;
  3.更新完毕后重启模拟器,成功后页面如下图所示:
  
  4.在xposed框架下安装webviewdebughook,重新启动后在xposed模块选项中激活webviewdebughook.
  
  配置完成后可以进行验证,打开uc-devtools软件并使用模拟器中的浏览器进入百度页面,若uc工具中可以识别到页面信息则表示配置成功.
  

• 注意事项:

  由于需要使用ChromeDriver,因此要确定模拟器中的浏览器版本,可以使用adb shell dumpsys package com.google.android.webview | find "versionName"命令查看.确定版本后需要下载与版本号一致的ChromeDriver.exe文件在启动Appium时设置ChromeDriver路径,否则执行H5页面测试时会出现ChromeDriver版本不一致的错误.