天天看點
傳回

『心善淵』Selenium3.0基礎 — 9、使用Seleniun中的By類定位元素

目錄

  • 1、使用By定位的前提
  • 2、By定位的方法
  • 3、By定位的使用
  • 4、複數形式的示例

我們還可以通過Seleniun測試架構中的

By

類，來實作頁面中的元素定位。

1、使用

By

 定位的前提

需要導入

By

類：

from selenium.webdriver.common.by import By

2、

By

 定位的方法 

# 1. 通過元素的id屬性進行定位。
find_element(By.ID, "id屬性值")

# 2. 通過元素的name屬性進行定位。
find_element(By.NAME, "name屬性值")

# 3. 通過元素的class屬性進行定位。
find_element(By.CLASS_NAME, "class屬性值")

# 4.通過元素标簽進行定位。
find_element(By.TAG_NAME, "标簽名")

# 5. 通過超連結中全部文字定位超連結。
find_element(By.LINK_TEXT, "完整超連結文本")

# 6. 通過超連結中部分連續文字定位超連結。
find_element(By.PARTIAL_LINK_TEXT, "部分超連結文本")

# 7. 通過XPath定位元素。
find_element(By.XPATH, "XPath路徑表達式")

# 8. 通過css選擇器定位元素。
find_element(By.CSS_SELECTOR, "css選擇器定位政策")

By

定位與8種基本定位方法類比：

基本定位方法 等同于By定位

by_id

find_element(By.ID," ") or ("id"," ")

by_name

find_element(By.NAME," ") or ("name", " ")

by_class_name

find_element(By.CLASS_NAME," ") or ("class name", " ")

by_tag_name

find_element(By.TAG_NAME," ") or ("tag name", " ")

by_link_text

find_element(By.LINK_TEXT," ") or ("link text", " ")

by_partial_link_text

find_element(By.PARTIAL_LINK_TEXT," ") or ("partial link text", " ")

by_xpath

find_element(By.XPATH," ") or ("xpath", " ")

by_css_selector

find_element(By.CSS_SELECTOR," ") or ("css selector", " ")
這種方式隻要統一寫

find_element(by_***,"字元串")

 就好，也很友善。看個人習慣使用。

3、

By

 定位的使用

頁面代碼片段如下：

<!DOCTYPE html>
<html lang="zh-cn">
<body>
<div id="zc">
    <legend>注冊使用者A</legend>
    <p id="p1">
        <label for="userA">賬号A</label>
        <input type="textA" name="userA" id="userA" class="c_uA" placeholder="賬号A" required="" value="">
    </p>
    <p>
        <label for="password">密碼A</label>
        <input type="password" name="passwordA" id="passwordA" placeholder="密碼A" value="">
    </p>
    <p><a href="http://www.sina.com.cn" id="fwA">通路 新浪 網站</a></p>
    <input type="emailA" name="emailA" id="emailA" placeholder="電子郵箱A" value="">
</div>
</body>
</html>

腳本代碼：

# 1.導入selenium
from selenium import webdriver
from time import sleep
from selenium.webdriver.common.by import By
import os

# 2.打開浏覽器
driver = webdriver.Chrome()

# 3.打開頁面
url = "file:///" + os.path.abspath("./1.html")
driver.get(url)
sleep(2)

# 4.定位目标元素
# 4.1 通過id屬性定位頁面中賬号A輸入框
# 寫法一
element_id_1 = driver.find_element(By.ID, "userA")
print(element_id_1.get_attribute("outerHTML"))
# 寫法二
element_id_2 = driver.find_element("id", "userA")
print(element_id_2.get_attribute("outerHTML"))

# 4.2 通過name屬性定位頁面中賬号A輸入框
# 寫法一
element_name_1 = driver.find_element(By.NAME, "userA")
print(element_name_1.get_attribute("outerHTML"))
# 寫法二
element_name_2 = driver.find_element("name", "userA")
print(element_name_2.get_attribute("outerHTML"))

# 4.3 通過class屬性定位頁面中賬号A輸入框
# 寫法一
element_class_1 = driver.find_element(By.CLASS_NAME, "c_uA")
print(element_class_1.get_attribute("outerHTML"))
# 寫法二
element_class_2 = driver.find_element("class name", "c_uA")
print(element_class_2.get_attribute("outerHTML"))

# 4.4 通過tag_name定位頁面中賬号A輸入框
# 寫法一
element_tag_name_1 = driver.find_element(By.TAG_NAME, "input")
print(element_tag_name_1.get_attribute("outerHTML"))
# 寫法二
element_tag_name_2 = driver.find_element("tag name", "input")
print(element_tag_name_2.get_attribute("outerHTML"))

# 4.5 通過link_text定位頁面中超連結
# 寫法一
element_link_text_1 = driver.find_element(By.LINK_TEXT, "通路 新浪 網站")
print(element_link_text_1.get_attribute("outerHTML"))
# 寫法二
element_link_text_2 = driver.find_element("link text", "通路 新浪 網站")
print(element_link_text_2.get_attribute("outerHTML"))

# 4.6 通過partial_link_text定位頁面中超連結
# 寫法一
element_partial_link_text_1 = driver.find_element(By.PARTIAL_LINK_TEXT, "問 新浪")
print(element_partial_link_text_1.get_attribute("outerHTML"))
# 寫法二
element_partial_link_text_2 = driver.find_element("partial link text", "問 新浪")
print(element_partial_link_text_2.get_attribute("outerHTML"))

# 4.7 通過XPath定位頁面中賬号A輸入框
# 寫法一
element_xpath_1 = driver.find_element(By.XPATH, "//input[@id='userA']")
print(element_xpath_1.get_attribute("outerHTML"))
# 寫法二
element_xpath_1 = driver.find_element("xpath", "//input[@id='userA']")
print(element_xpath_1.get_attribute("outerHTML"))

# 4.8 通過css_selector定位頁面中賬号A輸入框
# 寫法一
element_css_selector_1 = driver.find_element(By.CSS_SELECTOR, "input#userA")
print(element_css_selector_1.get_attribute("outerHTML"))
# 寫法二
element_css_selector_2 = driver.find_element("css selector", ".c_uA")
print(element_css_selector_2.get_attribute("outerHTML"))

# 5.關閉浏覽器
driver.quit()

"""
輸出結果：
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="賬号A" required="" value="">
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="賬号A" required="" value="">
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="賬号A" required="" value="">
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="賬号A" required="" value="">
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="賬号A" required="" value="">
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="賬号A" required="" value="">
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="賬号A" required="" value="">
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="賬号A" required="" value="">
<a href="http://www.sina.com.cn" id="fwA">通路 新浪 網站</a>
<a href="http://www.sina.com.cn" id="fwA">通路 新浪 網站</a>
<a href="http://www.sina.com.cn" id="fwA">通路 新浪 網站</a>
<a href="http://www.sina.com.cn" id="fwA">通路 新浪 網站</a>
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="賬号A" required="" value="">
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="賬号A" required="" value="">
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="賬号A" required="" value="">
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="賬号A" required="" value="">
"""

4、複數形式的示例

（1）文法：

同單數差不多，就是

find_element

換成了

find_elements

，結果會傳回一個元素清單結果集

<list>

。

# 1. 通過元素的id屬性進行定位。
find_elements(By.ID, "id屬性值")

# 2. 通過元素的name屬性進行定位。
find_elements(By.NAME, "name屬性值")

# 3. 通過元素的class屬性進行定位。
find_elements(By.CLASS_NAME, "class屬性值")

# 4.通過元素标簽進行定位。
find_elements(By.TAG_NAME, "标簽名")

# 5. 通過超連結中全部文字定位超連結。
find_elements(By.LINK_TEXT, "完整超連結文本")

# 6. 通過超連結中部分連續文字定位超連結。
find_elements(By.PARTIAL_LINK_TEXT, "部分超連結文本")

# 7. 通過XPath定位元素。
find_elements(By.XPATH, "XPath路徑表達式")

# 8. 通過css選擇器定位元素。
find_elements(By.CSS_SELECTOR, "css選擇器定位政策")

（2）練習：

頁面代碼片段如下：

<!DOCTYPE html>
<html lang="zh-cn">
<body>
<div id="zc">
    <legend>注冊使用者A</legend>
    <p id="p1">
        <label for="userA">賬号A</label>
        <input type="textA" name="userA" id="userA" class="c_uA" placeholder="賬号A" required="" value="">
    </p>
    <p>
        <label for="password">密碼A</label>
        <input type="password" name="passwordA" id="passwordA" placeholder="密碼A" value="">
    </p>
    <p><a href="http://www.sina.com.cn" id="fwA">通路 新浪 網站</a></p>
    <input type="emailA" name="emailA" id="emailA" placeholder="電子郵箱A" value="">
</div>
</body>
</html>

腳本代碼：

# 1.導入selenium
from selenium import webdriver
from time import sleep
from selenium.webdriver.common.by import By
import os

# 2.打開浏覽器
driver = webdriver.Chrome()

# 3.打開頁面
url = "file:///" + os.path.abspath("./1.html")
driver.get(url)
sleep(2)

# 4.定位目标元素

# 4.1 通過id屬性定位頁面中賬号A輸入框
# 寫法一
element_id_1 = driver.find_elements(By.ID, "userA")
for element in element_id_1:
    print(element.get_attribute("outerHTML"))
# 寫法二
element_id_2 = driver.find_elements("id", "userA")
for element in element_id_2:
    print(element.get_attribute("outerHTML"))

# 5.關閉浏覽器
driver.quit()

"""
輸出結果：
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="賬号A" required="" value="">
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="賬号A" required="" value="">
"""
測試基礎必會技能 - Selenium測試架構
上一篇: 哈哈哈哈哈哈哈[呲牙]，創業營運半年來，首次，單日請求量，就是一些人說的pv，破了2億！有效請求量破了500萬！開始更新
下一篇: Duilib的雙緩沖實作，附帶GDI、WTL的雙緩沖實作

繼續閱讀