selenium 元素定位

对象的定位是自动化测试的核心,只有对元素进行定位,才能操纵对象,或者获取对象的属性,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()




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值