Appium自动化测试实现H5页面元素定位

更新时间：2022年02月15日 10:03:52 作者：测试之路king

本文主要介绍了Appium自动化测试实现H5页面元素定位，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

简介

在现在的移动端App中，由于开发效率、需求频繁变更的需求情况下，经常有相关的运营需求，经常要进行更新，如果全部采用原生开发，需要的成本比较高，后来就出现了内嵌的H5页面。那么这些H5页面元素该如何进行定位操作呢？

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

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

H5元素定位准备工作

Webview 调试模式是否开启检查

在自动化脚本中，进入到对应的H5页面，打印输出当前context,如果一直显示为Natvie App，则webview未开启

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

开启方式：
在WebView类中调用静态方法setWebContentsDebuggingEnabled，这种需要App开发人员操作。

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

拿到H5页面地址和chrom版本信息

本次测试应用为学科网APP

手机与电脑连接，开启USB调试模式，通过adb devices可查看到此设备
在手机端(模拟器)打开应用，进入H5页面

在这里插入图片描述

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

查看显示出来的H5页面地址
地址：https://m.zxxk.com/activity/appnewusergift/
chrom浏览器版本：75.0.3770.143

在这里插入图片描述

下载对应Chromedriver

打开Chromedriver下载地址进行下载对应版本

http://chromedriver.storage.googleapis.com/index.html?path=75.0.3770.140/

在这里插入图片描述

将下载的驱动放到一个路径，例如：C:\Users\Administrator\Desktop\chromedriver_win32 contexts上下文操作

获取所有上下文

driver.contexts

获取当前上下文

driver.context

切换上下文

方法一：

driver.switch_to.context('WEBVIEW_com.xkw.client')

方法二：

contexts = driver.contexts
driver.switch_to.context(contexts[-1])

切回原生应用

driver.switch_to.context('NATIVE_APP')

实战案例

实战场景

启动学科网APP应用，在发现页面点击现金券下载券领取活动
在活动落地页，点击一键领取大礼包按钮
在点击登录注册页面的左上角的关闭按钮

实战代码

# _*_ coding:utf-8 _*_
import time
from appium import webdriver
from appium.webdriver.common.appiumby import AppiumBy

desired_caps = {
    "platformName": "Android",
    "platformVersion": "7.1.2",
    "udid": "127.0.0.1:62001",
    "appPackage": "com.xkw.client",
    "appActivity": "com.zxxk.page.main.LauncherActivity",
    "noReset": True,
    'automationName': 'uiautomator2',
    "chromeOptions": {'w3c': False},
    "chromedriverExecutable": r"C:\Users\Administrator\Desktop\chromedriver_win32\chromedriver.exe"
}

driver = webdriver.Remote("http://127.0.0.1:4723/wd/hub", desired_caps)
driver.implicitly_wait(30)

# 点击活动入口
driver.find_element(AppiumBy.ID, "com.xkw.client:id/iv_horizontal_pic").click()
time.sleep(5)
# 获取contexts
context = driver.contexts
# 切换到webview
driver.switch_to.context(context[-1])

driver.find_element(AppiumBy.ID, "getgifts").click()
time.sleep(1)
# 切换到Native
driver.switch_to.context("NATIVE_APP")
driver.find_element(AppiumBy.ID, "com.xkw.client:id/common_toolbar_back_img").click()

到此这篇关于Appium自动化测试实现H5页面元素定位的文章就介绍到这了,更多相关Appium H5页面元素定位内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

appium测试之APP元素定位及基本工具介绍

解析Python中的二进制位运算符
这篇文章主要介绍了解析Python中的二进制位运算符,是Python学习中的基本知识,需要的朋友可以参考下
2015-05-05
python中opencv实现图片文本倾斜校正
图片有的时候需要矫正，本文主要介绍了python中opencv实现图片文本倾斜校正，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-06-06
Python CSV模块使用实例
这篇文章主要介绍了Python CSV模块使用实例,本文将举几个例子来介绍一下Python的CSV模块的使用方法,包括reader、writer、DictReader、DictWriter.register_dialect等,需要的朋友可以参考下
2015-04-04
Python MkDocs优雅地编写文档
在软件开发过程中，编写文档是非常重要的一环，文档不仅可以帮助用户理解和使用你的软件，还可以提高团队协作效率，然传统的文档写作方式往往繁琐而复杂，不易于维护更新，MkDocs工具以简洁、优雅的方式编写文档，并且能够轻松生成漂亮的静态网站
2024-01-01
PYTHON正则表达式 re模块使用说明
正则表达式是一个复杂的主题。本文能否有助于你理解呢？那些部分是否不清晰，或在这儿没有找到你所遇到的问题？如果是那样的话，请将建议发给作者以便改进
2011-05-05
python实现自定义日志的具体方法
在本篇文章里小编给大家整理的是一篇关于python实现自定义日志的具体方法，有兴趣的朋友们可以学习下。
2021-05-05
Django 创建后台,配置sqlite3教程
今天小编就为大家分享一篇Django 创建后台,配置sqlite3教程，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-11-11
Python读取一个目录下所有目录和文件的方法
这篇文章主要介绍了Python读取一个目录下所有目录和文件的方法,涉及Python针对目录和文件的遍历与运算操作相关技巧,需要的朋友可以参考下
2016-07-07
Python统计文本词汇出现次数的实例代码
这篇文章主要介绍了Python统计文本词汇出现次数，这种问题在统计文本词汇的次数时经常会遇到，今天给大家分享解决方案，通过实例代码给大家讲解,需要的朋友可以参考下
2020-02-02
Ubuntu 20.04安装Pycharm2020.2及锁定到任务栏的问题(小白级操作)
这篇文章主要介绍了Ubuntu 20.04安装Pycharm2020.2及锁定到任务栏的问题，本教程给大家讲解的很详细，非常适合小白级操作，需要的朋友可以参考下
2020-10-10