輕鬆自動化---selenium-webdriver(python) (三)
本節重點：
- 簡單物件的定位
-----自動化測試的核心
物件的定位應該是自動化測試的核心，要想操作一個物件，首先應該識別這個物件。一個物件就是一個人一樣，他會有各種的特徵（屬性），如比我們可以通過一個人的身份證號，姓名，或者他住在哪個街道、樓層、門牌找到這個人。
那麼一個物件也有類似的屬性，我們可以通過這個屬性找到這物件。
定位物件的目的一般有下面幾種
· 操作物件
· 獲得物件的屬性，如獲得測試物件的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("")
time.sleep(2)
#########百度輸入框的定位方式##########
#通過id方式定位
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)是一種語言，它被用來描述HTML和XML文件的表現。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的定位，但是看上去應該是一種非常靈活和牛X 的定位方式
擴充套件閱讀：
XPath
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 內容：