Selenium自动化测试-3.元素定位(2)

2023-12-26 17:38:23

在上一篇:Selenium自动化测试-元素定位(1),我们分析了id,name, class, tag, link_text及partial_link_text 共6种定位方法,其中id、name最常用。

时候我们发现网站并没有id、name等属性。那么,我们可以用更高级的定位方法——xpath来定位元素。

什么是xpath?

xpath是一种在XML文档中定位元素的语言。因为HTML可以看做XML的一种实现,所以selenium用户可以使用这种强大语言在web应用中定位元素,xpath是一种路径定位的方式。

xpath扩展了上面id和name等定位方式,提供了很多种可能性。

语法格式:find_element_by_xpath()

以下,我们介绍两种xpath定位方式:前端工具定位和手写xpath。

前端工具定位元素

?1.打开Chrome浏览器开发者模式,然后定位到百度搜索框。

图片

?

2.定位到元素后,鼠标移至标签元素,右键后选择copy,最后选择Copy XPath,就复制了xpath路径了。

图片

?

3.复制xpath后,就可以用xpath定位百度搜索框了。

图片

运行之后,百度搜索框输入了小胖虎,用xpath定位成功。

手写xpath定位元素

?以下介绍怎么手写xpath。

xpath 使用路径表达式在 XML 文档中选取节点。节点是沿着路径或者 step 来选取的,下面列出了最有用的路径表达式:

图片

xpath绝对路径:

以百度搜索框为例,绝对路径如下所示。

图片

那么我们可以这样写:

find_element_by_xpath("/html/body/div/div/div/div/div/from/span/input")

图片

运行之后,打开百度页面,输入小胖虎,xpath绝对路径定位成功。

但是绝对路径定位,只要页面元素稍微改动,就会定位失败,维护成本比较高,所以并不建议使用xpath绝对定位的方式。

xpath相对定位:

1.利用属性定位

通过元素的属性定位,比如id、name、class等属性,属性匹配定位语法:“//标签名[@属性='属性值'] ",

//表示当前节点, @表示选取属性 ,标签名比如div, span等,也可用 * 表示任意标签。

以百度搜索框为例:

<input type="text" class="s_ipt" name="wd" id="kw" maxlength="100" autocomplete="off">

?

我们用id属性,xpath定位代码如下:

图片

其他属性如name、class等,也是相同的定位写法。

2.利用层级加属性定位

比如找不到小胖虎,可以通过先找到小胖虎的爸爸,然后找到小胖虎。

以百度搜索框为例, 我们可以找到搜索框input标签的上级标签span, 上上级标签form:

图片

我们通过上级标签span,及上上级标签form分别进行定位:

图片

?

运行之后,发现通过上级标签span并不能定位到搜索框,而通过上上级标签form可以定位到,所以实战要灵活运用,直到定位到元素。

3.利用逻辑运算符定位

逻辑运算符比如and ,or ,not ,多种条件组合定位。

用百度搜索框为例,使用id加name两种属性组合定位。

图片

运行之后,打开百度,输入小胖虎,id加name属性组合定位成功。

总结:节点元素无id或name属性时,可以用xpath。觉得麻烦的话可以用开发者工具直接copy,copy的xpath定位不到的,再手写xpath。xpath是定位神器,多练习, 可以解决绝大部分定位问题。

感谢每一个认真阅读我文章的人,礼尚往来总是要有的,虽然不是什么很值钱的东西,如果你用得到的话可以直接拿走:

?

这些资料,对于【软件测试】的朋友来说应该是最全面最完整的备战仓库,这个仓库也陪伴上万个测试工程师们走过最艰难的路程,希望也能帮助到你!有需要的小伙伴可以点击下方小卡片领取?

?

文章来源:https://blog.csdn.net/chengxuyuznguoke/article/details/135226040
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。