Web自动化测试——XAPTH高级定位

在这里插入图片描述


一、xpath 基本概念

XPath 是一门在 XML 文档中查找信息的语言
XPath 使用路径表达式在 XML 文档中进行导航
XPath 的应用非常广泛
XPath 可以应用在UI自动化测试

二、xpath 使用场景

web自动化测试
app自动化测试

三、xpath 相对定位的优点

可维护性更强
语法更加简洁
相比于css可以支持更多的方式

四、xpath 定位的调试方法

浏览器-console
$x("xpath表达式")
浏览器-elements
ctrl+f 输入xpath表达式或者css表达式

五、xpath 基础语法(包含关系)

表达式结果
/从该节点的子元素选取
//从该节点的子孙元素选取
*通配符
nodename:标签名选取此节点的所有子节点
..选取当前节点的父节点
@选取属性

获取当前节点的父节点://input[@name="wd"]/..
获取当前节点的爷爷节点://input[@name="wd"]/../..

组合通过父亲找儿子关系(先找到上一级,再定位本级)://span[@id=“s_kw_wrap”]/input[@type=“text”]
组合通过祖先找儿子关系(只要是本级的上级就可以)://form[@id=‘form’]//input[@name=‘wd’]

通过兄弟姐妹找(比较麻烦)://input[@id='kw']/../[@class='soutu-btn']
在这里插入图片描述

六、xpath 顺序关系(索引)

xpath通过索引直接获取对应元素,xpath的索引是从1开始数的
//form[@name="f"]//input[3]

在这里插入图片描述

七、xpath 高级用法

1、[last()]: 选取最后一个

//form[@name="f"]/input[last()]

在这里插入图片描述

2、[@属性名=‘属性值’ and @属性名=‘属性值’]: 与关系

//form[@name="f" and contains(@class,"fm")]

在这里插入图片描述

3、[@属性名=‘属性值’ or @属性名=‘属性值’]: 或关系

//form[@name="f" or contains(@class,"fm")]
在这里插入图片描述

4、[text()=‘文本信息’]: 根据文本信息定位

//span[text()="按图片搜索"]
在这里插入图片描述

5、[contains(text(),‘文本信息’)]: 根据文本信息包含定位

//p[@class="lh"]//a[contains(text(),"京公网安备")]
在这里插入图片描述

6、[contains(属性名,‘属性值’)]: 根据属性值包含定位

//form[contains(@class,"fm")]

在这里插入图片描述

7、xpath:轴定位,轴运算

a、获取父亲

//input[@type="text"]//parent::span
在这里插入图片描述

b、获取祖先

//input[@type="text"]//ancestor::form

后面还可以加条件 //input[@type="text"]//ancestor::form[@id='form']

在这里插入图片描述

c、同级查找,该元素(input)下方的,弟弟/妹妹:

//input[@type="text"]/following-sibling::span

在这里插入图片描述

d、同级查找,该元素(input)上方的,哥哥/姐姐

//input[@type="text"]/preceding-sibling::span

在这里插入图片描述

注意:所有的表达式需要和[]结合

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

敲代码敲到头发茂密

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值