码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2020-01-10 10:24:15      阅读:93      评论:0      收藏:0      [点我收藏+]

标签:xpath   通配   show   com   inpu   实现   elf   www   功能   

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 要快一些。

【完】


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

标签:xpath   通配   show   com   inpu   实现   elf   www   功能   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!