APP自动化测试-8.移动端混合应用自动化测试

---

---

前言

Hybrid App，俗称混合应用，是介于 Web App 和 Native App 两者之间的一种 App 形式，Hybrid App 利用了 Web App 和 Native App 的优点，通过一个原生实现的 Native Container 展示 HTML5 的页面。更通俗的讲法可以归结为，在原生移动应用中嵌入了 Webview，然后通过该 Webview 来访问网页，Hybrid App 具有维护更新简单，用户体验优异以及较好的跨平台特性，是目前主流的移动应用开发模式

---

一、webview

1. webview简介

webview是android系统提供的能够显示网页的系统控件，Android4.4以下的版本，webview底层实现是使用webkit内核，Android4.4以上版本，采用chromium作为系统webview底层支持，API没有改变，支持HTML5，CSS3，javascript

2. webview判断

• 断网查看：原生页面有缓存，网络断开后依然可以查看
• 看加载条：webview页面打开时，上方会显示加载条
• 看顶部是否有关闭按钮：一般webview页面左上角会显示关闭按钮
• 下拉刷新查看页面是否刷新：
• 下拉刷新是否显示网页提供方：webview页面下拉回现实网页提供方
• 用工具查看：uiautomator查看页面的class属性，webview类的属性为：android.webkit.WebView

二、环境准备

• PC端可以访问Google
• PC端准备app对应的chromedriver
• 移动端被测应用需要打开webview开关

chromedriver和mapping.json的资源整理了一下，打包上传了，下载地址，包含所有版本的chromedriver和版本对照的json文件，下载完成后在脚本中直接使用：chromedriverExecutableDir和chromedriverChromeMappingFile参数进行引用即可

三、脚本编写

由于大多数应用商店的应用webview的开关的都是关闭的，在这里以appium官方提供的demo为例，进行简单的脚本示例。

appium-demo下载地址

1. 启动被测应用

配置测试设备和驱动，启动appium-demo

desired_caps = {
            "platformName": "android",
            "appium:deviceName": "b1f37e8e",
            "appium:appPackage": "io.appium.android.apis",
            "appium:appActivity": ".ApiDemos",
            "chromedriverExecutableDir": "/Users/test/tools/chromedriverdir",
            "chromedriverChromeMappingFile": "/Users/test/PycharmProjects/test_appium/testcase/mapping.json"
        }

self.driver = webdriver.Remote('http://localhost:4723/wd/hub', desired_caps)

1
2
3
4
5
6
7
8
9
10
11

2. 进入webview页面

self.driver.find_element(AppiumBy.ACCESSIBILITY_ID, 'Views').click()
        webview = "WebView"
        self.driver.find_element(AppiumBy.ANDROID_UIAUTOMATOR, f'new UiScrollable(new UiSelector().scrollable(true).instance(0)).scrollIntoView(new UiSelector().text("{webview}").instance(0));').click()
1
2
3

3. 原生页面与webview页面切换

进入webview页面后直接去定位操作元素是无法成功的，这时候需要由原生页面切换至webview页面，使用driver的context方法

print(self.driver.contexts)
        # 切换上下文，由原生切换至webview
        self.driver.switch_to.context(self.driver.contexts[-1])
        self.driver.find_element(By.XPATH, '//*[@id="i_am_a_textbox"]').send_keys("this is a test message")
1
2
3
4

完整代码如下：

from time import sleep

import pytest
from appium import webdriver
from appium.webdriver.common.appiumby import AppiumBy
from selenium.webdriver.common.by import By


class TestHybrid:

    def setup(self):
        desired_caps = {
            "platformName": "android",
            "appium:deviceName": "b1f37e8e",
            "appium:appPackage": "io.appium.android.apis",
            "appium:appActivity": ".ApiDemos",
            "chromedriverExecutableDir": "/Users/gaozeyu/tools/chromedriverdir",
            "chromedriverChromeMappingFile": "/Users/gaozeyu/PycharmProjects/test_appium/testcase/mapping.json"
        }

        self.driver = webdriver.Remote('http://localhost:4723/wd/hub', desired_caps)

        # 设置隐式等待
        self.driver.implicitly_wait(10)

    def teardown(self):
        self.driver.quit()

    def test_hybrid(self):
        sleep(3)
        self.driver.find_element(AppiumBy.ACCESSIBILITY_ID, 'Views').click()
        webview = "WebView"
        self.driver.find_element(AppiumBy.ANDROID_UIAUTOMATOR, f'new UiScrollable(new UiSelector().scrollable(true).instance(0)).scrollIntoView(new UiSelector().text("{webview}").instance(0));').click()

        print(self.driver.contexts)
        # 切换上下文，由原生切换至webview
        self.driver.switch_to.context(self.driver.contexts[-1])
        self.driver.find_element(By.XPATH, '//*[@id="i_am_a_textbox"]').send_keys("this is a test message")

        # 窗口切换
        print(self.driver.window_handles)
        self.driver.find_element(By.XPATH, '//*[@id="i am a link"]').click()
        print(self.driver.window_handles)

        sleep(3)

        if __name__ == 'main':
            pytest.main()
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48

---

四、踩坑小结

1. 应用启动后直接闪退（之前是正常的）：重启手机
2. 连接不上手机：尝试关闭chrome浏览器的调试窗口后重试
3. 版本不匹配：建议直接下载所有版本，配置mapping文件，后续项目中可以直接使用

总结

1. 应用的chrome版本一定要与chromedriver匹配
2. 原生页面和webview页面混合时注意上下文的切换
3. webview可能由多个页面，需要使用switch_to.window()进行页面的切换
4. webview的开关需要开发开启，否则无法操作