菜鸟学自动化测试(五)-----selenium命令之定位页面元素

简介:

定位页面元素

对于很多selenium命令,target域是必须的。Target在web页面范围内识别UI元素,它使用locatorType=location的格式。在很多情况下,locatorType可以省略,下面举例方式来描述各种类型的locatorType.

假如,有如下一段HTML代码:

html>

<body>

<form id= "loginForm" >

<input name= "username" type= "text" />

<input name= "password" type= "password" />

<input name= "continue" type= "submit" value= "Login" />

<input name= "continue" type= "button" value= "Clear" />

<a href= "continue.html" >Continue</a>

</form>

</body>

</html>

我们看看selenium提供了那些定位方式:

 

1. identifier定位

   这是最普遍的一种定位方式,当不能识别为其它定位方式后,默认为dientifier定位,在这种策略下,第一个使用id的页面元素将被识别出来,如果没有使用指定id的元素,那么将识别第一个名字与指定条件相符的元素。

identifier识别html各项元素的定位策略如下:

identifier=loginForm    //定位页面元素为from

identifier=username   //定位页面元素为username

identifier=Continue   //定位页面元素为Continue

因为identifier定位是默认方式,因此“identifier=” 可以不写。

Continue   //同样表示定位页面元素为Continue

 

2. id定位

这种定位方式比identifier定位范围更窄,当然也更具体,如果你知道元素id特征,就使用这种方式:

id=loginFrom   //定位页面元素from

 

3. name定位

名称定位方式将会识别第一个匹配名称属性的UI元素。如果多个元素拥有相同的名称属性,可以使用过滤器来进一步优化你的定位策略。默认的过滤器是Value (匹配value特征):

name=username   //定位页面元素为username

name=Continue  value=Clear  //定位页面元素为Continue ,值为Clear

name=Continue  type=button  //定位页面元素为Continue ,类型为button

 

提示:

上述三种定位器使得selenium可以不依赖于UI元素在页面上的位置而进行测试。所以,当页面结构发生变化时,测试依然可以通过。有时候,设计人员频繁改动页面的情况,通过id和name特征定位元素就变的非常重要。

 

4. XPath定位

XPath是一种在XML文档中定位元素的语言。因为HTML可以看做XML的一种实现,所以selenium用户可是使用这种强大语言在web应用中定位元素。

XPath扩展了上面id和name定位方式,提供了很多种可能性,比如定位页面上的第三个多选框。

xpath=/html/body/form[1]           //绝对路径(html的任何轻微改变都会导致失败)

//form[1]          //HTML中的第三个form元素

xpath=//form[@id='loginForm']        //id为loginFrom的元素

//input[@name='username']       //input元素且其name为‘username’

//form[@id='loginForm']/input[1]           //针对id为‘loginForm’的form,定位它的第一个input元素

//input[@name='continue'][@type='button']         //name为‘continue’且type为‘button’的input

//form[@id='loginForm']/input[4]        //id为‘loingForm’的form,定位它的第四个input元素。

扩展阅读:

W3C XPath Recommendation: http://www.w3.org/TR/xpath/

XPath Tutorial: http://www.zvon.org/xxl/XPathTutorial/General/examples.html

http://www.w3.org/TR/xpath/

Firefox插件,可以帮助你获取页面元素的XPath:

XPath Checker         Firebug

 

5. 通过超链接定位

可以通过连接文字来定位超链,如果两个链接文字相同,那么第一个匹配的将被识别出来。

link=continue     //定位页面元素连接文字为continue

 

6. DOM定位

Document Object Model 被用于描述HTML文档,可以使用javaScript来访问。

这一定位策略通过javaScript评估页面上的元素,可以使用分级符号来简化元素定位。

      因为DOM定位以“document”开始,所以“dom=”标签并不是必须的。

dom=document.getElementById('loginForm')        // 定位页面元素form

dom=document.forms['loginForm']       // 定位页面元素form

dom=document.forms[0]        // 定位页面元素form

document.forms[0] .usernam      //定位页面元素username

document.forms[0] .elements[3]      //定位页面元素continue,它是form的第四个元素

 

7。 CSS定位

  CSS(Cascading Style Sheets)是一种语言,它被用来描述HTML和XML文档的表现。CSS使用选择器来为页面元素绑定属性。这些选择器可以被selenium用作另外的定位策略。

css=form#loginForm    //定位页面元素form

css=input[name="username"]       //定位页面元素username

css=input.required[type="text"]        //定位页面元素,其类型为text

css=input.passfield        //定位页面元素,其类型为password

css=#loginForm input[type="button"]        //定位页面元素,其类型为button

css=#loginForm input:nth-child(2)        //定位页面元素passfield,且它为from的第二个input子元素

扩展阅读:

http://www.w3.org/TR/css3-selectors/

提示:很多有经验的selenium用户推荐CSS定位方式,因为它比XPath更快。而且可以在HTML文件中找到更复杂的对象。

 

------------------------------------------------------------------------------

菜鸟提示:

    讲了这么多页面定位的方式,还是不明白干啥用的?

自动化测试,我们通过工具来完成手工操作,如果我们要点击一个按钮,我们认得那是一个按钮,如何让自动化工具也认得那是一个按钮呢?如何让工具认得 是“确定”按钮,而不是“取消”按钮呢。那每个按钮都有不同的属性,也许属性完全相同但位置不同。我们要通过他们的特征描述它们,然后自动化工具才能根据 我们的描述去找到它们。

       那么,转换到我们的自动化测试代码是什么样子呢?



//下面是在java代码的实现

selenium.click("元素属性的描述");

selenium.click("id=loginForm");

selemiun.click("name=Continue  value=Clear");

......

目录
相关文章
|
5月前
|
人工智能 运维 Kubernetes
别再手动敲命令了!运维自动化才是打工人的“自救之道”
别再手动敲命令了!运维自动化才是打工人的“自救之道”
163 8
|
数据采集 测试技术 Python
自动化淘宝秒杀:使用Selenium WebDriver的实战指南
本文详细介绍了如何利用Selenium WebDriver自动化淘宝秒杀操作,包括环境配置、代码实现及注意事项,旨在帮助读者提升秒杀成功率,同时提醒合理使用以遵守平台规则。
621 8
|
6月前
|
JavaScript 测试技术 Python
UI自动化测试中的元素等待机制解析
在UI自动化测试中,元素定位失败常因页面存在iframe或缺乏合理等待机制。本文解析三种等待策略及其应用场景:显式等待可精确控制单个元素等待条件,支持自定义轮询;隐式等待全局生效,适合简单页面加载;强制等待仅用于临时调试,正式脚本慎用。通过对比三者执行精度、资源消耗及适用场景,帮助选择最优策略,提升测试效率与稳定性。
|
10月前
|
JSON 前端开发 API
以项目登录接口为例-大前端之开发postman请求接口带token的请求测试-前端开发必学之一-如果要学会联调接口而不是纯写静态前端页面-这个是必学-本文以优雅草蜻蜓Q系统API为实践来演示我们如何带token请求接口-优雅草卓伊凡
以项目登录接口为例-大前端之开发postman请求接口带token的请求测试-前端开发必学之一-如果要学会联调接口而不是纯写静态前端页面-这个是必学-本文以优雅草蜻蜓Q系统API为实践来演示我们如何带token请求接口-优雅草卓伊凡
551 5
以项目登录接口为例-大前端之开发postman请求接口带token的请求测试-前端开发必学之一-如果要学会联调接口而不是纯写静态前端页面-这个是必学-本文以优雅草蜻蜓Q系统API为实践来演示我们如何带token请求接口-优雅草卓伊凡
|
12月前
|
Web App开发 数据采集 JavaScript
CDP与Selenium相结合——玩转网页端自动化数据采集/爬取程序
本文介绍了Selenium、Chrome DevTools及Chrome DevTools Protocol (CDP) 的基本功能与应用。Selenium是一款开源自动化测试工具,适用于网页端应用程序测试和数据采集,具备跨平台特性。Chrome DevTools内置浏览器中,提供调试、分析Web应用程序的功能,包括元素、控制台、源代码和网络选项卡等。CDP是一套用于与Chromium内核浏览器通信的API,支持自动化测试和性能分析。文中还展示了Selenium与CDP结合使用的示例,如捕获网络请求数据和打印网页内容,并推荐了相关书籍和资源以供深入学习。
1491 39
CDP与Selenium相结合——玩转网页端自动化数据采集/爬取程序
|
Web App开发 IDE JavaScript
Selenium IDE:Web自动化测试的得力助手
Selenium IDE:Web自动化测试的利器。作为开源工具,Selenium IDE支持录制与回放用户操作,适用于Chrome、Firefox等多浏览器,简化了测试流程,提升了效率,降低了自动化测试的门槛。它还支持导出多种编程语言的脚本,便于测试集成与复用。
360 31
Selenium IDE:Web自动化测试的得力助手
|
11月前
|
Dart 前端开发 Android开发
【02】写一个注册页面以及配置打包选项打包安卓apk测试—开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【02】写一个注册页面以及配置打包选项打包安卓apk测试—开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
365 1
【02】写一个注册页面以及配置打包选项打包安卓apk测试—开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
|
Web App开发 设计模式 JavaScript
自动化测试之美:如何利用Selenium实现Web应用的高效测试
【10月更文挑战第29天】在软件开发的世界中,测试是确保产品质量的关键步骤。本文将带你了解如何使用Selenium这一强大的自动化测试工具,提高Web应用测试的效率和准确性。通过实际案例,我们将探索Selenium的核心功能及其在现代软件开发中的应用,旨在帮助读者掌握自动化测试的精髓,从而提升软件测试工作的整体效能。
228 0
|
Web App开发 Java 测试技术
一、自动化:web自动化。Selenium 入门指南:从安装到实践
一、自动化:web自动化。Selenium 入门指南:从安装到实践
253 0
|
Web App开发 前端开发 JavaScript
探索Python科学计算的边界:利用Selenium进行Web应用性能测试与优化
【10月更文挑战第6天】随着互联网技术的发展,Web应用程序已经成为人们日常生活和工作中不可或缺的一部分。这些应用不仅需要提供丰富的功能,还必须具备良好的性能表现以保证用户体验。性能测试是确保Web应用能够快速响应用户请求并处理大量并发访问的关键步骤之一。本文将探讨如何使用Python结合Selenium来进行Web应用的性能测试,并通过实际代码示例展示如何识别瓶颈及优化应用。
578 5