Python3-Selenium自动化测试框架（三）之xpath元素定位

Selenium自动化测试框架（三）之xpath元素定位

xpath元素定位

节点（Node）

在 XPath 中，有七种类型的节点：元素、属性、文本、命名空间、处理指令、注释以及文档节点（或称为根节点）。

选取节点

XPath 使用路径表达式来选取 XML 文档中的节点或节点集。节点是通过沿着路径 (path) 或者步 (steps) 来选取的。

谓语（Predicates）

谓语用来查找某个特定的节点或者包含某个指定的值的节点。
谓语被嵌在方括号中。

路径表达式:

选取未知节点
XPath 通配符可用来选取未知的 XML 元素。

选取若干路径
通过在路径表达式中使用“|”运算符，您可以选取若干个路径。

//div | //a

在python中使用xpath定位元素:

browser.find_element_by_xpath("//input[@id='kw']")

1、通过id属性进行定位元素(如果不知道具体的标签名可以用通配符*代替)

//*[@id='kw']
//input[@id='kw']

//a[@id='quickdelete']

2、通过name属性进行定位元素

//input[@name='wd']

3、通过class属性进行定位元素

//input[@class='s_ipt']

//a[@class='quickdelete']

4、通过id和class属性进行定位元素(多个属性一起定位的时候用and隔开)

//input[@id='kw' and @class='s_ipt']

//a[@id='quickdelete' and @class='quickdelete']

contains()函数，xpath其他函数

上面这个div中的class中的属性值为‘s-skin-hasbg white-logo s-opacity-0‘,属性中有空格，这个时候就没办法使用[@class=‘s-skin-hasbg white-logo s-opacity-0‘]，
这个时候就需要使用xpath中的contains函数进行操作，只需要属性值中的一部分就可以实现元素定位。

//div[contains(@class,'white-logo')]

text文本定位

text 文本在 web 自动化测试当中，不是元素属性，
不能使用 @符号去表示。

通过text()进行定位元素

//*[contains(text(),'新')]

索引

• xpath中索引是以1开始的。
• 一般来说，我们不会去使用 索引进行元素定位
• 索引的优先级非常高，手工提升其他部分的优先级，最后才使用索引。

//*[contains(text(),'新')][1]

组合上下级的关系

• /表示父子关系
• //表示子孙关系

# 通过父级元素定位到下面的所有的img元素
//div[@id='lg']//img
# 精确到某一个img
//div[@id='lg']//img[@id='s_lg_img']

xpath轴:轴可定义相对于当前节点的节点集。

# ancestor--选取当前节点的所有先辈（父、祖父等）。
//div[@class='show-weather']//ancestor::*

# ancestor-or-self--选取当前节点的所有先辈（父、祖父等）以及当前节点本身。
//div[@class='show-weather']//ancestor-or-self::*

# attribute--选取当前节点的所有属性。
//div[@class='show-weather']//attribute::*

# child--选取当前节点的所有子元素。
//div[@class='show-weather']//child::*

# descendant--选取当前节点的所有后代元素（子、孙等）。
//div[@class='show-weather']//descendant::*

# descendant-or-self--选取当前节点的所有后代元素（子、孙等）以及当前节点本身。
//div[@class='show-weather']//descendant-or-self::*

# following--选取文档中当前节点的结束标签之后的所有节点。
//div[@class='show-weather']//following::*

# parent--选取当前节点的父节点。
//div[@class='show-weather']//parent::*

# preceding--选取文档中当前节点的开始标签之前的所有节点。
//div[@class='show-weather']//preceding::*

# preceding-sibling--选取当前节点之前的所有同级节点。
//div[@class='show-weather']//preceding-sibling::*

# self--选取当前节点。
//div[@class='show-weather']//self::*

什么时候使用 xpath

没有明显特征(id, name, class_name)的元素
name、class_name能找到多个元素

css 和 xpath 的区别

1、css 更加简洁
2、xpath 的功能更强大。对于简单的元素定位可以使用css, 复杂的元素使用xpath.
3、xpath 可以使用 text 文本定位， css 不行。
4、效率。通常来说，xpath 的解析效率会低。css 要快一些。

【完】

原文地址：https://www.cnblogs.com/desireyang/p/12171908.html