本節(jié)要解決的問題:
場景:
假如兩個(gè)控件,他們長的一模樣,還都叫“張三”,唯一的不同是一個(gè)在北京,一個(gè)在上海,那我們就可以通過,他們的城市,區(qū),街道,來找到他們。
在實(shí)際的測試中也經(jīng)常會(huì)遇到這種問題:頁面上有很多個(gè)屬性基本相同的元素,現(xiàn)在需要具體定位到其中的一個(gè)。由于屬性基本相當(dāng),所以在定位的時(shí)候會(huì)有些麻煩,這時(shí)候就需要用到層級(jí)定位。先定位父元素,然后再通過父元素定位子孫元素。

<html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <title>Level Locate</title> <script type="text/javascript" async="" src="http://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" /> </head> <body> <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> </body> <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script> </html>

將這段代碼保存復(fù)制到記事本中,將保存成level_locate.html文件,(注意,這個(gè)頁面需要和我們的自動(dòng)化腳本放在同一個(gè)目錄下)瀏覽器打開:

這里自制了一個(gè)頁面,上面有兩個(gè)文字鏈接,點(diǎn)擊兩個(gè)鏈接會(huì)彈出一模一樣的的兩個(gè)下拉菜單,這兩個(gè)菜單的屬性基本一樣。那么我如何區(qū)分找到相應(yīng)的菜單項(xiàng)呢?
方法如下:
# -*- coding: utf-8 -*- from selenium import webdriver from selenium.webdriver.support.ui import WebDriverWait import time import os dr = webdriver.Firefox() file_path = 'file:///' + os.path.abspath('level_locate.html') dr.get(file_path) #點(diǎn)擊Link1鏈接(彈出下拉列表) dr.find_element_by_link_text('Link1').click() #找到id 為dropdown1的父元素 WebDriverWait(dr, 10).until(lambda the_driver: the_driver.find_element_by_id('dropdown1').is_displayed()) #在父親元件下找到link為Action的子元素 menu = dr.find_element_by_id('dropdown1').find_element_by_link_text('Action') #鼠標(biāo)定位到子元素上 webdriver.ActionChains(dr).move_to_element(menu).perform() time.sleep(2) dr.quit()
定位思路:
具體思路是:先點(diǎn)擊顯示出1個(gè)下拉菜單,然后再定位到該下拉菜單所在的ul,再定位這個(gè)ul下的某個(gè)具體的link。在這里,我們定位第1個(gè)下拉菜單中的Action這個(gè)選項(xiàng)。
---------------------------------------------------------------------
雖然我每行代碼前叫了注釋,但可能還是不太容易理解,因?yàn)槔锩娑嗔瞬簧僖郧皼]見過的新東東。
WebDriverWait(dr, 10)
10秒內(nèi)每隔500毫秒掃描1次頁面變化,當(dāng)出現(xiàn)指定的元素后結(jié)束。dr就不解釋了,前面操作webdriver.firefox()的句柄
is_displayed()
該元素是否用戶可以見
class ActionChains(driver)
driver: 執(zhí)行用戶操作實(shí)例webdriver
生成用戶的行為。所有的行動(dòng)都存儲(chǔ)在actionchains對(duì)象。通過perform()存儲(chǔ)的行為。
move_to_element(menu)
移動(dòng)鼠標(biāo)到一個(gè)元素中,menu上面已經(jīng)定義了他所指向的哪一個(gè)元素
to_element:元件移動(dòng)到
perform()
執(zhí)行所有存儲(chǔ)的行為
------------------------------需要我們?nèi)粘9ぷ髦屑?xì)細(xì)品味、慢慢消化這些函數(shù)的用法
其實(shí),啰嗦了這么多,我們只是想達(dá)到一種效果,“下拉列表中Action選項(xiàng)處于被選中狀態(tài)”,通過鼠標(biāo)移動(dòng)到選項(xiàng)上就達(dá)到到了這種效果,但通過程序模擬確實(shí)比較麻煩:

--------------------------
學(xué)習(xí)更多selenium 內(nèi)容:
「功能測試自動(dòng)化」匯總