一、 Selenium界面元素定位
本文元素定位以das2為例
#導入包
from selenium import webdriver
#打開火狐驅動
driver=webdriver.Firefox()
#訪問網址
driver.get("http://192.168.3.217:8080/das/seatlogin.jsp ")
進行web頁面自動化測試,對頁面上的元素進行定位和操作是核心,對頁面元素的定位是進行自動化測試的基礎
1. 常用的八種元素屬性:
id
name
class name
tag name
link text
partial link text
xpath
css selector
對應於webdriver中的定位方法分別是:(定位一個元素的方法)
driver.find_element_by_name()——最常用,簡單
driver.find_element_by_id()——最常用,簡單
driver.find_element_by_class_name()
driver.find_element_by_tag_name()——最不靠譜
driver.find_element_by_link_text()——定位文字連接好用
driver.find_element_by_partial_link_text()——定位文字連接好用
driver.find_element_by_xpath()——最靈活,萬能
driver.find_element_by_css_selector()
用xpath定位是最好用的最萬能的
webdriver也有定位一組元素的方法:
driver.find_elements_by_name()
driver.find_elements_by_id()
driver.find_elements_by_class_name()
driver.find_elements_by_tag_name()
driver.find_elements_by_link_text()
driver.find_elements_by_partial_link_text()
driver.find_elements_by_xpath()
driver.find_elements_by_css_selector()
總結:定位一組元素和一個元素在語法上是將element修改為elements,而生成的是一個符合元素的list
查看元素的方法可以使用firefox安裝組件firebug
以das登錄界面的用戶名密碼輸入框為例
2. 通過id進行定位
語法:driver.find_element_by_id(self,id)
舉例:driver.find_element_by_id("username").send_keys("yangdanhua")
即取id元素,傳值“yangdanhua”
語法:driver.find_element(self,by,value)
舉例:driver.find_element(by="id",value="username").send_keys("yangdanhua ")
3. 通過name進行定位
語法;driver.find_element_by_name(self,name)
舉例:driver.find_element_by_name("j_username").send_keys("yangdanhua")
語法:driver.find_element(self,by,value)
舉例:driver.find_element(by="name",value=" j_username ").send_keys("yangdanhua ")
4. 通過class定位
語法;driver.find_element_by_class_name(self,name)
舉例:driver.find_element_by_class_name("s_ipt").send_keys("VseYoung")
5. 通過tag定位
一般頁面上標簽一樣的很多,通過標簽無法直接定位到某個元素
通常用於定位一組元素,很難通過標記tag name去區分不同原色
語法;driver.find_element_by_tag_name(self,name)
舉例:driver.find_element_by_tag_name("input").send_keys("VseYoung")
6. 通過link定位
主要用於文字鏈接的定位,准確度較高,比如下圖
語法;driver.find_element_by_link_text(self,link_text)
舉例:driver.find_element_by_link_text("文件查詢").click()
7. 通過xpath定位
XPath是一種文檔定位語言。因為HTML可以看做是XML的一種實現,所以selenium用戶可使用這種強大的語言在web應用中定位。
絕對路徑方法:
從根元素寫起,當元素層級很深的時候,路徑寫的會很長,閱讀性不好,也很難維護。不建議使絕對路徑這樣的方法。
相對路徑方法:
通過Firebug很容易得到相對路徑的xpath,打開Firebug插件,在頁面上的搜索文本框,就可以顯示出xpath了:
//表示當前頁面某個目錄下,input 表示定位元素的標簽名,[@id=‘kw’] 表示這個元素的id 屬性值等於kw;如果不想指定標簽名也可以用星號(*)代替,.表示當前節點。
按F12,點擊紅框內的小箭頭,選中用戶名輸入框,下方元素中的input部分被標藍,右鍵標藍區域,選擇復制xpath路徑
語法;driver.find_element_by_xpath(self,xpath)
舉例:driver.find_element_by_xpath("//*[@id=’username’]").send_keys("yangdanhua")
driver.find_element_by_xpath("//*[@id='kw']").click()
詳解:通過xpath尋找,任意(*代表)id屬性為username的元素
根據上級目錄的屬性來定位當前元素:
driver.find_element_by_xpath("//span[@id=’input-container’]/input") #通過上一級目錄的id 屬性定位
driver.find_element_by_xpath("//div[@id=’hd’]/form/span/input") #通過上三級目錄的id 屬性定位
driver.find_element_by_xpath("//div[@name=’q’]/form/span/input") #通過上三級目錄的name 屬性定位
8. 通過css定位
使用firepath組件即可查詢相關元素的CSS定位
CSS(Cascading Style Sheets)是一種語言,它被用來描述HTML 和XML 文檔的表現
可選中元素查看器后右鍵復制css路徑或css選擇器
通過id定位:
語法:driver.find_element_by_css_selector(self,css_selector)
舉例:driver.find_element_by_css_selector("#username").send_keys("yangdanhua")
通過class定位:
舉例:driver.find_element_by_css_selector("li#usernamew>span.lb").text()
9. 通過partial link text定位
partial link text定位與link text的區別在於,partial link text定位時,只需要輸入文字鏈接的部分內容即可完成定位
語法;driver.find_element_by_partial_link_text(self,link_text)
舉例:driver.find_element_by_partial_link_text("新").click()
二、 Das2實戰演練
1. 創建新py文件
打開pycharm,右鍵文件夾,創建一個新的python文件,命名為“測試專用”
2. 模塊導入
Selenium模塊導入語言:
from selenium import webdriver
即從selenium框架中導入webdriver模塊
3. 訪問界面
創建一個對象driver,調用webdriver的firefox方法,啟動火狐瀏覽器
瀏覽器加載das2的url:http://192.168.3.217:8080/das/seatlogin.jsp
driver = webdriver.Firefox() # 打開url driver.get("http://192.168.3.217:8080/das/seatlogin.jsp")
#后面為注釋內容,方便代碼走查
4. 登錄界面
創建參數username、password,通過find_element_by_id函數定位界面元素id。
為防止傳參時有默認文本框內容,先通過clear方法清除內容。
將參數username、password傳至文本框。
傳參完畢,定位到登錄按鈕的界面元素id,調用click方法
由於登錄界面時有一定加載時長,我們用sleep方法來等待來2s,在進行下一步操作
#登錄操作 username = "yangdanhua" password = "123456" # 執行登錄操作 #用戶名的定位 driver.find_element_by_id("username").clear() #清除輸入框默認的信息 driver.find_element_by_id("username").send_keys(username) #密碼的定位 driver.find_element_by_id("password").clear() driver.find_element_by_id("password").send_keys(password) # 點擊登錄 driver.find_element_by_id("btn_login").click() time.sleep(2)
5. 進入查詢頁
調用find_element_by_link_text函數定位'文件查詢',前面講過了是文本元素專用,調用click方法點擊,即可跳轉'文件查詢'表單。
調用find_element_by_link_text函數定位'疑義復核文件狀態',調用click方法點擊,即可跳轉'疑義復核文件狀態'表單。
# 點擊文件查詢 driver.find_element_by_link_text('文件查詢').click() # 點擊文件狀態查詢 driver.find_element_by_link_text('疑義復核文件狀態').click()
6. 提取表格元素
這里要注意,是否是iframe元素,可在界面上,右鍵空白處查看元素,或直接搜索iframe,如果是iframe, 說明遇到了表單嵌套界面,無法直接在該界面下定位元素,此處我用的解決方法是右鍵藍色下划線區域,復制鏈接,通過get方法跳轉到該鏈接
調用driver.find_element_by_xpath函數傳參xpath路徑獲取文件狀態列表的第一行,
,可右鍵查看第一行的元素,復制xpath路徑/html/body/div/div/div/div[1]/table/tbody/tr[1]
創建一個空列表list_all,遍歷第一行表單中的內容,調用text方法輸出內容,列表list_all調用append方法將表單的第一行按順序增加在自身列表中
# 由於是iframe類型的,要先獲取iframe內的鏈接並訪問 driver.get("http://192.168.3.217:8080/das/das/yiyifuhe/toFileStatusSearchPageFileStates.action") list_testfile = driver.find_element_by_xpath('/html/body/div/div/div/div[1]/table/tbody/tr') # 遍歷列表 list_all = [] for x in range(1, 15): list = list_testfile.find_element_by_xpath('td[%s]' % x).text list_all.append(list)
7. 添加斷言
前面已將表單第一列內容放在list_all中了,我們希望表單的值與希望的一致,此時需要設置斷言,使用方法assert,假如assert比較時發現實際與期望結果並不一致,程序會報錯,不會繼續往后走。若我們需要知道多個值是否正確,就需要設置異常。
可通過try except函數監控異常,若報錯為AssertionError就輸出'經銷商名稱錯誤'、'文件狀態不對'、'dps狀態錯誤'
# 設置斷言,檢查查詢的內容是否正確 try: assert list_all[4] =='漳州市天健醫葯有限公司1' except AssertionError as e: print('經銷商名稱錯誤') try: assert list_all[7] == '文件數據質檢中1' except AssertionError as e: print('文件狀態不對') try: assert list_all[11]== '處理中' except AssertionError as e: print('dps狀態錯誤') print("文件狀態查詢測試完畢")
七、關閉瀏覽器
前面的語句執行后不會自動關閉瀏覽區,需要通過close函數關閉
driver.close()
在pycharm上運行后得到結果為:
說明經銷商名稱和文件狀態都是錯誤的