輕鬆自動化---selenium-webdriver(python) (三)

蟲師發表於2013-07-11

http://www.testclass.net/  測試教程網,專業的selenium 學習網站。 

本節重點:

  • 簡單物件的定位

      -----自動化測試的核心

  物件的定位應該是自動化測試的核心,要想操作一個物件,首先應該識別這個物件。一個物件就是一個人一樣,他會有各種的特徵(屬性),如比我們可以通過一個人的身份證號,姓名,或者他住在哪個街道、樓層、門牌找到這個人。

那麼一個物件也有類似的屬性,我們可以通過這個屬性找到這物件。

 

定位物件的目的一般有下面幾種

· 操作物件

· 獲得物件的屬性,如獲得測試物件的class屬性,name屬性等等

· 獲得物件的text

· 獲得物件的數量

 

webdriver提供了一系列的物件定位方法,常用的有以下幾種

  • · id
  • · name
  • · class name
  • · link text
  • · partial link text
  • · tag name
  • · xpath
  • · css selector

 

我們可以看到,一個百度的輸入框,可以用這麼用種方式去定位。

#coding=utf-8

from selenium import webdriver
import time

browser = webdriver.Firefox()

browser.get("http://www.baidu.com")
time.sleep(2)

#########百度輸入框的定位方式##########

#通過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()
time.sleep(3)
browser.quit()

 

OK~!通過上面一個例子,就幫我們展示了幾種定位方式,下面來介紹每種定位方式:

 

 

id 和 name


 

id 和 name 是我們最最常用的定位方式,因為大多數控制元件都有這兩個屬性,而且在對控制元件的id name命名時一般使其有意義也會取不同的名字。通過這兩個屬性使我們找一個頁面上的屬性變得相當容易

 

我們通過前端工具,找到了百度輸入框的屬性資訊,如下:

<input id="kw" class="s_ipt" type="text" maxlength="100" name="wd" autocomplete="off">

 

id=”kw”

通過find_element_by_id("kw") 函式就是捕獲到百度輸入框

name=”wd”

通過find_element_by_name("wd")函式同樣也可以捕獲百度輸入框

 

 

tag name 和class name


 

 

從上面的百度輸入框的屬性資訊中,我們看到,不單單隻有id 和 name兩個屬性,比如class 和 tag name(標籤名)

<input>

input 就是一個標籤的名字,可以通過find_element_by_tag_name("input") 函式來定位。

class="s_ipt"

通過find_element_by_class_name("s_ipt")函式捕獲百度輸入框。

但是,碰下面的一組控制元件屬性,我們就哭了。

<th width="95"></th>
<th width="">檔名</th>
<th class="c1">建立時間</th>
<th class="c1">狀態</th>
<th class="c1">檔案大小</th>
<th class="c1">時長</th>

 

 

下面的css 和 XPath就沒有上面的那麼直觀,如果不懂前端的話可能不太好理解

 

 

CSS定位


 

 

CSS(Cascading Style Sheets)是一種語言,它被用來描述HTMLXML文件的表現。CSS使用選擇器來為頁面元素繫結屬性。這些選擇器可以被selenium用作另外的定位策略。

CSS的比較靈活可以選擇控制元件的任意屬性,上面的例子中:

find_element_by_css_selector("#kw")

通過find_element_by_css_selector( )函式,選擇取百度輸入框的id屬性來定義

也可以取name屬性

<a href="http://news.baidu.com" name="tj_news">新 聞</a>

driver.find_element_by_css_selector("a[name=\"tj_news\"]").click()

 

可以取title屬性

<a onclick="queryTab(this);" mon="col=502&pn=0" title="web" href="http://www.baidu.com/">網頁</a>

driver.find_element_by_css_selector("a[title=\"web\"]").click()

 

也可以是取..:

<a class="RecycleBin xz" href="javascript:void(0);">

 

driver.find_element_by_css_selector("a.RecycleBin").click()

 

雖然我也沒全部理解CSS的定位,但是看上去應該是一種非常靈活和牛的定位方式

 

擴充套件閱讀:

http://www.w3.org/TR/css3-selectors/

http://www.w3school.com.cn/css/css_positioning.asp

 

 

 

XPath


 

 

什麼是XPathhttp://www.w3.org/TR/xpath/
XPath基礎教程:http://www.w3schools.com/xpath/default.asp

selenium中被誤解的XPath : http://magustest.com/blog/category/webdriver/

 

XPath是一種在XML文件中定位元素的語言。因為HTML可以看做XML的一種實現,所以selenium使用者可是使用這種強大語言在web應用中定位元素。

XPath擴充套件了上面id和name定位方式,提供了很多種可能性,比如定位頁面上的第三個多選框。

xpath:attributer (屬性)

driver.find_element_by_xpath("//input[@id='kw']").send_keys("selenium")

#input標籤下id =kw的元素

 

xpath:idRelative (id相關性)

driver.find_element_by_xpath("//div[@id='fm']/form/span/input").send_keys("selenium")

#在/form/span/input 層級標籤下有個div標籤的id=fm的元素

driver.find_element_by_xpath("//tr[@id='check']/td[2]").click() 

# id為'check' 的tr ,定閃他裡面的第2個td

 

xpath:position (位置)

driver.find_element_by_xpath("//input").send_keys("selenium") 

driver.find_element_by_xpath("//tr[7]/td[2]").click()

#第7個tr 裡面的第2個td

 

xpath: href (水平參考)

driver.find_element_by_xpath("//a[contains(text(),'網頁')]").click()

#在a標籤下有個文字(text)包含(contains)'網頁' 的元素

 

xpath:link

driver.find_element_by_xpath("//a[@href='http://www.baidu.com/']").click()

#有個叫a的標籤,他有個連結href='http://www.baidu.com/ 的元素

 

 

 

link 定位


 

有時候不是一個輸入框也不是一個按鈕,而是一個文字連結,我們可以通過link

#coding=utf-8

from selenium import webdriver
import time

browser = webdriver.Firefox()

browser.get("http://www.baidu.com")
time.sleep(2)
    
browser.find_element_by_link_text("貼 吧").click()
time.sleep(2)
browser.quit()

一般一個那頁面上不會出現相同的檔案連結,通過文字連結來定位也是一種簡單有效的定位方式。

 

 

Partial Link Text 定位


 

通過部分連結定位,這個有時候也會用到,我還沒有想到很好的用處。拿上面的例子,我可以只用連結的一部分文字進行匹配:

browser.find_element_by_partial_link_text("").click()

#通過find_element_by_partial_link_text() 函式,我只用了“貼”字,指令碼一樣找到了"貼 吧" 的連結

 

 

 

--------------------------

學習更多selenium 內容:

 「功能測試自動化」彙總

相關文章