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

深藏阁楼爱情的钟 2024-03-22 13:03 69阅读 0赞

![在这里插入图片描述][446a280daa64467c9598eb2a09031867.jpeg_pic_center]

--------------------

#### XAPTH高级定位 ####

*  一、xpath 基本概念
 *  二、xpath 使用场景
 *  三、xpath 相对定位的优点
 *  四、xpath 定位的调试方法
 *  五、xpath 基础语法（包含关系）
 *  六、xpath 顺序关系（索引）
 *  七、xpath 高级用法
 *   *  1、\[last()\]: 选取最后一个
     *  2、\[@属性名='属性值' and @属性名='属性值'\]: 与关系
     *  3、\[@属性名='属性值' or @属性名='属性值'\]: 或关系
     *  4、\[text()='文本信息'\]: 根据文本信息定位
     *  5、\[contains(text(),'文本信息')\]: 根据文本信息包含定位
     *  6、\[contains(属性名,'属性值')\]: 根据属性值包含定位
     *  7、xpath：轴定位，轴运算
     *   *  a、获取父亲
         *  b、获取祖先
         *  c、同级查找，该元素（input）下方的，妹妹/弟弟：
         *  d、同级查找，该元素（input）上方的，哥哥/姐姐

## 一、xpath 基本概念 ##

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

## 二、xpath 使用场景 ##

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

## 三、xpath 相对定位的优点 ##

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

## 四、xpath 定位的调试方法 ##

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

## 五、xpath 基础语法（包含关系） ##

<table> 
 <thead> 
  <tr> 
   <th>表达式</th> 
   <th>结果</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td><strong><code>/</code></strong></td> 
   <td>从该节点的子元素选取</td> 
  </tr> 
  <tr> 
   <td><strong><code>//</code></strong></td> 
   <td>从该节点的子孙元素选取</td> 
  </tr> 
  <tr> 
   <td><strong><code>*</code></strong></td> 
   <td>通配符</td> 
  </tr> 
  <tr> 
   <td><strong><code>nodename：标签名</code></strong></td> 
   <td>选取此节点的所有子节点</td> 
  </tr> 
  <tr> 
   <td><strong><code>..</code></strong></td> 
   <td>选取当前节点的父节点</td> 
  </tr> 
  <tr> 
   <td><strong><code>@</code></strong></td> 
   <td>选取属性</td> 
  </tr> 
 </tbody> 
</table>

**获取当前节点的父节点：`//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']`**  
![在这里插入图片描述][c63b543708df4d85beed1ba933867e5c.png]

## 六、xpath 顺序关系（索引） ##

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

![在这里插入图片描述][7d194b360ad041b19527618aeebe6d15.png]

## 七、xpath 高级用法 ##

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

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

![在这里插入图片描述][81cf98a3631346438feff657447a588b.png]

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

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

![在这里插入图片描述][848b665ee4ab40eb99de1af3bf6a20b2.png]

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

**`//form[@name="f" or contains(@class,"fm")]`**  
![在这里插入图片描述][9f141e82980041b1a90744d514f4731c.png]

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

**`//span[text()="按图片搜索"]`**  
![在这里插入图片描述][1ea1191e76bc4a299697eedd4f7a85a4.png]

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

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

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

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

![在这里插入图片描述][e8b792b1aeef4459ab610821eb59157c.png]

### 7、xpath：轴定位，轴运算 ###

#### a、获取父亲 ####

**`//input[@type="text"]//parent::span`**  
![在这里插入图片描述][1981575b8fee4cb0a5d567f0be9e610c.png]

#### b、获取祖先 ####

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

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

![在这里插入图片描述][af6a0a6183104aed81fb7a43e576c788.png]

#### c、同级查找，该元素（input）下方的，妹妹/弟弟： ####

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

![在这里插入图片描述][0753a64b1feb41d5b96e9896394cd708.png]

#### d、同级查找，该元素（input）上方的，哥哥/姐姐 ####

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

![在这里插入图片描述][6bf50a152378414a84a5713d25d6626e.png]

**`注意：所有的表达式需要和[]结合`**

[446a280daa64467c9598eb2a09031867.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/c76261e10e70490fb42a5d8ac1ad1ba0.png
[c63b543708df4d85beed1ba933867e5c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/aeea0a4a243d46ad87c09ffefe3c5187.png
[7d194b360ad041b19527618aeebe6d15.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/8432048ef2cf420589cb9fbe467ad689.png
[81cf98a3631346438feff657447a588b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/0fe417c9ee0f4983b823ea27a0202aef.png
[848b665ee4ab40eb99de1af3bf6a20b2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/edfe308395cb4335975917256f168d94.png
[9f141e82980041b1a90744d514f4731c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/79e4acdd946e4d69961fe48c63db52a8.png
[1ea1191e76bc4a299697eedd4f7a85a4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/1670da378ee0471b93d71e7390745192.png
[e461577b043b4ed89e39d6469be53fb3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/c322ae080cf54bdd89cafc055c97a7be.png
[e8b792b1aeef4459ab610821eb59157c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/1402b88d9ef74ce780233395f95f7c0f.png
[1981575b8fee4cb0a5d567f0be9e610c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/f95d94f8405f445baf449ae83776d8fe.png
[af6a0a6183104aed81fb7a43e576c788.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/19411ea2232b45018e5e0dfbfdb277ad.png
[0753a64b1feb41d5b96e9896394cd708.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/4f640d2936ac464695d2582178404d7f.png
[6bf50a152378414a84a5713d25d6626e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/1b4a4cbefeba4d01b6f00df06f942fac.png