selenium中下拉选择框select和input

海鸥一飞

一、前言

selenium的下拉选择框。我们通常会遇到两种下拉框，一种使用的是html的标签select，另一种是使用input标签做的假下拉框。
后者我们通常的处理方式与其他的元素类似，点击或使用JS等。而对于前者，selenium给了有力的支持，就是Select类。
进行测试的网站：http://sahitest.com/demo/selectTest.htm

网页及对应源码：

二、关于导入方式

两种导入方式：

1. from selenium.webdriver.support.ui import Select
   
2. # 或者直接从select导入
   
3. from selenium.webdriver.support.select import Select

复制代码

三、选择、反选、选项的实战应用例子

话不多说，直接上代码：

1. # -*- coding: utf-8 -*-
   
2. 
   
3. """
   
4. @author: lucas
   
5. @Function:
   
6. @file: selectStudy.py
   
7. @time: 2021/8/20 1:27 下午
   
8. """
   
9. import unittest
   
10. import time
    
11. 
    
12. from selenium import webdriver
    
13. from selenium.webdriver.support.ui import Select
    
14. 
    
15. 
    
16. class SelectStudy(unittest.TestCase):
    
17. 
    
18.     def setUp(self):
    
19.         # 创建一个Chrome WebDriver的实例
    
20.         self.driver = webdriver.Chrome()
    
21. 
    
22.     # 选择页面第一个下拉框，依次选择值O1-O3
    
23.     def test_selectO1ToO3(self):
    
24.         driver = self.driver
    
25.         driver.get('http://sahitest.com/demo/selectTest.htm')
    
26.         # 实例化Select
    
27.         s1 = Select(driver.find_element_by_id('s1Id'))
    
28.         # 查看选择框的默认值
    
29.         print s1.first_selected_option.text
    
30.         # 选择第二个选项o1
    
31.         s1.select_by_index(1)
    
32.         time.sleep(3)
    
33.         # 为了方便查看效果，可以加上等待时间
    
34.         time.sleep(3)
    
35.         # 选择value="o2"的项，value是option标签的一个属性值，并不是显示在下拉框中的值
    
36.         s1.select_by_value("o2")
    
37.         # 查看选中选择框的默认值
    
38.         print s1.first_selected_option.text
    
39.         time.sleep(3)
    
40.         # 选择text="o3"的值，即在下拉时我们可以看到的文本，visible_text是在option标签中间的值，是显示在下拉框的值
    
41.         s1.select_by_visible_text("o3")
    
42.         time.sleep(3)
    
43. 
    
44.     # 反选操作，包括取消某个值和全部取消
    
45.     def test_cancel_select(self):
    
46.         driver = self.driver
    
47.         driver.get('http://sahitest.com/demo/selectTest.htm')
    
48.         s4 = Select(driver.find_element_by_id('s4Id'))
    
49.         # 全选
    
50.         for option in s4.options:
    
51.             if not option.is_selected():
    
52.                 print option.text
    
53.                 s4.select_by_visible_text(option.text)
    
54.         time.sleep(3)
    
55. 
    
56.         # 根据index取消选中
    
57.         s4.deselect_by_index(0)
    
58.         time.sleep(3)
    
59. 
    
60.         # 根据value取消选中
    
61.         s4.deselect_by_value("o1val")
    
62.         time.sleep(5)
    
63. 
    
64.         # 根据标签文本选中
    
65.         s4.deselect_by_visible_text("o2")
    
66.         time.sleep(5)
    
67. 
    
68.         # 全选
    
69.         for option in s4.options:
    
70.             if not option.is_selected():
    
71.                 s4.select_by_visible_text(option.text)
    
72.         time.sleep(3)
    
73. 
    
74.         # 取消选中所有选项
    
75.         s4.deselect_all()
    
76. 
    
77.     # 查看选中项目
    
78.     """
    
79.     输出结果为：
    
80.     o1
    
81.     o2
    
82.       With spaces
    
83.       With nbsp
    
84.     """
    
85.     def test_view_selection(self):
    
86.         driver = self.driver
    
87.         driver.get('http://sahitest.com/demo/selectTest.htm')
    
88.         s4 = Select(driver.find_element_by_id('s4Id'))
    
89.         # 查看选择框的默认值
    
90.         s4.select_by_index(1)
    
91.         s4.select_by_value("o2val")
    
92.         s4.select_by_visible_text("With spaces")
    
93.         s4.select_by_value("o4val")
    
94. 
    
95.         for select in s4.all_selected_options:
    
96.             print select.text
    
97. 
    
98.     def tearDown(self):
    
99.         self.driver.close()
    
100. 
     
101. 
     
102. if __name__ == "__main__":
     
103.     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提供了三种选择方法：

1. select_by_index(index) ——通过选项的顺序，第一个为 0
   
2. select_by_value(value) ——通过value属性
   
3. select_by_visible_text(text) ——通过选项可见文本

复制代码

2、Select提供了四种方法取消选择：

1. deselect_by_index(index)
   
2. deselect_by_value(value)
   
3. deselect_by_visible_text(text)
   
4. deselect_all()

复制代码

3、Select提供了三个属性方法给我们必要的信息：

1. options ——提供所有的选项的列表，其中都是选项的WebElement元素
   
2. all_selected_options ——提供所有被选中的选项的列表，其中也均为选项的WebElement元素
   
3. first_selected_option ——提供第一个被选中的选项，也是下拉框的默认值
   

复制代码