多测师是一家拥有先进的教学理念,强大的师资团队,业内好评甚多的接口自动化测试培训机构!

17727591462

联系电话

您现在所在位置:接口自动化测试培训 > 新闻资讯

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

更新时间:2021-09-23 02:55:08 作者:admin 浏览:411

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。

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

  二、切换到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/

联系电话

17727591462

返回顶部