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

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")

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

• 使用逻辑运算符如果一个属性不能唯一的区分一个元素，我们还可以使用逻辑运算符连接多个属性来区别于其它属性。

find_element_by_xpath("//input[@id='kw' and @class='su']/span/input")

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