Selenium提供的定位方式

原创 2015年11月19日 10:16:16
我们看看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

1)实例 1
基本的XPath语法类似于在一个文件系统中定位文件,如果路径以斜线 / 开始, 那么该路径就表示到一个元素的绝对路径

树视图

实例 

/AAA
选择根元素AAA

     <AAA> 
          <BBB/> 
          <CCC/> 
          <BBB/> 
          <BBB/> 
          <DDD> 
               <BBB/> 
          </DDD> 
          <CCC/> 
     </AAA>

 

树视图

实例
/AAA/CCC
选择AAA的所有CCC子元素

     <AAA> 
          <BBB/> 
          <CCC/> 
          <BBB/> 
          <BBB/> 
          <DDD> 
               <BBB/> 
          </DDD> 
          <CCC/> 
     </AAA>
实例 2
如果路径以双斜线 // 开头, 则表示选择文档中所有满足双斜线//之后规则的元素(无论层级关系)

树视图

实例
//BBB
选择所有BBB元素

     <AAA> 
          <BBB/> 
          <CCC/> 
          <BBB/> 
          <DDD> 
               <BBB/> 
          </DDD> 
          <CCC> 
               <DDD> 
                    <BBB/>
                    <BBB/> 
               </DDD> 
          </CCC> 
     </AAA

树视图

实例
//DDD/BBB
选择所有父元素是DDD的BBB元素

     <AAA> 
          <BBB/> 
          <CCC/> 
          <BBB/> 
          <DDD> 
               <BBB/>
          </DDD> 
          <CCC> 
               <DDD> 
                    <BBB/>
                    <BBB/>
 
               </DDD> 
          </CCC> 
     </AAA>
实例 3
星号 * 表示选择所有由星号之前的路径所定位的元素

树视图

实例
/AAA/CCC/DDD/*
选择所有路径依附于/AAA/CCC/DDD的元素

树视图

实例
/*/*/*/BBB
选择所有的有3个祖先元素的BBB元素

树视图

实例
//*
选择所有元素
实例 4
方块号里的表达式可以进一步的指定元素, 其中数字表示元素在选择集里的位置, 而last()函数则表示选择集中的最后一个元素.

树视图

实例
/AAA/BBB[1]
选择AAA的第一个BBB子元素

树视图

实例
/AAA/BBB[last()]
选择AAA的最后一个BBB子元素
实例 5
属性通过前缀 @ 来指定

树视图

实例
//@id
选择所有的id属性

     <AAA> 
          <BBB id = "b1"/
          <BBB id = "b2"/
          <BBB name = "bbb"/>
          <BBB/> 
     </AAA>

树视图

实例
//BBB[@id]
选择有id属性的BBB元素

     <AAA> 
          <BBB id = "b1"/>
          <BBBid = "b2"/> 
          <BBB name = "bbb"/>
          <BBB/> 
     </AAA>

树视图

实例
//BBB[@*]
选择有任意属性的BBB元素

     <AAA> 
          <BBB id = "b1"/>
          <BBB id = "b2"/>
          <BBB name = "bbb"/>
          <BBB/> 
     </AAA>
树视图
实例
//BBB[not(@*)]
选择没有属性的BBB元素

     <AAA> 
          <BBB id = "b1"/>
          <BBB id = "b2"/>
          <BBB name = "bbb"/>
          <BBB/>
     </AAA>

 

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子元素

选择器

例子

例子描述

.class

.intro

选择 class="intro" 的所有元素。

#id

#firstname

选择 id="firstname" 的所有元素。

*

*

选择所有元素。

element

p

选择所有 <p> 元素。

element,element

div,p

选择所有 <div> 元素和所有 <p> 元素。

element element

div p

选择 <div> 元素内部的所有 <p> 元素。

element>element

div>p

选择父元素为 <div> 元素的所有 <p> 元素。

element+element

div+p

选择紧接在 <div> 元素之后的所有 <p> 元素。

[attribute]

[target]

选择带有 target 属性所有元素。

[attribute=value]

[target=_blank]

选择 target="_blank" 的所有元素。

[attribute~=value]

[title~=flower]

选择 title 属性包含单词 "flower" 的所有元素。

[attribute|=value]

[lang|=en]

选择 lang 属性值以 "en" 开头的所有元素。

扩展阅读:

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

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

 

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

菜鸟提示:

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

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

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

//下面是在java代码的实现
selenium.click("元素属性的描述");
selenium.click("id=loginForm");
selemiun.click("name=Continue  value=Clear");
......
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

Selenium Webdriver元素定位的方式

Selenium Webdriver元素定位的方式主要就是By类的1、By.name()## html代码如下:Google Search 用name属性来引用这个button并点击它

Selenium Webdriver元素定位的八种常用方式

在使用selenium webdriver进行元素定位时,通常使用findElement或findElements方法结合By类返回的元素句柄来定位元素。其中By类的常用定位方式共八种,现分别介绍如下...

Selenium Webdriver元素定位的八种常用方式

文章转载自:http://www.51testing.com/html/27/n-3686927-2.html 4. By.className()   className属性是...

Selenium Webdriver元素定位的八种常用方式

在使用selenium webdriver进行元素定位时,通常使用findElement或findElements方法结合By类返回的元素句柄来定位元素。其中By类的常用定位方式共八种,现分别介绍如下...

selenium全自动获取控件定位方式,完美解决ui频繁变动 模块

抱歉搁置了这么久。 现在开始: 1。对于任何控件,我先把其放在了一张表中,类似于对象库的概念,表中存储了该元素的主键(我们以后只根据主键去调用元素),元素的源码(直接在浏览器中复制到表即可,程序会...

Selenium Webdriver元素定位的八种常用方式

文章转载自:http://www.cnblogs.com/qingchunjun/p/4208159.html 1. By.name() 假设我们要测试的页面源码如下: button id...

Python selenium —— 父子、兄弟、相邻节点定位方式详解

今天跟大家分享下selenium中根据父子、兄弟、相邻节点定位的方法,很多人在实际应用中会遇到想定位的节点无法直接定位,需要通过附近节点来相对定位的问题,但从父节点定位子节点容易,从子节点定位父节点、...

python selenium xpath定位方式

xpath是一种在xm文档中定位的语言,详细简介,请自行参照百度百科,本文主要总结一下xpath的使用方法,个人看法,如有不足和错误,敬请指出。 注意:xpath的定位 同一级别的多个标签 索引从1开...

Selenium Webdriver元素定位的八种常用方式

在使用selenium webdriver进行元素定位时,通常使用findElement或findElements方法结合By类返回的元素句柄来定位元素。其中By类的常用定位方式共八种,现分别介绍如下...

Selenium Webdriver元素定位的八种常用方式

在使用selenium webdriver进行元素定位时,通常使用findElement或findElements方法结合By类返回的元素句柄来定位元素。其中By类的常用定位方式共八种,现分别介绍如下...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)