Python selenium下拉選擇框實戰應用例子

2022-07-07 14:03:30

一、前言

selenium的下拉選擇框。我們通常會遇到兩種下拉框，一種使用的是html的標籤select，另一種是使用input標籤做的假下拉框。

後者我們通常的處理方式與其他的元素類似，點選或使用JS等。而對於前者，selenium給了有力的支援，就是Select類。

進行測試的網站：http://sahitest.com/demo/selectTest.htm

網頁及對應原始碼：

二、關於匯入方式

兩種匯入方式：

from selenium.webdriver.support.ui import Select
# 或者直接從select匯入
from selenium.webdriver.support.select import Select

三、選擇、反選、選項的實戰應用例子

話不多說，直接上程式碼：

# -*- coding: utf-8 -*-
 
"""
@author: lucas
@Function:
@file: selectStudy.py
@time: 2021/8/20 1:27 下午
"""
import unittest
import time
 
from selenium import webdriver
from selenium.webdriver.support.ui import Select
 
 
class SelectStudy(unittest.TestCase):
 
    def setUp(self):
        # 建立一個Chrome WebDriver的範例
        self.driver = webdriver.Chrome()
 
    # 選擇頁面第一個下拉框，依次選擇值O1-O3
    def test_selectO1ToO3(self):
        driver = self.driver
        driver.get('http://sahitest.com/demo/selectTest.htm')
        # 範例化Select
        s1 = Select(driver.find_element_by_id('s1Id'))
        # 檢視選擇框的預設值
        print s1.first_selected_option.text
        # 選擇第二個選項o1
        s1.select_by_index(1)
        time.sleep(3)
        # 為了方便檢視效果，可以加上等待時間
        time.sleep(3)
        # 選擇value="o2"的項，value是option標籤的一個屬性值，並不是顯示在下拉框中的值
        s1.select_by_value("o2")
        # 檢視選中選擇框的預設值
        print s1.first_selected_option.text
        time.sleep(3)
        # 選擇text="o3"的值，即在下拉時我們可以看到的文字，visible_text是在option標籤中間的值，是顯示在下拉框的值
        s1.select_by_visible_text("o3")
        time.sleep(3)
 
    # 反選操作，包括取消某個值和全部取消
    def test_cancel_select(self):
        driver = self.driver
        driver.get('http://sahitest.com/demo/selectTest.htm')
        s4 = Select(driver.find_element_by_id('s4Id'))
        # 全選
        for option in s4.options:
            if not option.is_selected():
                print option.text
                s4.select_by_visible_text(option.text)
        time.sleep(3)
 
        # 根據index取消選中
        s4.deselect_by_index(0)
        time.sleep(3)
 
        # 根據value取消選中
        s4.deselect_by_value("o1val")
        time.sleep(5)
 
        # 根據標籤文字選中
        s4.deselect_by_visible_text("o2")
        time.sleep(5)
 
        # 全選
        for option in s4.options:
            if not option.is_selected():
                s4.select_by_visible_text(option.text)
        time.sleep(3)
 
        # 取消選中所有選項
        s4.deselect_all()
 
    # 檢視選中專案
    """
    輸出結果為：
    o1
    o2
      With spaces
      With nbsp
    """
    def test_view_selection(self):
        driver = self.driver
        driver.get('http://sahitest.com/demo/selectTest.htm')
        s4 = Select(driver.find_element_by_id('s4Id'))
        # 檢視選擇框的預設值
        s4.select_by_index(1)
        s4.select_by_value("o2val")
        s4.select_by_visible_text("With spaces")
        s4.select_by_value("o4val")
 
        for select in s4.all_selected_options:
            print select.text
 
    def tearDown(self):
        self.driver.close()
 
 
if __name__ == "__main__":
    unittest.main()

注意：

反選（deselect）取消操作只適用於新增了multiple的下拉框，否則會報錯

raise NotImplementedError("You may only deselect options of a multi-select")

NotImplementedError: You may only deselect options of a multi-select

四、總結

1、Select提供了三種選擇方法：

select_by_index(index) ——通過選項的順序，第一個為 0
select_by_value(value) ——通過value屬性
select_by_visible_text(text) ——通過選項可見文字

2、Select提供了四種方法取消選擇：

deselect_by_index(index)
deselect_by_value(value)
deselect_by_visible_text(text)
deselect_all()

3、Select提供了三個屬性方法給我們必要的資訊：

options ——提供所有的選項的列表，其中都是選項的WebElement元素
all_selected_options ——提供所有被選中的選項的列表，其中也均為選項的WebElement元素
first_selected_option ——提供第一個被選中的選項，也是下拉框的預設值

補充：三種定位方法如下

1.select_by_visible_text()：選項的文字內容

from selenium.webdriver.support.select import Select
from time import sleep
from selenium import webdriver

dr=webdriver.Chrome()
dr.get('url')
dr.maximize_window()
#先定位到下拉框,通過text文字定位
Select(find_element_by_id('q')).select_by_visible_text('蒼井空')
sleep(2)
dr.quit()

2.select_by_value()：value屬性定位

from selenium.webdriver.support.select import Select
from time import sleep
from selenium import webdriver

dr=webdriver.Chrome()
dr.get('url')
dr.maximize_window()
#先定位到下拉框,通過value屬性定位
Select(find_element_by_id('q')).select_by_value('3')
sleep(2)
dr.quit()

3.select_by_index()：索引定位（0開始）

from selenium.webdriver.support.select import Select
from time import sleep
from selenium import webdriver

dr=webdriver.Chrome()
dr.get('url')
dr.maximize_window()
#先定位到下拉框,通過索引定位
Select(find_element_by_id('q')).select_by_index('1')
sleep(2)
dr.quit()

到此這篇關於Python selenium下拉選擇框的文章就介紹到這了,更多相關Python selenium下拉選擇框內容請搜尋it145.com以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援it145.com！