51Testing软件测试论坛

 找回密码
 (注-册)加入51Testing

QQ登录

只需一步,快速开始

微信登录,快人一步

手机号码,快捷登录

查看: 3803|回复: 0
打印 上一主题 下一主题

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

[复制链接]
  • TA的每日心情
    无聊
    昨天 09:05
  • 签到天数: 1050 天

    连续签到: 1 天

    [LV.10]测试总司令

    跳转到指定楼层
    1#
    发表于 2015-12-11 11:18:27 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
    定位页面元素
    对于很多selenium命令,target域是必须的。Target在web页面范围内识别UI元素,它使用locatorType=location的格式。在很多情况下,locatorType可以省略,下面举例方式来描述各种类型的locatorType.
    假如,有如下一段HTML代码:
    [url=][/url]
    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>[url=][/url]

    我们看看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/
    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");......

    selenium高级自动化测试实战 :http://www.atstudy.com/course/16
    分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏3
    回复

    使用道具 举报

    本版积分规则

    关闭

    站长推荐上一条 /1 下一条

    小黑屋|手机版|Archiver|51Testing软件测试网 ( 沪ICP备05003035号 关于我们

    GMT+8, 2024-11-22 01:30 , Processed in 0.067370 second(s), 29 queries .

    Powered by Discuz! X3.2

    © 2001-2024 Comsenz Inc.

    快速回复 返回顶部 返回列表