专栏首页APP测试Selenium自动化测试-3.元素定位(3)

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

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软件测试小栈(ITestingA),作者:胖虎喝酸奶

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-10-11

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Selenium自动化测试-4.By定位及如何确定元素唯一

    (1)有时候我们不知道用哪种方法来定位元素,By定位可以根据实际场景设定定位策略。

    ITester软件测试小栈
  • Selenium自动化测试-3.元素定位(2)

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

    ITester软件测试小栈
  • Selenium自动化测试-3.元素定位(1)

    一个页面最基本组成单元是元素,想要定位一个元素,我们需要特定的信息来说明这个元素的唯一特征。

    ITester软件测试小栈
  • Selenium自动化测试-3.元素定位(3)

    在上一篇:Selenium自动化测试-元素定位(2),我们介绍了xpath定位,xpath一般都能满足我们的定位需求。今天我们来介绍另一种——css定位神器。c...

    橙子探索测试
  • 国际核心标准“全垒打”!腾讯云IT风险管理通过全球考验

    产业互联网发展步入全球化、系统化的时代,信息安全被赋予新的定义和范畴。为了协助更多云上企业构建全球化的安全体系、实现业务的降本增效,腾讯云在全球范围内推动安全合...

    腾讯安全
  • HTML定位简介

    定位一直是WEB标准应用中的难点,如果理不清楚定位那么可能应实现的效果实现不了,实现了的效果可能会走样。如果理清了定位的原理,那定位会让网页实现的更加完美。

    大眼瞪小眼
  • 浏览器默认样式、1px边框问题、css预编译

    参考链接: 移动端1px解决方案 vue-cli css相关 normalize.css

    Ewall
  • webpack学习(五)配置详解

    配置详解 //使用插件html-webpack-plugin打包合并html //使用插件extract-text-webpack-plugin打包独立的css...

    柴小智
  • 腾讯地图开放H5定位API,率先支持iOS10

    苹果的iOS 10已经正式对外推送,相信尝鲜的用户已经更新到最新的系统。然而,如果web站没有及时支持https协议的话,当很多用户在iOS 10下访问很多网站...

    BestSDK
  • 4-9 css 文件的代码分割

    本节主要是介绍 MiniCssExtractPlugin 插件,该插件用于将 css 提取成单独的文件。

    love丁酥酥

扫码关注云+社区

领取腾讯云代金券

玩转腾讯云 有奖征文活动