51Testing软件测试论坛

标题: selenium中下拉选择框select和input [打印本页]
作者: 海鸥一飞    时间: 2022-8-23 15:26
标题: selenium中下拉选择框select和input
一、前言

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

网页及对应源码：
[attach]141751[/attach]

二、关于导入方式

两种导入方式：

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

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

话不多说，直接上代码：

  1. # -*- coding: utf-8 -*-

  3. """
  4. @author: lucas
  5. @Function:
  6. @file: selectStudy.py
  7. @time: 2021/8/20 1:27 下午
  8. """
  9. import unittest
  10. import time

  12. from selenium import webdriver
  13. from selenium.webdriver.support.ui import Select


  16. class SelectStudy(unittest.TestCase):

  18.     def setUp(self):
  19.         # 创建一个Chrome WebDriver的实例
  20.         self.driver = webdriver.Chrome()

  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)

  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)

  56.         # 根据index取消选中
  57.         s4.deselect_by_index(0)
  58.         time.sleep(3)

  60.         # 根据value取消选中
  61.         s4.deselect_by_value("o1val")
  62.         time.sleep(5)

  64.         # 根据标签文本选中
  65.         s4.deselect_by_visible_text("o2")
  66.         time.sleep(5)

  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)

  74.         # 取消选中所有选项
  75.         s4.deselect_all()

  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")

  95.         for select in s4.all_selected_options:
  96.             print select.text

  98.     def tearDown(self):
  99.         self.driver.close()


  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 ——提供第一个被选中的选项，也是下拉框的默认值
复制代码












欢迎光临 51Testing软件测试论坛 (http://bbs.51testing.com/) Powered by Discuz! X3.2