本文节选自霍格沃兹测试开发学社内部教材
通常使用定位器定位页面上的元素会发生一些定位不到元素,或者定位失败的情况。有可能是页面上元素不唯一,有可能是页面发生变化。这节介绍定位元素的高级用法,使用层级关系定位或者多重属性定位的方式来确定元素的唯一性,从而更精准,更稳定的定位到想要的元素。
XPath 的英文全称为:XML Path Language,意旨对 XML 中的元素进行路径定位的一种语言,它可适用 XML 标记语言,Html 标记语言,app Dom 结构。XPath 是自动化工具的定位基础,可适用于 Selenium 工具,Appium 工具,Appcrawler 工具。由于前面章节已经对 XPath 进行说明,本篇只做举例说明。
下面是 XPath 的常用方法:
"/"还可表示子元素 "//"还可表示子孙元素
XPath 模糊定位技巧
contains( )方法是模糊匹配的定位方法,对于一个元素的属性不固定,就可以模糊匹配。如://[contains(@content-desc, '帮助')],示例代码:
driver.find_element(By.XPATH,
'//*[contains(@text, "注册")]')
driver.find_element(By.XPATH,
'//*[contains(@content-desc, "搜索")]')
driver.find_element(By.XPATH,
'//*[contains(@resource-id, "login_phone")]')
复制
driver.findElement(By.xpath(
"//*[contains(@text, \"注册\")]"));
driver.findElement(By.xpath(
"//*[contains(@content-desc, \"搜索\")]"));
driver.findElement(By.xpath(
"//*[contains(@resource-id, \"login_phone\")]"));
复制
通过 XPath 可以同时匹配 2 个甚至多个属性来完成元素定位。这里常用的属性有 text、resource-id、class、index、content-desc 等,这些属性任意组合完成定位,示例代码:
driver.find_element(
By.XPATH,'//*[@text="我的" and @resource-id="tab_name"]'
).click()
driver.find_element(
By.XPATH,'//*[@text="注册/登录" and @index="1"]'
).click()
复制
driver.findElement(By.xpath(
"//*[@text=\"我的\" and @resource-id=\"tab_name\"]")).click();
driver.findElement(By.xpath(
"//*[@text=\"注册/登录\" and @index=\"1\"]")).click();
复制
通常定位元素的时候可能会涉及到通过子元素去定位父元素,或者父元素定位子元素,或者定位兄弟元素,xpath 支持父子关系,兄弟关系元素的查找。示例代码如下:
# 通过子元素定位父元素
# 方法一:..
driver.find_element_by_xpath(
'//*[@text="手机号"]/..').tag_name
# 方法二 parent::*
driver.find_element_by_xpath(
'[@text="手机号"]/parent::*').tag_name
#通过元素定位兄弟元素
driver.find_element_by_xpath(
'//*[@text="手机号"]/../li'
).tag_name
复制
// 通过子元素定位父元素
// 方法一:..
driver.findElement(By.xpath(
"//*[@text=\"手机号\"]/..")).getTagName();
// 方法二 parent::*
driver.findElement(By.xpath(
"[@text=\"手机号\"]/parent::*")).getTagName();
// 通过元素定位兄弟元素
driver.findElement(By.xpath(
"//*[@text=\"手机号\"]/../li"
)).getTagName();
复制
场景一:
应用:雪球 apk
可以使用 uiautomatorviewer 工具进行 dom 分析,然后对分析到的元素进行 XPath 定位,比如下面的搜索框,可以使用元素的多种属性进行定位,常用的有 text,resource-id,class,content-desc 等属性。
推荐使用 resource-id 进行定位,通常情况下,它是页面唯一的属性,其 XPath 如下:
driver.find_element(
By.XPATh, '//*[contains(@resource-id, "tv_search")]')
# 或者也可写成下面这样
driver.find_element(By.ID, 'tv_search')
复制
driver.findElement(By.xpath("//*[contains(@resource-id,
\"tv_search\")]"));
// 或者也可写成下面这样
driver.findElement(By.id("tv_search"));
复制
如下图,获取 “BABA” 所对应的股票价格 “187.11”,可以使用 XPath 父子关系来进行元素定
代码如下:
curr_price = self.driver.find_element(
MobileBy.XPATH,"//*[@text='BABA']/../../..\
//*[@resource-id='com.xueqiu.android:id/current_price']")
复制
MobileElement curr_price = driver.findElement(
By.xpath("//*[@text=\"BABA\"]/../../..//\
*[@resource-id='com.xueqiu.android:id/current_price']"));
复制
UiAutomator 是 Android SDK 自带的一个测试框架,这个测试框架提供了一系列的 API,可以与 Android APP 进行交互,例如打开菜单,点击,滑动等。当 Appium 的 Caps 参数 uiautomationName 设置为 UiAutomator2 时,就能够实现与手机端的 UiAutomator 进行通信并且使用 UiAutomator 执行测试代码。如果不进行设置,默认也是使用 UiAutomator2 工作引擎。UiAutomator1 是较老的工作引擎,如果想测试较老版本的 Android 系统(低于 Android4.4 版本)需要设置 uiautomationName="UiAutomator1"。
由于 Android UiAutomator 是 Android SDK 中自带的工作引擎,使用这种定位方式,速度上要比 Xpath 定位方式快很多。但由于写法比较特殊,调试起来要相对麻烦,如果定位语句编写不当,脚本编辑器也不会给出任何提示信息。只能在运行的时候校验对错。
下面就单独介绍基于 uiautomator 定位元素的方法,基本语法如下:
driver.find_element_by_android_uiautomator()
复制
driver.findElement(MobileBy.AndroidUIAutomator());
复制
常用的方法有:
UiSelector() # 实现元素定位
UiScrollable() # 实现滚动查找元素
复制
UiSelector( ) 与 XPath 类似,可以通过元素的 text 属性来定位元素。语法格式如下:
new UiSelector().text("text文本")
复制
同样也能用模糊查询的用法去定位元素
例如: new UiSelector().textContains("手机") 示例代码:
driver.find_element_by_android_uiautomator(
'new UiSelector().textContains("手机")').click()
复制
driver.findElementByAndroidUIAutomator(\
"new UiSelector().textContains(\"手机\")").click();
复制
uiautomator 同样也能进行 id 定位,格式为 new UiSelector().resourceId("resource-id属性"),示例代码:
driver.find_element_by_android_uiautomator(
'new UiSelector().resourceId("rl_login_phone")').click()
复制
driver.findElementByAndroidUIAutomator("new UiSelector().\
resourceId(\"rl_login_phone\")").click();
复制
页面上的 class 属性一般不唯一,此时可以根据下标进行定位,格式为 new UiSelector().className("className"),一般会使用find_elements完成定位,示例代码:
driver.find_elements_by_android_uiautomator(
'new UiSelector().\
className("android.widget.TextView")')[5].click()
复制
driver.findElementsByAndroidUIAutomator("new UiSelector().\
className(\"android.widget.TextView\")")[5].click();
复制
同样的,也支持 contenet-desc 定位方式,格式为:new UiSelector().description("contenet-des属性"),示例代码:
driver.find_element_by_android_uiautomator(
'new UiSelector().description("搜索")').click()
复制
driver.findElementByAndroidUIAutomator("new \
UiSelector().description(\"搜索\")").click();
复制
Uiautomator 也支持组合元素查找功能,示例代码:
driver.find_element_by_android_uiautomator(
'new UiSelector().resourceId(\
"com.xueqiu.android:id/tv_login_phone").text("手机号")').click()
复制
driver.findElementByAndroidUIAutomator("new UiSelector().resourceId(\
\"com.xueqiu.android:id/tv_login_phone\").text(\"手机号\")").click();
复制
Uiautomator 使用 UiScrollable() 实现了滚动查找元素的功能,可以指定滑动到某个元素,示例代码:
driver.find_element_by_android_uiautomator(
'new UiScrollable(new UiSelector().scrollable(true)\
.instance(0)).scrollIntoView(new UiSelector()\
.text("我的").instance(0));').click()
复制
driver.findElementByAndroidUIAutomator(\
"new UiScrollable(new UiSelector().scrollable(true)\
.instance(0)).scrollIntoView(new UiSelector().\
text(\"我的\").instance(0));").click();
复制
上面的代码,在当前的页面滚动的查找 text 文本是“我的”这个元素,找到之后执行点击操作。
Appium Server 从 1.19.0 这个版本开始,元素定位增加了 css selector 的支持。appium-uiautomator2-driver 会将 css selector 定位器转化成 android uiautomator 定位方式。
注意:appium inspector 暂时没有添加这种定位方式。
由于 UiSelector() 的表达式是 Java 的语法格式,编写定位元素的表达式很复杂,代码编写工具(比如 Pycharm,VSCode,IntelliJ IDEA等)也不会有任何提示错误信息。只能是运行时才能发现表达式的错误。官方提供了 css selector 的语法,会自动转成 android uiautomator 的语法结构,这种原生的定位元素的方式,定位速度要更快一些。
详情参考官方:https://github.com/appium/appium-uiautomator2-driver/pull/410
源码地址:https://github.com/appium/appium-uiautomator2-driver/blob/master/lib/css-converter.js
可以使用 css selector 语法定位。如下代码,#igk 表示 css selector 定位符
driver.find_element_by_css_selector('#igk')
复制
对应 ID 定位器代码如下:
driver.find_element_by_id('android:id/igk')
复制
driver.findElementByCssSelector("#igk").click();
复制
对应 ID 定位器代码如下:
driver.findElementById("android:id/igk").click();
复制
如下代码,表示 css selector 定位符为 .android.widget.ImageView 的元素
driver.find_element_by_css_selector('.android.widget.ImageView')
复制
对应 class name 定位器代码如下:
driver.find_element_by_class_name("android.widget.ImageView")
复制
driver.findElementByCssSelector(".android.widget.ImageView");
复制
对应 class name 定位器代码如下:
driver.findElementByClassName("android.widget.ImageView");
复制
如下代码,表示 css selector 定位符为 *[text='工作台']" 的元素:
driver.find_element_by_css_selector("*[text='工作台']")
复制
对应 xpath 定位器代码如下:
driver.find_element_by_xpath("//*[@text='工作台']")
复制
driver.findElementByCssSelector("*[text=\"工作台\"]");
复制
对应 xpath 定位器代码如下:
driver.findElementByXPath("//*[@text=\"工作台\"]");
复制
如下代码,表示 css selector 定位符为 *[description="ContentDescription"] 的元素:
driver.find_element_by_css_selector('*[description="ContentDescription"]')
复制
对应 accessibility id 定位器代码如下:
driver.find_element_by_accessibility_id("ContentDescription")
复制
driver.findElementByCssSelector("*[description=\"ContentDescription\"]");
复制
对应 accessibility id 定位器代码如下:
driver.findElementByAccessibilityId("ContentDescription");
本文系转载,前往查看
如有侵权,请联系 cloudcommunity@tencent.com 删除。
本文系转载,前往查看
如有侵权,请联系 cloudcommunity@tencent.com 删除。