首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Selenium自动化测试-3.元素定位(3)

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

作者头像
王大力测试进阶之路
发布2020-03-11 12:55:09
3830
发布2020-03-11 12:55:09
举报
文章被收录于专栏:橙子探索测试橙子探索测试

——————·今天距2020年81天·——————

这是ITester软件测试小栈第55次推文

大家好

我是vivi小胖虎

前面已经介绍过7种元素定位方法

相信这些积攒堆积起来的技巧

都会在实际工作时给你应有的帮助

今天我们认识第8种元素定位方法

一起来了解下css定位是怎么肥事吧

在上一篇:Selenium自动化测试-元素定位(2),我们介绍了xpath定位,xpath一般都能满足我们的定位需求。今天我们来介绍另一种——css定位神器。css相对xpath来说,语法更简洁、定位速度更快,xpath能定位到的,css一般也能定位到,可以说是神通广大的一员虎将。

css定位是通过css选择器进行定位,我们需要了解css选择器的一些知识才能进行css定位,选择器基本语法如下:

以下我们依次介绍四种不同的css定位方式:

1.通过class、id属性定位

以百度搜索框为例:

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

其中属性包括 class="s_ipt"、id="kw",那么对应的css写法就是 .s_ipt , #kw

我们通过class、id属性定位代码如下:

2.通过其他属性定位

百度搜索框的属性除了id,class之外,还包括maxlength="100" ,autocomplete="off",我们还可以通过这两个属性来定位百度搜索框。

代码如下:

当然,不是通过属性就一定能定位到元素,要看属性是否唯一。

3.通过层级关系定位

通过上下层级关系进行层层定位,百度搜索框的层级元素如下:

层级关系为,form>span>input,层级定位代码如下:

4.通过逻辑关系定位

css逻辑关系定位与xpath类似,但是css不需要写and。

以百度搜索框的id属性和class属性为例,代码如下:

xpath与css定位对比:

通过对比,发现css与xpath定位方式差不多,css语法更简洁。

总结:已经介绍完8种定位方法,如果有id,尽量用id定位,如果没有id、name等属性,掌握好xpath、css定位,能满足绝大部分的定位。

下一篇我们将介绍By定位。

以上

That‘s all

ITester软件测试小栈

往期内容宠幸

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2020-03-04,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 橙子探索测试 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档