UI自动化测试 —— CSS元素定位实践！

前言

自动化测试元素定位是指在自动化测试过程中，通过特定的方法或策略来准确识别和定位页面上的元素，以便对这些元素进行进一步的操作或断言。这些元素可以是文本框、按钮、链接、图片等HTML页面上的任何可见或不可见的组件。

在自动化测试中，元素定位是至关重要的一步，因为测试脚本需要准确地与页面上的元素进行交互，以模拟用户的实际操作或验证页面的状态。如果元素定位不准确或失败，测试脚本将无法正确执行，导致测试失败或结果不准确。

这里分享CSS元素定位方法

  • 在 UI 自动化测试中，可以使用 CSS 选择器来定位元素。CSS 选择器可以根据元素的属性、类名、ID 等信息来选择元素。例如，可以使用"*[id='myElement']"来选择具有 ID 为"myElement"的元素。也可以使用".myClass"来选择具有类名为"myClass"的元素。

  • 实际工作中，可以根据具体的 UI 结构和元素特征来选择合适的选择器进行定位。需要注意的是，CSS 选择器的可用性和准确性可能会受到页面结构和样式的影响，因此在实际使用中可能需要进行一些调整和尝试。同时可能需要结合博主之前分享的内容(UI自动化-(web元素定位XPath实操入门)-CSDN博客)和(UI自动化-(web元素定位基础)-CSDN博客)进行综合衡量，选择最适合的元素定位方式。

  • CSS定位元素的方法：find_element_by_css_selector(css_selector) # 括号中css_selector表示的是CSS选择器表达式

    01、CSS常用的定位方法

    1)ID 选择器：通过元素的 ID 属性进行定位。例如，#elementId 表示选择具有 ID 为 "elementId" 的元素。

    2)类选择器：根据元素的类名进行定位。例如，.className 表示选择具有类名为 "className" 的元素。

    3)元素选择器：直接使用元素名称进行定位。例如，div 表示选择所有的

    元素。

    4)属性选择器：通过元素的属性进行定位。例如，[attribute] 表示选择具有特定属性的元素，[attribute=value] 表示选择属性值为特定值的元素。

    5)组合选择器：可以使用组合的方式来定位元素。例如，div.className 表示选择具有类名为 "className" 的

    元素。

    6)层级选择选择器

    父子层级关系选择器 ：使用子选择器来选择父元素下的子元素。例如，parent > child 表示选择父元素 "parent" 下的直接子元素 "child"。

    隔代层级关系选择器 例如， element1 element2 通过element1来找element2， 并且element2是element1的后代元素

    7)兄弟元素选择器：选择相邻的兄弟元素。例如，prev + next 表示选择前一个元素 "prev" 的下一个兄弟元素 "next"。

    一、id选择器

    表达式：#id # 表示通过元素的ID属性进行元素选择 id 表示的的id属性的属性值

    示例：#kw

图片

二、class选择器

表达式：.class # .表示通过元素的class属性进行元素选择， class表示的class属性的其中一个属性值

示例：.s_ipt

图片

示例代码：

# 导包import timefrom selenium import webdriver# 创建浏览器驱动对象driver = webdriver.Chrome()# 打开百度网站driver.get("https://www.baidu.com")# 通过id选择器定位到输入框并输入"百度一下，"driver.find_element_by_css_selector("#kw").send_keys("百度一下，")# 等待2Stime.sleep(2)# 通过class选择器定位到输入框并输入"你就知道!"driver.find_element_by_css_selector(".s_ipt").send_keys("你就知道！")# 等待3Stime.sleep(3)# 退出driver.quit()

三、元素选择器

通过元素标签名称来选择元素 。

表达式：tag_name

四、属性选择器

通过元素的属性来选择元素。

表达式：[attribute='value'] #attribute 表示的是属性名称，value表示的是属性值

注意使用class属性时，需要带上class的全部属性值 (有些class属性值有多个字符串，中间有空格，需要都完整带上)

示例：[name="wd"]

图片

示例代码：

# 导包import timefrom selenium import webdriver# 创建浏览器驱动对象driver = webdriver.Chrome()# 打开百度网站driver.get("https://www.baidu.com")# 通过属性选择器定位到输入框并输入"百度一下，"driver.find_element_by_css_selector('[name="wd"]').send_keys("百度一下，你就知道！")# 等待3Stime.sleep(3)# 退出driver.quit()

 五、层级选择器

父子层级关系选择器

表达式：element1>element2 通过element1来找element2，并且element2是element1的直接子元素

示例：span > input

图片

隔代层级关系选择器

表达式：element1 element2 通过element1来找element2， 并且element2是element1的后代元素

示例：form input

图片

代码示例：

# 导包import timefrom selenium import webdriver# 创建浏览器驱动对象driver = webdriver.Chrome()# 打开百度网站driver.get("https://www.baidu.com")# 通过父子层级关系选择器定位到输入框并输入"百度一下，"driver.find_element_by_css_selector("span>input").send_keys("百度一下，你就知道！")# 等待3Stime.sleep(3)# 退出driver.quit()

六、兄弟元素选择器

选择相邻的兄弟元素。CSS 的兄弟选择器是用来选择与指定元素相邻的元素的一种选择器

表达式：“element + element”

其中第一个元素是要选择的相邻元素，第二个元素是要选择的相邻元素的兄弟元素。例如，“div + input”选择器会选择所有紧挨着 div 元素的 input 元素。

示例：div+input

图片

最后感谢每一个认真阅读我文章的人，看着粉丝一路的上涨和关注，礼尚往来总是要有的，虽然不是什么很值钱的东西，如果你用得到的话可以直接拿走！ 

软件测试面试文档

我们学习必然是为了找到高薪的工作，下面这些面试题是来自阿里、腾讯、字节等一线互联网大厂最新的面试资料，并且有字节大佬给出了权威的解答，刷完这一套面试资料相信大家都能找到满意的工作。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/909075.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

zxing生成、解析二维码，条形码

zxing生成、解析二维码，条形码

1、maven依赖 <!--zxing依赖--><dependency><groupId>com.google.zxing</groupId><artifactId>core</artifactId><version>3.1.0</version></dependency><dependency><groupId>com.google.zxing</groupI…
阅读更多...
有效增加网站流量的实用策略和技巧

有效增加网站流量的实用策略和技巧

内容概要 在数字化时代&#xff0c;网站流量的增加被视为在线业务成功的关键。网站流量不仅仅意味着访问者的数量&#xff0c;还影响着品牌知名度、用户参与度和销售转化率。针对这一需求&#xff0c;企业需要采取行之有效的策略&#xff0c;例如搜索引擎优化&#xff08;SEO&…
阅读更多...
玄机-应急响应- Linux入侵排查

玄机-应急响应- Linux入侵排查

一、web目录存在木马&#xff0c;请找到木马的密码提交 到web目录进行搜索 find ./ type f -name "*.php" | xargs grep "eval(" 发现有三个可疑文件 1.php看到密码 1 flag{1} 二、服务器疑似存在不死马&#xff0c;请找到不死马的密码提交 被md5加密的…
阅读更多...
从 vue 源码看问题 — vue 如何进行异步更新？

从 vue 源码看问题 — vue 如何进行异步更新？

前言 在上一篇 如何理解 vue 响应式&#xff1f; 中&#xff0c;了解到响应式其实是通过 Observer 类中调用 defineReactive() 即 Object.defineProperty() 方法为每个目标对象的 key&#xff08;key 对应的 value 为非数组的&#xff09; 设置 getter 和 setter 实现拦截&…
阅读更多...
本地部署bert-base-chinese模型交互式问答，gradio

本地部署bert-base-chinese模型交互式问答，gradio

首先下载bert-base-chinese&#xff0c;可以在 Huggingface, modelscope, github下载 pip install gradio torch transformers import gradio as gr import torch from transformers import BertTokenizer, BertForQuestionAnswering# 加载bert-base-chinese模型和分词器 mod…
阅读更多...
法拉第旋转在右旋发射，线极化接收时可以完全恢复

法拉第旋转在右旋发射，线极化接收时可以完全恢复

阅读更多...
SYN590RH是SYNOXO全新开发设计的一款宽电压范围，低功耗，高性能，无需外置AGC电容de单芯片ASK或00 K射频接收器

SYN590RH是SYNOXO全新开发设计的一款宽电压范围，低功耗，高性能，无需外置AGC电容de单芯片ASK或00 K射频接收器

一般描述 SYN590RH是SYNOXO全新开发设计的一款宽电压范围&#xff0c;低功耗&#xff0c;高性能&#xff0c;无需外置AGC电容&#xff0c;灵敏度达到典型-110 dBm,400MHz~450MHz频率范围应用的单芯片ASK或00 K射频接收器。 SYN590RH是一款典型的即插即用型单片高…
阅读更多...
Unreal5从入门到精通之如何在指定的显示器上运行UE程序

Unreal5从入门到精通之如何在指定的显示器上运行UE程序

前言 我们有一个设备，是一个带双显示器的机柜，主显示器是一个小竖屏，可以触屏操作，大显示器是一个普通的横屏显示器。我们用这个机柜的原因就是可以摆脱鼠标和键盘，直接使用触屏操作，又可以在大屏观看，非常适合用于教学。 然后我们为这款机柜做了很多个VR项目，包括Uni…
阅读更多...
C++中unordered_map和unordered_set的介绍以及用哈希表封装实现unordered_map和unordered_set

C++中unordered_map和unordered_set的介绍以及用哈希表封装实现unordered_map和unordered_set

目录 1.unordered_map和unordered_set的使用 1.1unordered_set类的介绍 1.2unordered_set和set的使用差异 1.3unordered_map和map的使用差异 1.4unordered_multimap/unordered_multiset 2.用哈希表封装实现unordered_set和unordered_map 2.1实现出复用哈希表的框架并支持…
阅读更多...
stm32学习4

stm32学习4

学习目录 一.流水灯1.创建文件2.编写相关代码 一.流水灯 1.创建文件 将方法进行分类保存在不同的 .c 文件中&#xff0c;方便复用和寻找&#xff1b; 创建Hardware\LED文件&#xff0c;其中有led.c和led.h文件&#xff0c;用于存放有关LED灯操作的方法&#xff1b; 在User文…
阅读更多...
JVM结构图

JVM结构图

JVM&#xff08;Java虚拟机&#xff09;是Java编程语言的核心组件之一&#xff0c;负责将Java字节码翻译成机器码并执行。JVM由多个子系统组成&#xff0c;包括类加载子系统、运行时数据区、执行引擎、Java本地接口和本地方法库。 类加载子系统&#xff08;Class Loading Subsy…
阅读更多...
mysql之命令行基础指令

mysql之命令行基础指令

一&#xff1a;安装好mysql后&#xff0c;注册好账号密码。 二&#xff1a;在命令行进行登录的指令如下 mysql -u用户名 -p 例如&#xff1a;mysql -uroot -p; 然后按下回车&#xff0c;进入输入密码。 三&#xff1a;基本指令&#xff1a; 1&#xff1a;查看当前账户的所有…
阅读更多...
LabVIEW适合开发的软件

LabVIEW适合开发的软件

LabVIEW作为一种图形化编程环境&#xff0c;主要用于测试、测量和控制系统的开发。以下是LabVIEW在不同应用场景中的适用性和优势。 一、测试与测量系统 LabVIEW在测试与测量系统中的应用广泛&#xff0c;是工程测试领域的主流工具之一。利用其强大的数据采集与处理功能&…
阅读更多...
MySQL表的增删改查(CRUD3约束)

MySQL表的增删改查(CRUD3约束)

这次我们开始先不复习嗷&#xff0c;等到把数据表的删除说完咱们统一&#xff0c;总结书写 1.数据表的删除&#xff1a; 语法&#xff1a; 1. 使用 DROP TABLE 语句删除单个表 基本语法&#xff1a;DROP TABLE [IF EXISTS] table_name; table_name是要删除的表的名称。IF EXIS…
阅读更多...
国内首位聋人 Android 软件工程师体验通义灵码，“这真是太棒了”

国内首位聋人 Android 软件工程师体验通义灵码，“这真是太棒了”

Hi 大家好&#xff01; 我就是人见人爱、Bug 闪开的通义灵码&#xff01; 上个月&#xff0c;我上线了一项新能力&#xff1a; 体验通义灵码 workspace&#xff1a;轻松分析项目结构&#xff0c;结合代码仓库理解工程、查询问答等 补充说明&#xff1a;当你需要快速了解一个工…
阅读更多...
萌熊数据科技：剑指脑机转入，开启科技新篇章

萌熊数据科技：剑指脑机转入，开启科技新篇章

近日&#xff0c;科技圈传来一则令人瞩目的消息&#xff0c;天津萌熊数据科技有限公司和天津一万年科技发展有限公司在全国范围内大力开展AI加生命科学的主体业务&#xff0c;并明确将朝着脑机转入方向深入发展&#xff0c;引发了行业内外的广泛关注。 天津萌熊数据科技有限公司…
阅读更多...
OceanBase 安装使用详细说明

OceanBase 安装使用详细说明

OceanBase 安装使用详细说明 一、系统环境要求二、安装OceanBase环境方案一：在线下载并安装all-in-one安装包方案二：离线安装all-in-one安装包安装前的准备工作三、配置OceanBase集群编辑配置文件部署和启动集群连接到集群集群状态和管理四、创建业务租户和数据库创建用户并赋…
阅读更多...
MYSQL---TEST5(Trigger触发器Procedure存储过程综合练习)

MYSQL---TEST5(Trigger触发器Procedure存储过程综合练习)

触发器Trigger 数据库mydb16_trigger创建 表的创建 goods create table goods( gid char(8) primary key, #商品号 name varchar(10), #商品名 price decimal(8,2), #价格 num int&#xff1b;&#xff09; #数量orders create tabl…
阅读更多...
MySQL 完整教程：从入门到精通

MySQL 完整教程：从入门到精通

MySQL 完整教程&#xff1a;从入门到精通 MySQL 是一个广泛使用的关系型数据库管理系统&#xff0c;它使用结构化查询语言 (SQL) 来管理和操作数据。本文将详细介绍 MySQL 的基本概念、安装与配置、常用 SQL 语法、数据表的创建与管理、索引、视图、存储过程、触发器等高级特性…
阅读更多...
winfrom控制应用程式不能双开

winfrom控制应用程式不能双开

功能&#xff1a;控制winform应用程式不能双开 //应用程式不能双开bool isAppRunning false;Mutex mutex new Mutex(true, "MyApp", out isAppRunning);if (!isAppRunning){MessageBox.Show("程序已运行&#xff0c;不能再次打开&#xff01;");Environm…
阅读更多...
最新文章

Copyright @ 2022~2023