新手学自动化测试（五）-----selenium命令之定位页面元素

た入场券 2022-12-08 05:38 180阅读 0赞

**定位页面元素**

对于很多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

1.  id定位

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

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

1.  name定位

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

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

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

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

提示：

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

1.  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元素。

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

XPath Checker Firebug

1.  通过超链接定位

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

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

1.  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");
    ......

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center]

上面是我收集的一些视频资源，在这个过程中帮到了我很多。如果你不想再体验一次自学时找不到资料，没人解答问题，坚持几天便放弃的感受的话，可以加入我们群【902061117】，里面有各种软件测试资源和技术讨论。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center 1]

当然还有面试，面试一般分为技术面和hr面，形式的话很少有群面，少部分企业可能会有一个交叉面，不过总的来说，技术面基本就是考察你的专业技术水平的，hr面的话主要是看这个人的综合素质以及家庭情况符不符合公司要求，一般来讲，技术的话只要通过了技术面hr面基本上是没有问题（也有少数企业hr面会刷很多人）  
我们主要来说技术面，技术面的话主要是考察专业技术知识和水平，上面也是我整理好的精选面试题。  
加油吧，测试人！如果你需要提升规划，那就行动吧，在路上总比在起点观望的要好。事必有法，然后有成。  
资源不错就给个推荐吧~

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/4adf32ade9cb4d9e928cb4beb8720fa6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/c6498254c4024291a7893c7d1c77b81b.png