xpath不等于、不包含的写法

电玩女神 2023-05-29 09:27 23阅读 0赞

简介：写自动化用例时经常会用到xpath来定位元素，这里总结一下xpath语法中不等于、不包含的写法

## 问题 ##

如下图：该页面有两个页签，我们需要在第二个页签进行操作：在输入框输入后点击确定按钮。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70]

第一次写的xpath是这样的

//button[./span[text()='确定']]

运行时报错 element not interactable，出现这种错误通常因为是这个xpath定位到的元素不在当前页面，所以报不可点击错误。报错信息如下：

org.openqa.selenium.ElementNotVisibleException: element not interactable

## 分析 ##

用XpathHelper在页面测试了一下，发现该xpath定位到了两个确定按钮，如下图：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70 1]

通过F12查看对应元素的dom树，如下图  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70 2]  
可以看到该目标元素上层有两个class='el-tab-pane’的div，点开第一个class='el-tab-pane’的div，如下图：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70 3]  
可以看到，第一个class='el-tab-pane’的div下面也有一个“确定”按钮，说明我前面写的xpath定位到了第一个“确定”按钮。  
继续观察，第一个class='el-tab-pane’的div里面还多了一个 **style=“display: none;”** 属性，那我们要定位第二个div时就可以排除这个属性。

## 解决 ##

这里尝试了三种写法都可以定位到第二个“确定”按钮，分别如下：

*  使用不等于符号：!=

//div[@class='el-tab-pane' and @style!='display: none;']//button[./span[text()='确定']]

*  使用 not()

//div[@class='el-tab-pane' and not(@style='display: none;')]//button[./span[text()='确定']]

*  使用 not(contains())

//div[@class='el-tab-pane' and not(contains(@style,'none'))]//button[./span[text()='确定']]

最后都能成功定位到第二个“确定”按钮，如下图：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70 4]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191105175358411.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20191105175818933.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20191105180358351.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20191105180746216.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20191105182051403.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg==,size_16,color_FFFFFF,t_70