? ? ? ?Selenium 4 引入了關(guān)聯(lián)元素定位策略（Relative Locators）。這種方式主要是應(yīng)對(duì)一些不好定位的元素，但是其周邊相關(guān)聯(lián)的元素比較好定位。實(shí)現(xiàn)步驟是先定位周邊較容易定位的元素，再根據(jù)關(guān)聯(lián)元素定位策略定位到想定位的那個(gè)元素。如下以具體案例講解用法。

? ? ? ?以頁面relative_locator1.html為例，用于后續(xù)測(cè)試用。渲染頁面，如圖所示。

Above模式

? ??假定“輸入用戶名”input元素不好定位，而“輸入密碼”input元素容易定位，此時(shí)就可用relative locator的Above模式定位到“輸入用戶名”input元素。實(shí)現(xiàn)通過password input元素獲取到username input元素，并且在username輸入框輸入字符“name1”。代碼如下：

#大牛測(cè)試qq:2574674466

from selenium import webdriver

from selenium.webdriver.chrome.service import Service

from selenium.webdriver.common.by import By

from selenium.webdriver.support.relative_locator import locate_with

#這是在mac上執(zhí)行的基于chrome瀏覽器上的測(cè)試，如下driver地址請(qǐng)根據(jù)實(shí)際情況進(jìn)行修改。

chrome_driver_server = Service("/Users/xxx/Downloads/chromedriver")

driver? = webdriver.Chrome(service=chrome_driver_server)

#如下是打開本地文件，請(qǐng)根據(jù)實(shí)際地址進(jìn)行改寫

driver.get("file:///Users/jason118/PycharmProjects/selenium4.0-automation/Chapter4/relative_locator1.html")

#通過relative locator的above方式先獲取到password input,然后再獲取username input.

username_locator = locate_with(By.TAG_NAME,"input").above({By.ID: "id_pass"})

username = driver.find_element(username_locator)username.send_keys('name1')

Below模式

? ? ? ? 以上面html為例，假設(shè)“輸入密碼”input元素不好定位，而“輸入用戶名”input元素容易定位，則可利用relative locator的Below模式定位到“輸入密碼”input元素。實(shí)現(xiàn)通過username input元素獲取到password input元素，并且在password輸入框輸入字符“password1”。代碼如下：

password_locator = locate_with(By.TAG_NAME,"input").below({By.ID: "id_username"}) password = driver.find_element(password_locator) password.send_keys('daniu')

?

Left of模式

? ? ? 以上面html頁面為例，假設(shè)“取消”按鈕不好定位，而右邊的“登錄”按鈕較容易定位，則可用relative locator的Left of模式定位到“取消”按鈕元素。代碼如下。

cancel_locator = locate_with(By.TAG_NAME,"button").to_left_of({By.ID: "id_login"}) cancel_element = driver.find_element(cancel_locator)#輸出取消按鈕print(cancel_element)

Right of模式

? ? ? ? 以上面html為例，假設(shè)“登錄”按鈕不好定位，而左邊的“取消”按鈕較容易定位，則可利用relative locator的Right of模式定位到“登錄”按鈕元素，代碼如下。

#通過relative locator的Right of方式先獲取到"取消"按鈕,然后再獲取"登錄"按鈕.

login_locator = locate_with(By.TAG_NAME,"button").to_right_of({By.ID: "id_cancel"})?

Near模式

? ? ? ?常用于某些元素與元素之間的相對(duì)關(guān)系不是很明顯，如元素A并不是在元素B的正上方、正下方、正右邊、正左邊等，可采用Near模式，即在某元素的附近（方圓50px之內(nèi)）也可被定位到。以上面html為例，如果要定位“輸入用戶名：”label元素，可以先定位username輸入框元素，再使用Near模式定位到label標(biāo)簽，代碼如下。

label_username_locator = locate_with(By.TAG_NAME,"label").near({By.ID: "id_username"}) label_username_element = driver.find_element(label_username_locator)print(label_username_element)?

Chaining relative locators模式

? ? ? Chaining relative locators模式。意思是目標(biāo)元素的位置既滿足在元素A的“Above”位置，又滿足在元素B的“Right of”?位置。以上面html為例，假設(shè)“取消”按鈕元素不好定位，可以利用這種模式進(jìn)行定位，需滿足“輸入密碼”label元素的“Below”位置，又滿足“登錄”按鈕元素的“Left of”位置，代碼如下。

cancel_button_locator = locate_with(By.TAG_NAME,"button").below({By.ID: "id_label2"}).to_left_of({By.ID: "id_login"}) cancel_button_element = driver.find_element(cancel_button_locator)

#輸出元素對(duì)象

print(cancel_button_element)