Xpath高阶定位技巧,轻松玩转App测试元素定位!

简介: XPath是一种用于XML文档中节点定位的语言,支持逻辑运算符(and、or、not)、轴定位、谓词和内置函数。

image.png

简介

XPath 是一种用于在 XML 文档中定位和选择节点的语言。它可以通过使用路径表达式来指定节点的位置,并支持使用各种条件进行过滤和匹配。以下是一些常见的 XPath 高阶定位方法:

  1. 使用逻辑运算符,如 and、or、not,将多个条件组合起来进行定位。
  2. 使用轴定位,通过预定义的轴(如子节点、父节点、兄弟节点等)来获取相对于当前节点的其他节点集合。
  3. 使用谓词,查找特定节点或包含特定值的节点,谓词嵌入方括号中。
  4. 使用内置函数,执行一些复杂的操作,如字符串处理、数值计算等。

Xpath 高级定位技巧

包含-contains()

  • Xpath 表达式中的一个函数,contains 会匹配符合某属性中包含 xx 字符串的元素。例如//*[contains(@text,"hogwarts")]则会匹配text属性的属性值中包含hogwarts的元素
  • contains()函数的使用格式
//*[contains(@属性,"属性值")]
  • 特点
    • contains() 函数定位的元素很容易为 list
    • contains() 函数内的属性名需要用 @ 开始
  • 示例
  • 打开雪球 apk,在搜索框中输入阿里,界面如下:

image.png

  1. 打开并连接元素定位工具,示例使用的工具Appium Inspector,点击如下图所示的搜索图标。

image.png

  1. 定位策略选择XPATH,定位当前界面中text属性包含阿里的元素。
//*[contains(@text,"阿里")]

image.png

  1. 点击查找后,呈现共有 12 个元素符合text属性中包含阿里,同时也符合之前提到的定位的元素很容易有多个这一特点。

image.png

XPath 轴

XPath 轴是 XPath 语言中的一个重要概念,它可以根据节点之间的关系来选择节点。XPath 轴定义了节点的一个集合,这个集合由满足特定条件的节点组成。

可以通过过定位一个节点,定位到当前的节点的兄弟节点、父节点、爷爷节点、祖先节点等等。

image.png

父子-当前节点的父节点
  • 定位到当前节点的父节点,格式如下:
//*[@text="阿里巴巴"]/..//*[@text="阿里巴巴"]/parent::*
  • 示例:定位 text 属性为阿里巴巴的元素的父节点

在这里插入图片描述

  1. 定位 text 属性为阿里巴巴的元素。
//*[@text="阿里巴巴"]

image.png

  1. 再定位父节点,两个表达式都可以。
//*[@text="阿里巴巴"]/..//*[@text="阿里巴巴"]/parent::*

image.png

父子节点

从当前节点定位到它的子节点,使用示例如下:

//*[@resource-id="com.xueqiu.android:id/stock_layout"]/child::*

定位的顺序为:

  1. 搜索阿里巴巴后,进入下面的页面,定位下图的元素。

image.png

  1. 使用 resource-id 定位当前节点
//*[@resource-id="com.xueqiu.android:id/stock_layout"]

image.png

  1. 再定位当前节点的子节点,定位到两个节点
//*[@resource-id="com.xueqiu.android:id/stock_layout"]/child::*
爷孙节点

从当前节点定位到父级节点的的父级节点,使用示例如下:

//*[@text="HK"]/../..
//*[@text="HK"]/parent::*/parent::*

定位顺序为:

  1. 定位当前元素的爷节点

image.png

  1. 爷节点的定位如图

image.png

  1. 先定位到当前节点,再寻找两层的父节点。
//*[@resource-id="com.xueqiu.android:id/stockName"]/../..

image.png

爷孙节点

从当前节点定位到子节点的子节点,使用示例为:

//*[@resource-id="com.xueqiu.android:id/stock_layout"]/child::*/child::*

定位顺序为:

  1. 定位当前节点的孙子节点

image.png

  1. 先定位到当前节点,在定位两层的儿子节点,即可定位到孙子节点。
//*[@resource-id="com.xueqiu.android:id/stock_layout"]

image.png

祖先节点 - ANCESTOR
  • 返回当前节点的所有祖先节点

示例表示是找到元素包含文本 HK 并且它的所有祖先元素中属性 class 为 android.widget.LinearLayout 和 android.widget.RelativeLayout 的节点,其中这两个属性值分别是常用的线性布局类和相对布局类,使用方式如下:

//*[@text="HK"]/ancestor::android.widget.LinearLayout//*[@text="HK"]/ancestor::android.widget.RelativeLayout
  • 显式指定要返回的祖先节点,使用方式为:
//*[@text="HK"]/ancestor::android.widget.RelativeLayout[1]

定位的顺序为:

  1. 定位当前节点线性布局的祖先节点
//*[@text="HK"]/ancestor::android.widget.LinearLayout

image.png

  1. 一共定位到了 9 个祖先

image.png

  1. 下一步定位这些祖先节点中距离当前节点最近的祖先节点,同时也是当前节点的父节点。

image.png

  1. 只需要在定位所有祖先的表达时候添加[1]即可。
//*[@text="HK"]/ancestor::android.widget.LinearLayout[1]

image.png

注意: 这里的[1]并不是数组下标的意思,可以理解为,从当前定位的元素向前数一代,也可以理解为向外一层。

兄弟姐妹节点

从当前节点定位到后面的兄弟姐妹节点

  • 定位当前节点后的所有兄弟节点
//*[@text="HK"]/following-sibling::*
  • 定位当前节点后的兄弟节点中的某一个节点,在定位所有兄弟节点后添加条件。
//*[@resource-id="com.xueqiu.android:id/stock_layout"]/following-sibling::*[@resource-id="com.xueqiu.android:id/price_layout"]

定位顺序为:

  1. 定当前节点后的所有兄弟节点

image.png

  1. 使用 XPath 定位,定位到的两个元素就是上图中的两个兄弟。
//*[@resource-id="com.xueqiu.android:id/stock_layout"]/following-sibling::*

image.png

  1. 当元素只有一个兄弟节点时,如果需要定位这些兄弟节点中的某一个,则需要再增加一个条件,在这些兄弟节点中定位到resour-idcom.xueqiu.android:id/price_layout的节点。
//*[@resource-id="com.xueqiu.android:id/stock_layout"]/following-sibling::*[@resource-id="com.xueqiu.android:id/price_layout"]

image.png

从当前节点定位到它前面的兄弟姐妹节点

  • 定位当前节点前的所有兄弟节点
//*[@text="BABA"]/preceding-sibling::*
  • 节点前有多个兄弟节点
//*[@resource-id="com.xueqiu.android:id/add_attention"]/preceding-sibling::*[@resource-id="com.xueqiu.android:id/price_layout"]
  • 示例
  • 定位当前节点后的所有兄弟节点

image.png

  1. 使用 Xpath 定位,表达式如下
//*[@resource-id="com.xueqiu.android:id/add_attention"]/preceding-sibling::*

image.png

  1. 如果定位到的元素为单个时,可直接使用,如果定位到的兄弟节点有多个,定位到某一个兄弟节点同样需要增加过滤条件。例如,需要定位到兄弟节点中,resource-id为com.xueqiu.android:id/stock_layout的元素。
//*[@resource-id="com.xueqiu.android:id/add_attention"]/preceding-sibling::*[@resource-id="com.xueqiu.android:id/stock_layout"]

image.png

XPath 运算符

AND

AND 表示可以在 XPath 表达式中同时具备 2 个条件,在 AND 两个条件都应该为真的情况下,即该元素既有 条件A 又有 条件B 。AND 定位取到的是交集。

  • 示例:定位如下图页面中的红框所框出来的元素。
  1. 使用 resource-id 进行定位时,会定位到多个元素

image.png

  1. 使用and运算符增加筛选条件进行过滤,需要满足符合 resource-id,且文本内容为阿里巴巴的元素。只有两个条件都符合时才会被选中
//*[@resource-id="com.xueqiu.android:id/stockName" and @text="阿里巴巴"]

image.png

OR

OR 表示可以在 XPath 表达式中放置 2 个条件,在 OR 的情况下,两个条件中的任何一个为真,就可定位到该元素。OR 定位获取的是并集。

  • 示例:定位当前页面中resource-id为com.xueqiu.android:id/stockName或文本内容text为加自选的元素,也就是下面 6 个元素:

image.png

//*[@resource-id="com.xueqiu.android:id/stock_layout" or @text="加自选"]
  • 定位结果如图所示:

image.png

总结

  • 包含
  • XPath 轴定位
  • XPath 运算符
相关文章
|
4天前
|
Java Android开发
Rockchip系列之CAN APP测试应用实现(4)
Rockchip系列之CAN APP测试应用实现(4)
24 1
|
2天前
|
JavaScript Java 测试技术
《手把手教你》系列技巧篇(四十六)-java+ selenium自动化测试-web页面定位toast-下篇(详解教程)
【5月更文挑战第10天】本文介绍了使用Java和Selenium进行Web自动化测试的实践,以安居客网站为例。最后,提到了在浏览器开发者工具中调试和观察页面元素的方法。
12 2
|
3天前
|
Web App开发 JavaScript 测试技术
《手把手教你》系列技巧篇(四十五)-java+ selenium自动化测试-web页面定位toast-上篇(详解教程)
【5月更文挑战第9天】本文介绍了在Appium中处理App自动化测试中遇到的Toast元素定位的方法。Toast在Web UI测试中也常见,通常作为轻量级反馈短暂显示。文章提供了两种定位Toast元素的技巧.
11 0
|
4天前
|
测试技术 Python Windows
【如何学习Python自动化测试】—— 多层窗口定位
【如何学习Python自动化测试】—— 多层窗口定位
8 1
|
4天前
|
Web App开发 前端开发 测试技术
【如何学习Python自动化测试】—— 页面元素定位
【如何学习Python自动化测试】—— 页面元素定位
4 1
|
4天前
|
前端开发 JavaScript 测试技术
自动化测试定位方式那么多,应该选哪个?
本文介绍了移动应用自动化测试中的定位策略,包括 ID、XPath、ClassName、AccessibilityID、Name、XPath 模糊定位、Android UI Automator、iOS Predicate 等。在Web测试中,使用class name、css selector、id等定位元素。选择定位器应遵循与研发约定、优先使用特定属性及组合定位的原则。当元素定位不到时,可能因定位信息错误、元素状态等问题,可通过调整策略、等待元素加载或使用JS操作解决。特殊控件如弹框、下拉框等,需采用特定方法如JS注入或send_keys()处理。
13 3
|
XML 前端开发 JavaScript
技术分享 | app自动化测试(Android)–高级定位技巧
技术分享 | app自动化测试(Android)–高级定位技巧
|
XML 前端开发 JavaScript
技术分享 | app自动化测试(Android)--高级定位技巧
通常使用定位器定位页面上的元素会发生一些定位不到元素,或者定位失败的情况。有可能是页面上元素不唯一,有可能是页面发生变化。这节介绍定位元素的高级用法,使用层级关系定位或者多重属性定位的方式来确定元素的唯一性,从而更精准,更稳定的定位到想要的元素。
|
4天前
|
移动开发 小程序
如何让uni-app开发的H5页面顶部原生标题和小程序的顶部标题不一致?
如何让uni-app开发的H5页面顶部原生标题和小程序的顶部标题不一致?
|
4天前
|
API 数据安全/隐私保护 iOS开发
利用uni-app 开发的iOS app 发布到App Store全流程
利用uni-app 开发的iOS app 发布到App Store全流程
114 3

热门文章

最新文章