Native+H5混合APP的接口自动化测试

Native+H5混合APP的接口自动化测试

　　Native Android和H5(Android Webview)的切换

　　遇到的第一个问题就是，如何从Native Android启动后，去点击/操作H5页面的元素。

　　搜索了很多之后，有用的资料不多，很多文章写的很复杂，总结一下关键点只有两个。

　　一、加载chrome驱动

　　在github上找到手机native app中的webview版本，并下载对应的驱动。

　　出现了一个新的问题: 怎么找到手机上native app中的webview版本，这里用到的是Chrome的插件ADB plugin(安装方法可用搜索引擎查看)。

　　安装完成后在chrome的插件栏就有了Android小机器人的图表，点击小机器人选择’View Inspection Targets’即可打开插件。

　　PC端连接手机设备后，在页面中可以看到设备信息 。

　　此时还没有我们希望看到的webview的相关信息，这时候需要在手机上操作，打开“Native Android + H5”的APP，然后就可以在Chrome 插件这个页面上看到需要的信息了，这里需要记下来两个东西：

　　其一是chrome的版本，用来去github上找到对应的chrome“驱动”。其二是webview名，这个用来后续用Appium的switch_to切换Android Context。

　　二、切换到webview context

　　这里主要需要理解一个Android Context的概念，详细可以看参考资料。

　　代码里面重要的有两句，下面以Python为例：

　　# 指定chrome驱动的位置

　　desired_caps['chromedriverExecutable'] = 'C:Program Files (x86)Appium esourcespp ode_modulesppium-chromedriverchromedriver.exe'

　　# 需要访问H5元素、内容或者操作H5页面时切换到Webview Context

　　driver.switch_to.context('WEBVIEW_com.sogo.borrowing')

　　# 最后一定要切换回native

　　driver.switch_to.context('NATIVE_APP')

　　H5的元素如何定位?

　　Android Native的APP元素定位很简单，可以用android id，可以用text，可以用坐标等等。当然这些方法也各有优劣。一般可能大多数人都是使用android id定位，android id可以根据UiautomaotorViewer等工具获取到，但是H5又不一样了，为什么呢。稍微了解Android的同学都知道，页面元素是xml中定义的，android id就是在这里面的@+id/的一些内容，但是前端页面是不会有xml的更不会有指定的@+id/信息，所以传统的Android方法在H5页面中做自动化不适用。

　　这里主要尝试了两个方法，两个方法都能成功，同学们可以看情况选择，个人觉得还是find_element_by_id(python)/findElement(By.id(‘xxxxx’)) (java)更好一些，能够精准定位吧。

　　一、css选择器

　　find_element_by_css_selector

　　driver.find_element_by_css_selector('a.btn.btn-bg2')

　　css选择器就是简介，直接用chrome等进行元素定位(可以用ADB Plugin中的inspect，点击进去就跟chrome的开发者模式一样，用小箭头定位到空间就能找到前端源码)就能拿到前端页面源码中html标签和css的选择器，需要注意的就是书写方式。如果一个a标签，class是“x1 y1”，需要写成“a.x1.y1”前面是需要带上标签名的，然后选择器名中的空格要用点代替。

　　二、Appium万能id

　　find_element_by_id

　　driver.find_element_by_id('diaphone')

　　id的话就是用chrome进行元素定位，找到前端源码中对应控件的id指定就好了。

　　PS. 以上操作定位都需要基于switch_to到webview后

　　H5中怎么做点击、跳转、控制键盘、输入等

　　这里用控制键盘&输入举个例子。一开始使用了css选择器，在输入和键盘定位。

　　这里也介绍两个方法吧，一个是用Appium封装的press_keycode：

　　# 点击删除键，keycode 4 代表KEYCODE_BACK

　　driver.press_keycode(4)

　　keycode有一定的局限性，主要是不能输入中文，且需要找到对应的key映射，不方便。

　　另一个是定位到input直接用sendkeys去输入，比如上文的id是diaphone的控件就是一个input控件，这时候就可以直接如下操作:

　　inputbox = driver.find_element_by_id('diaphone')

　　inputbox.send_keys('13000000000')

　　这就是遇到的Appium做Native Android + H5 混合 APP遇到的问题和解决方案。

　　以上是关于Native+H5混合APP的接口自动化测试的介绍，由多测师亲自撰写。  https://www.aichudan.com/