Web UI自动化测试之元素定位

news2024/11/26 5:26:28

目前，在自动化测试的实际应用中，接口自动化测试被广泛使用，但UI自动化测试也并不会被替代。让我们看看二者的对比：

  • 接口自动化测试是跳过前端界面直接对服务端的测试，执行效率和覆盖率更高，维护成本更低，整体而言投出产出比更高，因此在项目上的使用更广泛。

  • 而UI自动化测试则是模拟用户在前端页面中的操作行为进行测试，虽然在执行过程中易收到其他因素的影响（如电脑卡顿，浏览器卡顿，网速等）而导致用例执行失败，且后期维护成本较高，但是UI自动化测试更贴近用户使用时的真实情况，也能够发现一些接口自动化无法发现的bug。

因此，在实际项目的自动化测试中，通常采用以接口自动化为主、系统稳定后通过UI自动化对重点业务流程进行覆盖的方案。而UI自动化的基础，就是元素定位。只有完成了元素定位，才可以操作定位到的元素，模拟手工测试进行一系列的页面交互，比如点击、输入等。

1. 常用的元素定位方式

对于web端的UI自动化测试，元素定位通常使用selenium提供的以下8种定位方式：

  • id：

    根据id定位，是最常用的定位方式，因为id具有唯一性，定位准确快捷。

  • name：

    通过元素的【name】属性定位，会存在不唯一的情况。

  • class_name：

    通过class 属性名称进行定位。

  • tag_name：

    通过标签名定位，一般不建议使用。

  • link_text：

    专用于定位超链接元素（即a标签），需要完全匹配超链接的内容。

  • partial_link_text：

    同样用于定位超链接元素，但可以模糊匹配超链接的内容。

  • xpath：

    根据元素路径进行定位，分为绝对路径和相对路径，可以定位到所有目标元素。

  • css_selector：

    selenium官方推荐的元素定位方式，比xpath效率更高，但需要掌握一些css基础。

在实际的项目中，更推荐使用xpath和css定位方式，这两种可以定位到页面中的所有元素，使用限制较小。如果对css没有了解的话，推荐使用xpath的方式，上手更快；如果对css有一定基础的朋友，更推荐使用css进行元素定位。

接下来，以百度首页为例，在实际使用中对各种定位方式进行详细介绍。

2. 元素定位的实际应用

以百度首页的搜索框为例，介绍id、name、class、tag_name四种元素定位方式。

2.1 id定位

通过id属性对百度首页的的输入框进行定位。

# 通过input标签的id属性进行定位
find_element_by_id('su')

2.2 name定位

通过name属性对百度首页的输入框进行定位。

# 通过input标签的name属性进行定位
find_element_by_name('wd')

2.3 class_name定位

通过class属性对百度首页的输入框进行定位。

# 通过input标签的class属性进行定位
find_element_by_class_name('s_ipt')

2.4 tag_name定位

通过标签名称来定位，这种方式很少会使用，因为页面中的同一个标签通常都会重复。

# 通过input标签名进行定位
find_element_by_tag_name('input') 

接下来，以页面底部的“意见反馈”为例，介绍linkText和partialLinkText两种定位方式。

2.5 linkText定位

通过a标签的文本信息进行定位，仅用于定位超链接a标签。

# 通过a标签的文本信息进行定位
find_element_by_link_text('意见反馈')

2.6 partialLinkText定位

通过对a标签的部分文本信息模糊匹配进行定位。

# 通过对a标签的部分文本信息模糊匹配进行定位
find_element_by_partial_link_text('反馈')

2.7 xpath定位

xpath定位方式是通过页面元素的属性和路径进行元素定位，理论上可以对页面中所有的元素精选定位。下面介绍xpath的几种定位方式。

首先，介绍一下xpath的路径节点表达式，如图：

（1） xpath绝对路径定位

仍已百度首页的搜索框为例进行介绍。

find_element_by_xpath('/html/body/div[1]/div[1]/div[5]/div/div/form/span[1]/input')

通常情况下，不会选择使用xpath绝对路径进行元素定位，原因有二：一是绝对路径繁琐冗长，影响运行速度；二是涉及的层级较多，任何一个层级发生变化都会导致定位失败，需要重新进行修改，不利于后期维护。

（2） xpath相对路径和元素属性结合定位

若目标元素的某个属性具有唯一性，则可直接对目标元素进行定位；否则，需要在目标元素附近寻找一个具有唯一性的元素，然后通过二者的层级关系进行定位。

接下来，依然以百度首页的页面元素为例，对xpath定位的方式举例说明。

# 通过元素属性定位百度首页的搜索框
find_element_by_xpath("//input[@id='su']")
find_element_by_xpath("//input[@name='wd']")
find_element_by_xpath("//input[@class='s_ipt']")
find_element_by_xpath("//input[@autocomplete='off']")

# 通过文本信息定位(和text_link方法不同，不局限于a标签)
find_element_by_xpath("//a[text()='意见反馈']")
find_element_by_xpath("//span[text()='设置']")

# 通过父级定位子级元素，举例百度首页搜索按钮
find_element_by_xpath("//span[@class='bg s_btn_wr']/input")

# 通过子级定位父级元素，举例百度首页百度热榜的换一换
find_element_by_xpath("//span[text()='换一换']/..")

# 通过contains方法模糊匹配定位，举例百度首页搜索按钮
find_element_by_xpath("//input[contains(@class,'s_btn')]")
find_element_by_xpath("//a[contains(text(),'反馈')]")

（3） 浏览器复制xpath

除了上述两个方法之外，还有一个简单的方法，就是在浏览器的F12开发者工具中找到目标元素，鼠标右键进行复制即可，如下图。

但复制的xpath路径可能会很冗长，还是推荐大家根据需求自己写目标元素的xpath路径。

2.8 css_selector定位

（1） css定位简介

css_selector定位（下文简称css定位），它的定位方式，利用选择器进行的。在CSS 中，选择器是一种模式，用于选择需要添加样式的对象。通过css进行元素定位，理论上也是可以定位到页面中的所有元素的。

和xpath相比，css的语法更简洁、定位速度更快，但是css的语法比xpath较为复杂一些，相对难记。

（2） css定位实例

下面，仍以百度首页搜索框为例，对css定位方式举例说明。

# 通过id定位，id名前加# 
find_element_by_css_selector("#kw")

# 通过class定位，class名前加. 
find_element_by_css_selector(".s_ipt")

# 通过标签定位
find_element_by_css_selector("input")

# 通过其它属性定位 
find_element_by_css_selector("[name='wd']")

# 标签和属性组合定位 
find_element_by_css_selector("input#kw")
find_element_by_css_selector("input.s_ipt")
find_element_by_css_selector("input[name='wd']")
find_element_by_css_selector("[name='wd'][autocomplete='off']")

# 通过父级定位子级元素 
find_element_by_css_selector("from#form>span[@class='bg s_ipt_wr']>input")

3. 小结

以上，就是selenium的各种元素定位方法的简单介绍。项目的实际使用中，在定位方法的选择上，比较推荐大家采用“id > name > xpath/css > 其它”的顺序进行选择。

虽然UI自动化测试没有接口自动化测试使用广泛，但也是自动化测试中不可获取的一部分，希望本文能对学习UI自动化的小伙伴产生一定的帮助。

如果文章对你有帮助，记得点赞，收藏，加关注。会不定期分享一些干货哦......

END配套学习资源分享

最后： 为了回馈铁杆粉丝们，我给大家整理了完整的软件测试视频学习教程，朋友们如果需要可以自行免费领取 【保证100%免费】

加入我的软件测试交流qq群：110685036免费获取~（同行大佬一起学术交流，每晚都有大佬直播分享技术知识点）

软件测试面试文档

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

在这里插入图片描述

全套资料获取方式：

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

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

【EtherCAT】一、入门基础

【EtherCAT】一、入门基础

什么是EtherCAT？ 介绍简介特点和优势EtherCAT系统组成主站从站 硬件EtherCAT主站芯片EtherCAT从站芯片 EtherCAT应用层协议 工具软件 介绍 简介 EtherCAT（Ethernet Control Automation Technology）是一种高性能实时以太网通信协议&#xff…
阅读更多...
Ubuntu20.04设置开机自启动脚本

Ubuntu20.04设置开机自启动脚本

1.建立开机启动服务 sudo vim /lib/systemd/system/rc-local.service 在末尾添加 [Install] WantedBymulti-user.target Aliasrc-local.service2.创建 /etc/rc.local sudo touch /etc/rc.local && sudo chmod 755 /etc/rc.local #!/bin/bash cd /home/docker-data/ss…
阅读更多...
前端框架笔记

前端框架笔记

Vue.js的安装 安装Vue.js有两种方法&#xff1a; &#xff08;1&#xff09;类似于Bootstrap或jQuery&#xff0c;直接通过HTML文件中的标签引用。为了方便开发者使用&#xff0c;Vue.js提供了相关的CDN&#xff0c;通过如下代码可以引用最新版本的Vue.js&#xff1a; <sc…
阅读更多...
小黑回到学校，跟小老黑中老黑阿黄一起度过最后在学校的日子的leetcode之旅:3. 无重复字符的最长子串

小黑回到学校，跟小老黑中老黑阿黄一起度过最后在学校的日子的leetcode之旅:3. 无重复字符的最长子串

双指针动态滑动窗口 class Solution:def lengthOfLongestSubstring(self, s: str) -> int:# 字符串长度n len(s)# 双指针left 0right 0# 存储集合set_ set()# 当前子串长度cur_len 0# 结果result 0# 分别遍历每一个右指针while right < n:# 该字符是重复的&#x…
阅读更多...
向量相似搜索绕不开的局部敏感哈希

向量相似搜索绕不开的局部敏感哈希

在搜索推荐中&#xff0c;通常使用相似Embedding进行推荐&#xff0c;此时就会有一个问题&#xff1a;如何快速找到与一个Embedding相近的其他Embedding。 如果两个Embedding在同一个向量空间中&#xff0c;我们就可以通过很多种方式&#xff08;内积、余弦、欧氏距离等&#…
阅读更多...
python3 爬虫相关学习8：python 的常见报错内容 汇总收集

python3 爬虫相关学习8：python 的常见报错内容 汇总收集

目录 1 拼写错误 AttributeError: NameError: 等等 2 类型错误 TypeError: 如字符串连接错误 TypeError: can only concatenate str (not “int“) to str 3 意外缩进 IndentationError: unexpected indent 4 找不到对应模块 ModuleNotFoundError: 5 语法错误 Syntax…
阅读更多...
【Docker】deepin/centos安装docker

【Docker】deepin/centos安装docker

deepin虚拟机和centos服务器安装docker 1.更新软件包 # deepin sudo apt-get update && sudo apt-get upgrade # centos sudo yum update && yum upgrade安装docker之前&#xff0c;先更新一下软件包 mothramothra-PC:~$ sudo apt-get update && sud…
阅读更多...
《Lua程序设计》--学习6

《Lua程序设计》--学习6

日期和时间 第1种表示方式是一个数字&#xff0c;这个数字通常是一个整型数。尽管并非是ISO C所必需的&#xff0c;但在大多数系统中这个数字是自一个被称为纪元&#xff08;epoch&#xff09;的固定日期后至今的秒数。 Lua语言针对日期和时间提供的第2种表示方式是一个表。日…
阅读更多...
苹果新专利曝光，用户可通过Apple Watch及MR头显摄像头设置3D虚拟化身

苹果新专利曝光，用户可通过Apple Watch及MR头显摄像头设置3D虚拟化身

美国专利商标局公布了苹果公司的一项专利申请&#xff0c;涉及提供计算机生成体验的计算机系统&#xff0c;包括但不限于通过显示器提供 VR 和 MR 体验的电子设备。 在一个例子中&#xff0c;苹果展示了 Apple Watch 的未来版本&#xff0c;该版本将允许用户使用 Apple Watch…
阅读更多...
ceph安装搭建总结

ceph安装搭建总结

ceph安装搭建总结 大纲 版本选择集群架构免密登录安装ceph-deploy部署ceph集群安装mgr安装ceph-dashboard 版本选择 ceph 版本信息如下 本次测试使用版本为Octopus 主版本号为15&#xff0c; 并且使用ceph-deploy 2.0.1安装ceph集群 Ceph Octopus 官方文档 相关环境与软件…
阅读更多...
找不到msvcp140.dll无法继续执行代码,解决方法

找不到msvcp140.dll无法继续执行代码,解决方法

msvcp140.dll电脑文件中的dll文件&#xff0c;即动态链接库文件&#xff0c;若计算机中丢失了某个dll文件&#xff0c;就会导致某些软件和游戏等程序无法正常启动运行&#xff0c;并且导致电脑系统弹窗报错&#xff0c;其安装方法&#xff1a;1、打开浏览器输入“【dll修复程序…
阅读更多...
迅为iTOP-RK3588开发板Android12源码定制开发kernel开发

迅为iTOP-RK3588开发板Android12源码定制开发kernel开发

内核版本是 5.10.66 版本&#xff0c;内核默认的配置文件是 3588-android12/kernel-5.10/arch/arm64/configs/rockchip_defconfig 如果我们要使用图形化界面配置内核&#xff0c;操作方法如下所示&#xff1a; 方法一&#xff1a; 1 首先将默认的配置文件 rockchip_defconf…
阅读更多...
stable diffusion其他微调方法

stable diffusion其他微调方法

textual inversion 发布时间&#xff1a;2022 目标&#xff1a;与DreamBooth一样&#xff0c;都是想要微调模型生成特定目标或风格的图像 方法&#xff1a;通过在vocabulary中添加一个额外的embedding来学习输入的新特征。预训练模型的所有参数都锁住&#xff0c;只有新的emb…
阅读更多...
yolo-v4

yolo-v4

目录 一&#xff1a;前言 二&#xff1a;一些数据增强的方法 三&#xff1a;自提议 四&#xff1a;dropout 普通的dropout yolov4的dropblock 五&#xff1a;Label smothing 标签平滑 六&#xff1a; GIOU&#xff0c;DIOU&#xff0c;CIOU 七&#xff1a; 对网络结构的…
阅读更多...
移动端APP组件化架构实践

移动端APP组件化架构实践

作者&#xff1a;何乐乐 前言 对于中大型移动端APP开发来讲&#xff0c;组件化是一种常用的项目架构方式。个人最近几年在工作项目中也一直使用组件化的方式来开发&#xff0c;在这过程中也积累了一些经验和思考。主要是来自在日常开发中使用组件化开发遇到的问题以及和其他开…
阅读更多...
Lecture 16 Dependency Grammar

Lecture 16 Dependency Grammar

目录 Dependency GrammarDependency GrammarDependency RelationsApplication: Question AnsweringApplication: Information ExtractionDependency vs. ConstituencyProperties of a Dependency TreeProjectivityTreebank Conversion Transition-based ParsingDependency Pars…
阅读更多...
【openEuler 20.03 TLS编译openGauss2.1.0源码】

【openEuler 20.03 TLS编译openGauss2.1.0源码】

openEuler 20.03 TLS编译openGauss2.1.0源码 一、安装环境二、安装前准备二、安装步骤 一、安装环境 项目Value操作系统openEuler 20.03 64bit with ARMopenGauss2.1.0openGauss-third_party2.1.0 二、安装前准备 项目Value购买华为ECS鲲鹏 8vCPU32G 100M/s带宽 openEuler 2…
阅读更多...
组网配置案例

组网配置案例

汇聚层与接入层或者汇聚层与核心层组网 案例&#xff1a; port-group技术&#xff1a;可实现对于所有组内接口进行相同配置 [ACC-1]port-group group-member GigabitEthernet 0/0/1 to GigabitEthernet 0/0/9 [ACC-1-port-group]port link-type access [ACC-1-port-group]port…
阅读更多...
【大数据学习番外篇之爬虫1】 爬虫的介绍与基本使用

【大数据学习番外篇之爬虫1】 爬虫的介绍与基本使用

目录 1. 爬虫的介绍 2. 爬虫基本使用 2.1 爬取搜狗首页的页面数据 2.2 网页采集器 1. 爬虫的介绍 前戏&#xff1a; 1.你是否在夜深人静的时候&#xff0c;想看一些会让你更睡不着的图片却苦于没有资源... 2.你是否在节假日出行高峰的时候&#xff0c;想快速抢购火…
阅读更多...
【CentOS安装软件系列】Centos7安装Mysql8

【CentOS安装软件系列】Centos7安装Mysql8

前言 公司的系统都是内网部署的&#xff0c;mysql也需要自己在内网部署&#xff0c;虽然使用docker安装很方便&#xff0c;但是有一定的风险。所以简单记录一下怎么安装mysql&#xff0c;以备不时之需。 一、下载安装包 下载地址&#xff1a;https://downloads.mysql.com/arch…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023