进阶自动化测试 ------ selenium命令之定位页面元素
定位页面元素
对于很多selenium命令,target域是必须的。Target在web页面范围内识别UI元素,它使用locatorType=location的格式。在很多情况下,locatorType可以省略,下面举例方式来描述各种类型的locatorType.
假如,有如下一段HTML代码:
html> Continue
我们看看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: xpath cover page - W3C
XPath Tutorial: http://www.zvon.org/xxl/XPathTutorial/General/examples.html
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子元素
扩展阅读:
提示:很多有经验的selenium用户推荐CSS定位方式,因为它比XPath更快。而且可以在HTML文件中找到更复杂的对象。
——————————————————————————
菜鸟提示:
讲了这么多页面定位的方式,还是不明白干啥用的?
自动化测试,我们通过工具来完成手工操作,如果我们要点击一个按钮,我们认得那是一个按钮,如何让自动化工具也认得那是一个按钮呢?如何让工具认得是“确定”按钮,而不是“取消”按钮呢。那每个按钮都有不同的属性,也许属性完全相同但位置不同。我们要通过他们的特征描述它们,然后自动化工具才能根据我们的描述去找到它们。
那么,转换到我们的自动化测试代码是什么样子呢?
//下面是在java代码的实现
selenium.click("元素属性的描述");
selenium.click("id=loginForm");
selemiun.click("name=Continue value=Clear");
......
下面是配套资料,对于做【软件测试】的朋友来说应该是最全面最完整的备战仓库,这个仓库也陪伴我走过了最艰难的路程,希望也能帮助到你!
最后: 可以在公众号:程序员小濠 ! 免费领取一份216页软件测试工程师面试宝典文档资料。以及相对应的视频学习教程免费分享!,其中包括了有基础知识、Linux必备、Shell、互联网程序原理、Mysql数据库、抓包工具专题、接口测试工具、测试进阶-Python编程、Web自动化测试、APP自动化测试、接口自动化测试、测试高级持续集成、测试架构开发测试框架、性能测试、安全测试等。
如果我的博客对你有帮助、如果你喜欢我的博客内容,请 “点赞” “评论” “收藏” 一键三连哦!喜欢软件测试的小伙伴们,可以加入我们的测试技术交流扣扣群:779450660里面有各种软件测试资源和技术讨论)
相关文章
- 王爽 汇编语言第三版 第7章 --- 更灵活的定位内存地址的方法(可以理解为 数组形式的内存定位)
- slenium的xpath几种定位方式
- 技术分享 | app自动化测试(Android)--元素定位方式与隐式等待
- 节能信标无线感应定位测试:200kHz
- TOA定位算法的FPGA实现
- 技术分享 | 自动化测试中如何高效定位元素?
- 初识视觉SLAM:用相机解决定位和建图问题
- Appium自动化测试第四篇日志讲解与常见定位方式
- Android那些事儿之LBS定位,实践测试lbs
- iOS~判断应用是否有定位权限
- [CSAPP-II] 链接[符号解析和重定位] 静态链接 动态链接 动态链接接口
- css绝对定位和固定定位
- 步进电机定位不准的原因及处理方法
- RTKLIB专题学习(四)---单点定位实现初识(一)
- 关于Core Location-ios定位
- CAD外部参照如何重新定位?CAD外部参照重定位步骤
- Python+opencv实图片定位