二、UI自動化測試02--元素定位方法

一、定位?組元素?法
二、XPath 定位?法
- 1. 路徑策略
- - 1.1 路徑值獲取?法
- 2. 利?元素屬性策略
- - 利?元素屬性策略的注意事項
- 3. 屬性和邏輯結合
- 4. 層級和屬性結合策略
- 5. XPath 延伸?法
三、CSS 定位?法
- 1. CSS 策略: id選擇器/class選擇器/元素選擇器/屬性選擇器
- 2. 屬性選擇器使?注意事項
- 3. 層級選擇器
- 4. CSS 延伸?法
四、元素定位?法的另?種寫法

一、定位?組元素?法

# 1. 導?模塊
from time import sleepfrom selenium import webdriver# 2. 實例化瀏覽器對象
driver = webdriver.Chrome()
# 3. 打開??
driver.get('file:///Users/comesoon/Desktop/page/%E6%B3%A8%E5%86%8CA.html')# 通過 name 屬性值定位?戶名和密碼完成操作
driver.find_element_by_name('AAA').send_keys('admin')
# driver.find_element_by_name('AAA').send_keys('123456')
elements = driver.find_elements_by_name('AAA')
print(elements)
# 注意: 元素定位?法如果帶有 s, 則執?結果返回的是列表類型數據, ??的數據是多個元素對象
print(type(elements))# 說明: 可以通過列表的下標(索引)獲取對應的?標元素對象, 再執?操作
elements[1].send_keys('123456')# 其他定位?法也可以實?定義?組元素:
# 使?標簽名?法定位電話和郵箱并完成操作
new_els = driver.find_elements_by_tag_name('input')
new_els[2].send_keys('13800001111')
new_els[3].send_keys('123@qq.com')# 4. 展示效果
sleep(3)
# 5. 退出瀏覽器
driver.quit()

二、XPath 定位?法

說明:
- 1. XPath 即為 XML Path 的簡稱，它是??在 XML ?檔中查找元素信息的語?。
- 1. HTML 可以看做是 XML 的?種實現，所以 Selenium ?戶可以使?這種強?的語?在 Web 應?中定位元素
注意: ?論使?哪?種 XPath 策略(?法), 定位?法都是同?個, 不同策略只決定?法的參數的寫法
?法: find_element_by_xpath(‘XPath策略’)

1. 路徑策略

說明:
絕對路徑: 從最外層元素到指定元素之間所有經過元素層級的路徑
1). 絕對路徑以/html根節點開始，使?/來分隔元素層級；
如: /html/body/div/fieldset/p[1]/input
2). 絕對路徑對??結構要求?較嚴格，不建議使?
相對路徑: 匹配任意層級的元素，不限制元素的位置
1). 相對路徑以//開始
2). 例如: //input 或者 //*

1.1 路徑值獲取?法

在這里插入圖片描述

# 1. 導?模塊
from time import sleepfrom selenium import webdriver# 2. 實例化瀏覽器對象
driver = webdriver.Chrome()
# 3. 打開??
driver.get('file:///Users/comesoon/Desktop/page/%E6%B3%A8%E5%86%8CA.html')# 需求：打開注冊A.html??，完成以下操作
# 1).使?絕對路徑定位?戶名輸?框，并輸?：admin
driver.find_element_by_xpath('/html/body/div/fieldset/form/p[1]/input').send_keys('admin')
# 2).暫停2秒
sleep(2)
# 3).使?相對路徑定位密碼輸?框，并輸?：123
# 注意: 使?相對路徑時, 需要注意?法參數的內外引號嵌套問題
driver.find_element_by_xpath('//*[@id="passwordA"]').send_keys('123')# 4. 展示效果
sleep(3)
# 5. 退出瀏覽器
driver.quit()

2. 利?元素屬性策略

# 1. 導?模塊
from time import sleepfrom selenium import webdriver# 2. 實例化瀏覽器對象
driver = webdriver.Chrome()
# 3. 打開??
driver.get('file:///Users/comesoon/Desktop/page/%E6%B3%A8%E5%86%8CA.html')# 利?元素屬性策略: 該?法可以使??標元素的任意?個屬性和屬性值(需要保證唯?性)
# 語法1: //標簽名[@屬性名='屬性值']
# 語法2: //*[@屬性名='屬性值']# 需求：打開注冊A.html??，完成以下操作
# 1).利?元素的屬性信息精確定位?戶名輸?框，并輸?：admin
# 注意: 使? XPath 策略, 需要在瀏覽器?具中根據策略語法, 組裝策略值, 驗證后再放?代碼中使?
# driver.find_element_by_xpath('//input[@placeholder="請輸??戶名"]').send_keys('admin')
driver.find_element_by_xpath('//*[@placeholder="請輸??戶名"]').send_keys('admin')# 4. 展示效果
sleep(3)
# 5. 退出瀏覽器
driver.quit()

利?元素屬性策略的注意事項

# 1. 導?模塊
from time import sleepfrom selenium import webdriver# 2. 實例化瀏覽器對象
driver = webdriver.Chrome()
# 3. 打開??
driver.get('file:///Users/comesoon/Desktop/page/%E6%B3%A8%E5%86%8CA.html')# //*[@屬性名='屬性值']
# 說明: // 任意層級 * 任意標簽名# 注意: ?標元素的有些屬性和屬性值, 可能存在多個相同特征的元素, 需要注意唯?性.
driver.find_element_by_xpath('//*[@type="text"]').send_keys('admin')# 注意: 與 class_name ?法不同的是, 如果使?具有多個值的 class 屬性, 則需要傳?全部的屬性值!
driver.find_element_by_xpath('//*[@class="emailA dzyxA"]').send_keys('123@qq.com')# 4. 展示效果
sleep(3)
# 5. 退出瀏覽器
driver.quit()

3. 屬性和邏輯結合

屬性和邏輯集合: 解決?標元素單個屬性和屬性值?法定位為?個元素的問題時使?
語法: //*[@屬性1=“屬性值1” and @屬性2=“屬性值2”]
注意: 多個屬性值由 and 連接, 每?個屬性都要由@開頭, 可以根據需求使?更多屬性值

# 1. 導?模塊
from time import sleepfrom selenium import webdriver# 2. 實例化瀏覽器對象
driver = webdriver.Chrome()
# 3. 打開??
driver.get('file:///Users/comesoon/Desktop/page/%E6%B3%A8%E5%86%8CA.html')# 需求：打開注冊A.html??，完成以下操作
# 1).使?屬性與邏輯結合定位策略，在test1對應的輸?框?輸?：admin
driver.find_element_by_xpath('//*[@name="user" and @class="login"]').send_keys('admin')# 4. 展示效果
sleep(3)
# 5. 退出瀏覽器
driver.quit()

4. 層級和屬性結合策略

層級與屬性結合: ?標元素?法直接定位, 可以考慮先定位其?層級或祖輩層級, 再獲取?標元素
語法: ?層級定位策略/?標元素定位策略

# 1. 導?模塊
from time import sleepfrom selenium import webdriver# 2. 實例化瀏覽器對象
driver = webdriver.Chrome()
# 3. 打開??
driver.get('file:///Users/comesoon/Desktop/page/%E6%B3%A8%E5%86%8CA.html')# 需求：打開注冊A.html??，完成以下操作
# 1).使?層級與屬性結合定位策略，在test1對應的輸?框?輸?：admin
driver.find_element_by_xpath('//*[@id="p1"]/input').send_keys('admin')# 4. 展示效果
sleep(3)
# 5. 退出瀏覽器
driver.quit()

5. XPath 延伸?法

# 1. 導?模塊
from time import sleepfrom selenium import webdriver# 2. 實例化瀏覽器對象
driver = webdriver.Chrome()
# 3. 打開??
driver.get('file:///Users/comesoon/Desktop/page/%E6%B3%A8%E5%86%8CA.html')# //*[contains(@屬性名,'屬性值的部分內容')] : 通過給定屬性值的任意部
分內容進?元素定位
driver.find_element_by_xpath('//*[contains(@id,"ss")]').send_keys('123456')# //*[starts-with(@屬性名,'屬性值的開頭部分內容')] : 通過給定屬性值的開頭部分內容進?元素定位
driver.find_element_by_xpath('//*[starts-with(@id,"te")]').send_keys('13800001111')# //*[text()="?本信息"] : 通過?本信息定位?標元素(要求全部?本內容)
driver.find_element_by_xpath('//*[text()="訪問 新浪 ?站"]').click()# 4. 展示效果
sleep(3)
# 5. 退出瀏覽器
driver.quit()

三、CSS 定位?法

說明: 通過 CSS 的選擇器語法定位元素
注意:
1. Selenium 框架官?推薦使? CSS, 因為其定位效率遠?于 XPath
1. CSS 選擇器策略也有很多, 但是?論哪?個策略使?的都是同?個定位?法
?法: find_element_by_css_selector(‘CSS策略’)

1. CSS 策略: id選擇器/class選擇器/元素選擇器/屬性選擇器

# 1. 導?模塊
from time import sleep
from selenium import webdriver# 2. 實例化瀏覽器對象
driver = webdriver.Chrome()
# 3. 打開??
driver.get('file:///Users/comesoon/Desktop/page/%E6%B3%A8%E5%86%8CA.html')# 需求：打開注冊A.html??，完成以下操作
# 1).使?CSS定位?式中id選擇器定位?戶名輸?框，并輸?：admin
# 語法: #id屬性值
driver.find_element_by_css_selector('#userA').send_keys('admin')# 2).使?CSS定位?式中屬性選擇器定位密碼輸?框，并輸?：123456
# 語法 1: [屬性名="屬性值"]
# 語法 2: 標簽名[屬性名="屬性值"]
# driver.find_element_by_css_selector('input[placeholder="請輸?密碼"]').send_keys('123456')
driver.find_element_by_css_selector('[placeholder="請輸?密碼"]').send_keys('123456')# 3).使?CSS定位?式中class選擇器定位電話號碼輸?框，并輸?：18600000000
# 語法: .class屬性值
driver.find_element_by_css_selector('.telA').send_keys('18600000000')
sleep(2)# 4).使?CSS定位?式中元素選擇器定位注冊按鈕，并點擊
# 說明: 元素選擇器?名標簽選擇器
# 語法: 標簽名
driver.find_element_by_css_selector('button').click()# 4. 展示效果
sleep(3)
# 5. 退出瀏覽器
driver.quit()

2. 屬性選擇器使?注意事項

# 1. 導?模塊
from time import sleepfrom selenium import webdriver# 2. 實例化瀏覽器對象
driver = webdriver.Chrome()
# 3. 打開??
driver.get('file:///Users/comesoon/Desktop/page/%E6%B3%A8%E5%86%
8CA.html')# 注意: 與 class_name ?法不同的是, 如果使?具有多個值的 class 屬性, 
則需要傳?全部的屬性值!
driver.find_element_by_css_selector('[class="emailA 
dzyxA"]').send_keys('123@qq.com')# 4. 展示效果
sleep(3)
# 5. 退出瀏覽器
driver.quit()

3. 層級選擇器

# 1. 導?模塊
from time import sleepfrom selenium import webdriver# 2. 實例化瀏覽器對象
driver = webdriver.Chrome()
# 3. 打開??
driver.get('file:///Users/comesoon/Desktop/page/%E6%B3%A8%E5%86%8CA.html')# 需求：打開注冊A.html??，完成以下操作
# 1).使?CSS定位?式中的層級選擇器定位?戶名輸?框，并輸?：admin# 層級選擇器
# ??層級關系: ?層級策略>?層級策略
driver.find_element_by_css_selector('#pa>input').send_keys('admin')
# 祖輩后代層級關系: 祖輩策略 后代策略
driver.find_element_by_css_selector('form [placeholder="請輸??戶名"]').send_keys('admin')# 注意: ??層級關系中也可以使?空格連接上下層級策略# 擴展: XPath 祖輩和后代關系: 只需要使?//連接祖輩和后代元素即可
driver.find_element_by_xpath('//form//*[@id="userA"]').send_keys('admin')# 4. 展示效果
sleep(3)
# 5. 退出瀏覽器
driver.quit()

4. CSS 延伸?法

# 1. 導?模塊
from time import sleepfrom selenium import webdriver# 2. 實例化瀏覽器對象
driver = webdriver.Chrome()
# 3. 打開??
driver.get('file:///Users/comesoon/Desktop/page/%E6%B3%A8%E5%86%8CA.html')# 標簽名[屬性名^="屬性值開頭部分內容"] : 根據給出的屬性值開頭部分內容
定位元素
driver.find_element_by_css_selector('[id^="pas"]').send_keys('123')# 標簽名[屬性名$="屬性值結尾部分內容"] : 根據給出的屬性值結尾部分內容定位元素
driver.find_element_by_css_selector('[id$="rdA"]').send_keys('123')# 標簽名[屬性名*="屬性值任意部分內容"] : 根據給出的屬性值任意部分內容
定位元素
driver.find_element_by_css_selector('[id*="ss"]').send_keys('123')# 注意: 標簽名可以省略!# 4. 展示效果
sleep(3)
# 5. 退出瀏覽器
driver.quit()

四、元素定位?法的另?種寫法

# 1. 導?模塊
from time import sleepfrom selenium import webdriver
from selenium.webdriver.common.by import By# 2. 實例化瀏覽器對象
driver = webdriver.Chrome()
# 3. 打開??
driver.get('file:///Users/comesoon/Desktop/page/%E6%B3%A8%E5%86%8CA.html')# 說明: 在 Selenium 框架中, 元素定位?法的另?種寫法
driver.find_element(By.ID, 'userA').send_keys('admin')# 注意: By 和 by ?法可以同時使?!
driver.find_element_by_id('passwordA').send_keys('123456')# 注釋: 說法 1: by ?法是 By ?法的封裝; 說法 2: By ?法是 by ?法的
底層實現(原理)
# 查看原始代碼?法: 按住 Ctrl 使??標左鍵點擊 by ?法即可# 應?場景: 使? PO 設計模式封裝代碼結構時需要使? By ?法# 4. 展示效果
sleep(3)
# 5. 退出瀏覽器
driver.quit()