Appium H5自动化测试

问题思考

解决思路

context

WebView

H5元素定位环境搭建

操作步骤

Webview 调试模式检查与开启方式

H5定位实践案例

问题思考

在混合开发的App中，经常会有内嵌的H5页面。那么这些H5页面元素该如何进行定位操作呢？

解决思路

针对这种场景直接使用基于Andriod原生控件进行元素定位是行不通的，Web网页是单独的B/S架构，两者的运行环境不同因此需要进行上下文（context）切换，然后对H5页面元素进行定位操作。

context

在程序中context我们可以理解为当前对象在程序中所处的一个环境。比如App一个界面是属于Activity类型，也就是Android界面环境，但是当访问内嵌的网页是属于另外一个环境（网页环境），两者处于不同的一个环境。

WebView

WebView是Android系统提供能显示网页的系统控件，它是一个特殊的View，同时它也是一个ViewGroup，可以有很多其他子View。

H5元素定位环境搭建

资源下载

Chrome PC浏览器：官网下载地址
手机版 Chrome
Chrome driver：下载地址（注：chrome driver要与Chrome的版本对应：ChromeDriver版本与Chrome版本对应表）
夜神模拟器
dr.fone app 3.2.0 （被测试app）

操作步骤

1、手机与电脑连接，开启USB调试模式，通过adb devices可查看到此设备。

2、电脑端、移动端必须安装chrome浏览器（尽量保证移动端chrome版本与PC端一致），根据对应的Chrome浏览器版本安装对应的Chrome driver

3、App Webview开启debug模式

4、在电脑端Chrome浏览器地址栏输入chrome://inspect/#devices，进入调试模式

此时页面显示了手机型号、驱动名称、APP要调试的WebView名称
点击inspect，若成功加载与APP端相同界面的调试页面，则配置成功

5、执行测试脚本

Webview 调试模式检查与开启方式

1、检查方式：

打开app对应的h5页面，在 chrome://inspect/#devices 地址中，检查是否显示对应的webview，如没有，则当前未开启调试模式。

2、开启方式：

在app中配置如下代码（在WebView类中调用静态方法setWebContentsDebuggingEnabled）：

if (Build.VERSION.SDK_INT >=Build.VERSION_CODES.KITKAT) {  WebView.setWebContentsDebuggingEnabled(true);

注：此步骤，一般需要App开发人员开启。

H5定位实践案例

1、测试场景

启动dr.fone app 进入backup H5页面中的输入邮箱并点击提交，然后返回

2、代码实现

from appium import webdriver
from selenium.webdriver.support.ui import WebDriverWaitdesired_caps={}
desired_caps['platformName']='Android'
desired_caps['deviceName']='127.0.0.1:62025'
desired_caps['platformVersion']='4.4.2'desired_caps['app']='/Users/frank/Desktop/MonkeyRunner/dr.fone3.2.0.apk'
desired_caps['appPackage']='com.wondershare.drfone'
desired_caps['appActivity']='com.wondershare.drfone.ui.activity.WelcomeActivity'driver = webdriver.Remote('http://localhost:4723/wd/hub', desired_caps)
driver.implicitly_wait(5)print('click BackupBtn')
driver.find_element_by_id('com.wondershare.drfone:id/btnBackup').click()WebDriverWait(driver,8).until(lambda x:x.find_element_by_id('com.wondershare.drfone:id/btnRecoverData'))
print('click NextBtn')
driver.find_element_by_id('com.wondershare.drfone:id/btnRecoverData').click()WebDriverWait(driver,8).until(lambda x:x.find_element_by_class_name('android.webkit.WebView'))
contexts=driver.contexts
print(contexts)#需android4.4及以上版本的系统中才会输出更多的webview
print('switch conetext')
driver.switch_to.context('WEBVIEW_com.wondershare.drfone')
print('edit email')
driver.find_element_by_id('email').send_keys('shuqing@wondershare.cn')
print('click sendBtn')
driver.find_element_by_class_name('btn_send').click()#切换context 点击返回
driver.switch_to.context('NATIVE_APP')
driver.find_element_by_class_name('android.widget.ImageButton').click()

3、报错&解决方案

报错1

raise exception_class(message, screen, stacktrace)
selenium.common.exceptions.WebDriverException:Message: An unknown server-side error occurred while processing the command.
Original error: Failed to start Chromedriver session: A new session could not be created.
(Original error: session not created exception: Chrome version must be >= 60.0.3112.0

报错2

error: Chromedriver: Chromedriver exited unexpectedly with code null, signal SIGTERM

【解决方案】

下载对应版本的chromedriver驱动，放置在： {Appium path}\node_modules\appium\node_modules\appium-chromedriver\chromedriver\mac 替换即可

— The End —

欢迎阅读，希望对你有所帮助～～