背景
以下面控件举例,目前大平台页面都存在属性及其值编译时乱码或刻意加密乱码的问题,我们对DOM节点的锁定肯定不能单纯靠索引,这些对于节点定位的稳定性是一大挑战,但是像控件节点又有以下特点:
- 前端展示出来的文字经常是固定的,像控件“下单来源”四个字经常是一成不变的
- 相同类型控件构造基本是相同的,节点xpath编辑的好的话,通用性是极强的
下面提供一种使用最少的层级加上前端页面展示的文字锁定节点,来大幅增加元素稳定性、通用性的解决方案
解决方案
我们可以用下面的xpath来锁定控件,我们只用了两个标志性属性,就轻松锁定且锁死了“下单来源”控件,并且这段xpath基本能兼容该平台所有页面的下拉框类型的“下单来源”控件
//div[@class='data-order-search-form']/form/div/div/div[contains(string(),'下单来源')]/div/div/div/div/div/span
小进阶
因为我遇到过存在这样的问题,如果一个控件叫“下单来源”,一个控件叫“下单来源id”,那么上面的xpath就会同时匹配到两个控件,我们可以做下面优化,声明我们要包含“下单来源”四个字,但是不要包含“id”两个字
//div[@class='data-order-search-form']/form/div/div/div[contains(string(),'下单来源') and not(contains(string(),'id'))]/div/div/div/div/div
总结
and 且
not() 取反
contains() 判断包含
text() 获取当前节点内文本
string() 获取当前节点及所有后续节点文本