网站首页 > 技术文章 正文
什么是混合应用
移动端应用有两种典型的开发方式,一种是原生的 native app,一种是基于网页开发技术的 web app。 原生应用的体验感更好,但是如果想同时开发安卓应用和 ios 应用,需要不同的原生开发技术。 web 应用可以非常轻松的做到安卓和 ios 的跨平台开发,它的体验感要稍微差一些,不像原生应用那么流畅。
Hybrid App(混合模式移动应用)是介于 web app和native app之间的开发方式,可以在原生界面中嵌套网页,因而可以同时具备体验感和跨平台能力。
目前主流的移动端 app 测试框架 appium 具备混合应用测试的能力,但是这个框架搭建和使用都比较麻烦,封装的方法也没有那么 pythonic,因此有很多公司不想使用,他们更加喜欢简洁优雅的 python uiautomator2 框架。 非常遗憾,这个框架目前没有支持混合应用测试。
混合应用测试步骤
第一步,通过原生操作进入 webview 网页;
第二步,使用 selenium 等网页测试工具进入网页;
第三步,使用 selenium 等网页测试工具测试。
这中间的关键步骤在于如何使用 selenium, 如果直接打开一个新的 selenium 会话,那么会打开一个新的页面,和 app 中的 webview 是分开的,因此无法测到嵌套网页。 selenium 必须要和 app 建立某种关系,使他们绑定在一起,操作 selenium 时就是直接操作 app 当中的网页。
通过 uiautomator2 进入 webview
这里就是最基本的 uiautomator2 操作,详细操作可以查看官方文档, 这里使用的 app 是 android bootstrap 。
d = u2.connect()
d.app_start('com.github.android_app_bootstrap')
d(text='Login').click()
d(text='Baidu').click()
selenium 连接 webview
APP 的第三个菜单可以直接打开 baidu 网页,从而到 webview 网页。 如果不使用 selenium 连接,直接通过 uiautomator2 定位网页中的元素,是会报错的。
那如何通过 selenium 连接 webview 呢?
首先,通过设备 d 获取当前操作的 app, 从而得到包名
然后,初始化一个 Chrome 浏览器对象
需要注意的是,Chrome 对象需要添加额外的参数,指定连接的设备,webview 绑定的报名,以及配置在 app 中使用 android 浏览器。
之后的操作就和 selenium 做 web 自动化测试没有任何区别了,无非就是点击网页,做自动化操作:
driver = webdriver.Chrome('chromedriver_68.exe', options=options)
driver.implicitly_wait(8)
driver.find_element('id', 'index-kw').send_keys('你好')
这段代码我在哪里学到的
是不是很好奇,我怎么知道要这么写代码,才能连接 webview ,达到测试效果? 其实世间没有那么多神秘的学习方法,只要你肯用心,一定是可以找到学习的路径的。 这段代码清清楚楚的写在 chrome webdriver 的官方文档中,只是,你可能打不开。 截屏看一下:
其他 webdriver 的配置也可以查看 MDN web docs。
展示效果:
猜你喜欢
- 2024-11-18 再不学HTML5就真的跟不上时代啦
- 2024-11-18 免费学习 Reactjs 的最佳场所
- 2024-11-18 蜜蜂采集器2308版本对HTTP/2和HTTP/3的功能支持
- 2024-11-18 Three.js的学习资料和学习计划,统统安排上
- 2024-11-18 for-in与不可枚举
- 2024-11-18 html简单教程
- 2024-11-18 如何学习建网站-建网站需要准备什么呢?
- 2024-11-18 7.HTML超链接
- 2024-11-18 开发人员要点:JavaScript console methods
- 2024-11-18 元素出现在视图中时触发的js
- 标签列表
-
- content-disposition (47)
- nth-child (56)
- math.pow (44)
- 原型和原型链 (63)
- canvas mdn (36)
- css @media (49)
- promise mdn (39)
- readasdataurl (52)
- if-modified-since (49)
- css ::after (50)
- border-image-slice (40)
- flex mdn (37)
- .join (41)
- function.apply (60)
- input type number (64)
- weakmap (62)
- js arguments (45)
- js delete方法 (61)
- blob type (44)
- math.max.apply (51)
- js (44)
- firefox 3 (47)
- cssbox-sizing (52)
- js删除 (49)
- js for continue (56)
- 最新留言
-