美文网首页web编程之路程序员Python 运维
如何使用Selenium集成的WebDriver对元素进行定位

如何使用Selenium集成的WebDriver对元素进行定位

作者: hopevow | 来源:发表于2016-10-18 18:01 被阅读151次

    Selenium是自动化测试工具,主要用于Web应用程序的自动化测试,当然,也支持所有基于web的管理任务自动化。

    logo

    Selenium 的特点:
     开源,免费
     多浏览器支持:FireFox、Chrome、IE、Opera
     多平台支持:linux 、windows、MAC
     多语言支持:java、Python、Ruby、php、C#、JavaScript
     对 web 页面有良好的支持
     简单(API 简单)、灵活(用开发语言驱动)
     支持分布式测试用例执行

    这里使用的是selenium2.0,和selenium1.0的区别是集成了WebDriver

    和书中一样使用python脚本语言进行操作

    安装selenium

    pip install Selenium

    WebDriver API

    • 元素定位:

      • 八种元素定位方法:

         id
         name
         class name
         tag name
         link text
         partial link text
         xpath
         css selector

      • 相对应的方法
        find_element_by_id()
        find_element_by_name()
        find_element_by_class_name()
        find_element_by_tag_name()
        find_element_by_link_text()
        find_element_by_partial_link_text()
        find_element_by_xpath()
        find_element_by_css_selector()

    • 方法功能简单直观,这里介绍一下xpath:

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

    • 绝对路径定位:
      • XPath 有多种定位策略,最简单和直观的就是写元素的绝对路径。如果仍然把一个元素看做一个人的话,那么现在有一个人,他没有任何属性特征,那么这个人一定会存在于某个地理位置,如:xx 省 xx 市xx 区 xx 路 xx 号。那么对于一个元素在一个页面当中也会有这样的一个绝对地址。
        参考 baidu.html 前端工具所展示的代码,我们可以用下面的方式来找到百度输入框和搜索按钮。
    find_element_by_xpath("/html/body/div/div[2]/div/div/div/from/span/input"
    find_element_by_xpath("/html/body/div/div[2]/div/div/div/from/span[2]/input")
    

    find_element_by_xpath()方法用于 XPath 语言定位元素。XPath 的绝对路径主要用标签名的层级关系来定位元素的绝对路径。最外层为 html 语言,body 文本内,一级一级往下查找,如果一个层级下有多个相同的标签名,那么就按上下顺序确定是第几个,div[2]表示第二个 div 标签。

    • 利用元素属性定位:除了使用绝对路径的以外,XPath 也可以使用使素的属性值来定位。同样以百度输入框和搜索按钮为例了:
    find_element_by_xpath("//input[@id='kw']")
    find_element_by_xpath("//input[@id='su']")
    

    //表示当前页面某个目录下,input 表示定位元素的标签名,[@id='kw'] 表示这个元素的 id 属性值等于kw。下面通过 name 和 class 属性值来定位。

    find_element_by_xpath("//input[@class='s_ipt']")
    find_element_by_xpath("//*[@class='bg s_btn']")
    

    如果不想指定标签名也可以用星号(*)代替。当然,使用 XPath 不仅仅只局限在 id、name 和 class 这三个属性值,元素的任意属性值都可以使用,只要它能唯一的标识一个元素。

    find_element_by_xpath("//input[@maxlength='100']")
    find_element_by_xpath("//input[@autocomplete='off']")
    find_element_by_xpath("//input[@type='submit']")
    

    层级与属性结合:如果一个元素本身并没有可以唯一标识这个元素的属性值,我们可以找其上一级元素,如果它的上级有可以唯一标识属性的值,也可以拿来使用。参考 baidu.html 文本
    假如百度输入框本身没有可利用的属性值,我们可以查找它的上一级属性。比如,“小明”刚出生的时候没有名字,没上户口(没身份证号),那么亲朋好友来找“小明”可以先到小明的爸爸,因为他爸爸是有很多属性特征的,找到了小明的爸爸,抱在怀里的一定就是小明了。通过 XPath 描述如下:

    find_element_by_xpath("//span[@class='bg s_ipt_wr']/input")
    find_element_by_xpath("//span[@class='bg s_btn_wr']/input")
    

    span[@class='bg s_ipt_wr'] 通过 class 属性定位到是父元素,后面/input 也就表示父元素下面标签名为input 的子元素。如果父元素没有可利用的属性值,那么可以继续向上查找“爷爷”元素。

    find_element_by_xpath("//form[@id='form']/span/input")find_element_by_xpath("//form[@id='form']/span[2]/input")
    

    我们可以通过这种方法一级一级的向上打找,直到找到最外层的<html>标签,那么就是一个绝对路径的写法了。

    • 使用逻辑运算符如果一个属性不能唯一的区分一个元素,我们还可以使用逻辑运算符连接多个属性来区别于其它属性。
    find_element_by_xpath("//input[@id='kw' and @class='su']/span/input")
    

    通过 这些方法,就能够对页面上的元素一一进行定位了

    相关文章

      网友评论

        本文标题:如何使用Selenium集成的WebDriver对元素进行定位

        本文链接:https://www.haomeiwen.com/subject/nrstuttx.html