对象的定位是自动化测试的核心,只有对元素进行定位,才能操纵对象,或者获取对象的属性,text和数量等
单元素定位
webdriver提供的对象定位方法:
id
name
class name
link text
partial link text
tag name
xpath
css selector
详细介绍:
1.通过id和name是最简单的定位方式
find_element_by_id("kw")
find_element_by_name("wd")
即可
2.也可以通过tag和class获取元素定位
input即为一个标签tag,在只有一个input的情况下,可以使用
find_element_by_tag_name("input")
进行定位,否则,将会反还一个list
class定位
find_element_by_class_name("s_ipt")
同样道理,由于该输入框的tag和class name的唯一行,可以以此来定性定位,否则会返回一个list
3.css和xpath定位
这两种定位没有上面那些那么直观
css可以取id,name,title等
id: browser.find_element_by_css_selector("#kw")
name: browser.find_element_by_css_selector("a[name=\"wd\"]")
title:同理
http://www.w3.org/TR/css3-selectors/
xpath是一种在XML文档中定位元素的语言,由于html文档也可以看成一类xml的实现,所以可以使用xpath进行定位。
属性:browser.find_element_by_xpath("//input[@id='kw']").send_keys("selenium")
http://www.cnblogs.com/fnng/p/3183777.html
4.link_text & partial_link_text
browser.find_element_by_link_text("贴 吧")
browser.find_element_by_partial_link_text("贴").click()
定位一组元素
定位一组元素,可以返回一个元素list
层级定位
页面上有很多个属性基本相同的元素,现在需要具体定位到其中的一个。由于属性基本相当,所以在定位的时候会有些麻烦,这时候就需要用到层级定位。先定位父元素,然后再通过父元素定位子孙元素
html
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>Checkbox</title>
<script type="text/javascript" async="" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" />
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
</head>
<body>
<span class="bg s_ipt_wr">
<input id="kw" class="s_ipt" type="text" maxlength="100" name="wd" autocomplete="off"></input>
</span>
<span class="bg s_btn_wr">
<input id="su" class="bg s_btn" type="submit" οnmοuseοut="this.className='bg s_btn'" οnmοusedοwn="this.className='bg s_btn s_btn_h'" value="百度一下"></input>
</span>
<h3>checkbox</h3>
<div class="well">
<form class="form-horizontal">
<div class="control-group">
<label class="control-label" for="c1">checkbox1</label>
<div class="controls">
<input type="checkbox" id="c1" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="c2">checkbox2</label>
<div class="controls">
<input type="checkbox" id="c2" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="c3">checkbox3</label>
<div class="controls">
<input type="checkbox" id="c3" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="r">radio</label>
<div class="controls">
<input type="radio" id="r1" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="r">radio</label>
<div class="controls">
<input type="radio" id="r2" />
</div>
</div>
</div>
<h3>Level locate</h3>
<div class="span3">
<div class="well">
<div class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Link1</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel" id="dropdown1" >
<li><a tabindex="-1" href="#">Action</a></li>
<li><a tabindex="-1" href="#">Another action</a></li>
<li><a tabindex="-1" href="#">Something else here</a></li>
<li class="divider"></li>
<li><a tabindex="-1" href="#">Separated link</a></li>
</ul>
</div>
</div>
</div>
<div class="span3">
<div class="well">
<div class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Link2</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel" >
<li><a tabindex="-1" href="#">Action</a></li>
<li><a tabindex="-1" href="#">Another action</a></li>
<li><a tabindex="-1" href="#">Something else here</a></li>
<li class="divider"></li>
<li><a tabindex="-1" href="#">Separated link</a></li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>
python
#coding=utf-8
from selenium import webdriver
from selenium.webdriver.support.ui import WebDriverWait
import time
import os
def location(browser):
print "case: 百度输入框的定位方式"
#通过id方式定位
browser.find_element_by_id("kw").send_keys("selenium")
#通过name方式定位
browser.find_element_by_name("wd").send_keys("selenium")
#通过tag name方式定位
browser.find_element_by_tag_name("input").send_keys("selenium")
#通过class name 方式定位
browser.find_element_by_class_name("s_ipt").send_keys("selenium")
#通过CSS方式定位
browser.find_element_by_css_selector("#kw").send_keys("selenium")
#通过xphan方式定位
browser.find_element_by_xpath("//input[@id='kw']").send_keys("selenium")
############################################
browser.find_element_by_id("su").click()
def locGroup(browser):
print "case: 定位一组元素"
# 选择页面上所有的input,然后从中过滤出所有的checkbox并勾选之
inputs = browser.find_elements_by_tag_name('input')
for input in inputs:
if input.get_attribute('type') == 'checkbox':
input.click()
def locGroupbycss(browser):
print "case:使用css定位一组元素"
# 选择页面上所有的checkbox,然后勾选之
inputs = browser.find_elements_by_css_selector('input[type=checkbox]')
for input in inputs:
input.click()
def locPoplast(browser):
print "case: pop最后一个元素"
# 选择所有的checkbox并全部勾上
checkboxes = browser.find_elements_by_css_selector('input[type=checkbox]')
for checkbox in checkboxes:
checkbox.click()
time.sleep(2)
# 把页面上最后1个checkbox的勾给去掉
browser.find_elements_by_css_selector('input[type=checkbox]').pop().click()
def getLeft(browser):
print "case: 层级定位"
#点击Link1链接(弹出下拉列表)
browser.find_element_by_link_text('Link1').click()
#找到id 为dropdown1的父元素
WebDriverWait(browser, 10).until(lambda the_driver: the_driver.find_element_by_id('dropdown1').is_displayed())
#在父亲元件下找到link为Action的子元素
menu = browser.find_element_by_id('dropdown1').find_element_by_link_text('Action')
#鼠标定位到子元素上
webdriver.ActionChains(browser).move_to_element(menu).perform()
if __name__=="__main__":
browser = webdriver.Firefox()
file_path = "file:///" + os.path.abspath('test.html')
#print file_path
#url= 'http://www.baidu.com'
browser.get(file_path)
time.sleep(2)
#initial settings
browser.maximize_window()
#case
location(browser)
locGroup(browser)
locGroupbycss(browser)
locPoplast(browser)
getLeft(browser)
time.sleep(3)
browser.close()