Selenium webdriver可以模拟人对浏览器进行操做的前提是界面元素的定位。元素的定位能够说是Selenium自动化脚本的基础。这一小节笔者将介绍如何在selenium中进行元素的定位。css
Selenium中提供了如下定位元素的方法:
首先看一个HTML文件 test_page.:html
<html> <body> <form class="form-test" name="register" action="success.html" method="post"> <h3>注册帐号</h3> <a href="/home">Home Page</a> <table bgcolor="aqua"> <tr> <td>昵称:</td> <td><input id="input username" type="text" name="username" class="input"></td> </tr> <tr> <td>密码:</td> <td><input type="text" name="password"></td> </tr> <tr> <td>确认密码:</td> <td><input type="text" name="confPassword"></td> </tr> <tr> <td>性别:</td> <td> <input type="radio" name="sex" value="man" checked>男 <input type="radio" name="sex" value="woman">女 </td> </tr> </table> </form> </body> </html>
经过元素的id
来完成username输入框的定位。web
require 'selenium-webdriver' dr = Selenium::WebDriver.for :chrome dr.get "http://test.html" # by id dr.find_element(:id, 'input username').click
经过元素的name
属性来完成对username输入框的定位。chrome
require 'selenium-webdriver' dr = Selenium::WebDriver.for :chrome dr.get "http://test.html" # by name dr.find_element(:name, 'username').click
经过元素的class
属性来完成对username输入框的定位。浏览器
require 'selenium-webdriver' dr = Selenium::WebDriver.for :chrome dr.get "http://test.html" # by name dr.find_element(:class, 'input').click
经过连接元素的text属性来完成Home Page连接的定位。ruby
require 'selenium-webdriver' dr = Selenium::WebDriver.for :chrome dr.get "http://test.html" # by link_text link_text = dr.find_element(:link_text, 'Home Page').get_text puts link_text # by partial_link_text link_text = dr.find_element(:partial_link_text, 'Home').get_text puts link_text
经过标签的name来完成header元素的定位函数
require 'selenium-webdriver' dr = Selenium::WebDriver.for :chrome dr.get "http://test.html" # by tag name header_text = dr.find_element(:tag_name, 'h3').get_text puts header_text
xpath是用来定位HTML文档中元素的通用方法,有一套本身的语法规则,支持各类函数,能够说是一种最全面的定位方法。我在开发Selenium自动化用例的过程当中,最多使用的就是xpath。
这里只用简单的例子说明xpath的定位使用,具体的xpath的使用将在另外的专题中介绍。post
require 'selenium-webdriver' dr = Selenium::WebDriver.for :chrome dr.get "http://test.html" # by xpath dr.find_element(:xpath, "//tr/td/input[@value='women']").click
css selector和xpath同样,也是功能很是强大的定位方法。可是与xpath不一样,css selector只能支持向后定位,而xpath能够支持向前和向后定位。
下面的例子讲展现如何用css selector定位xpath例子中的同一个元素。ui
require 'selenium-webdriver' dr = Selenium::WebDriver.for :chrome dr.get "http://test.html" # by css selector dr.find_element(:css, "tr>td>input[value='women']").click
Selenium中支持同时获取一组元素的定位,这在处理多选项选择,或者表格元素的时候很是有用。code
require 'selenium-webdriver' dr = Selenium::WebDriver.for :chrome dr.get "http://test.html" # Get number of items num_of_tds = dr.find_elements(:tag_name, "td").count