软件测试最全阿里测试师用UI自动化测试实现元素定位！(1)，2024年最新文末有彩蛋-CSDN博客

本文链接：https://blog.csdn.net/asdakdnfh/article/details/138796296

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

随着IT行业的发展，产品愈渐复杂，web端业务及流程更加繁琐，目前UI测试仅是针对单一页面，操作量大。为了满足多页面功能及流程的需求及节省工时，设计了这款UI 自动化测试程序。旨在提供接口，集成到蜗牛自动化测试框架，方便用例的设计。

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

接口自动化测试是跳过前端界面直接对服务端的测试，执行效率和覆盖率更高，维护成本更低，整体而言投出产出比更高，因此在项目上的使用更广泛。
而UI自动化测试则是模拟用户在前端页面中的操作行为进行测试，虽然在执行过程中易收到其他因素的影响（如电脑卡顿，浏览器卡顿，网速等）而导致用例执行失败，且后期维护成本较高，但是UI自动化测试更贴近用户使用时的真实情况，也能够发现一些接口自动化无法发现的bug。

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

一、常用的元素定位方式

对于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进行元素定位。

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

现在我也找了很多测试的朋友，做了一个分享技术的交流群，共享了很多我们收集的技术文档和视频教程。
如果你不想再体验自学时找不到资源，没人解答问题，坚持几天便放弃的感受
可以加入我们一起交流。而且还有很多在自动化，性能，安全，测试开发等等方面有一定建树的技术大牛
分享他们的经验，还会分享很多直播讲座和技术沙龙
可以免费学习！划重点！开源的！！！
qq群号：110685036

二、元素定位的实际应用

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

1.id定位

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

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

2.name定位

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

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

3.class_name定位

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

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

4.tag_name定位

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

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

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

5.linkText定位

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

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

6.partialLinkText定位

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

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

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相对路径和元素属性结合定位

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以戳这里获取