伟德betvictot手机版 4

下拉菜单处理,操作下拉菜单

(一) Select类

测量试验进度中时常遭逢下来菜单,比方说分页,每页彰显的条数,以及语言的切换,相当多时候经常是以下来菜单的款型表现,上边我们看一下selenium如何地理下来菜单。

Select类是selenium的贰个特定的类,用来与下拉菜单和列表交互作用。

率先selenium
很人性化的给提供了三个Select的模块,供管理下来菜单,首先我们必要导入Select,通过from
selenium.webdriver.support.select import Select来导入。

下拉菜单和列表是由此HTML的<select>
成分达成的。选取项是经过<select>中的<option>成分完结的。使用前应用下边包车型地铁言语导入模块。

Select中提供几个用于固定的option的秘技,下边看一下现实的章程

from selenium.webdriver.support.ui import Select

重大把Select方法总计了后生可畏晃分成三大类:

(二) Select类的机能及办法

1.精选列表

功能/属性

简单说明

all_selected_options
获取下拉菜单和列表中被选中的所有选项内容
first_selected_option
获取下拉菜单和列表的第一个选项
options
获取下拉菜单和列表的所有选项
  • select_by_index(self, index)  
       #以index属性值来寻觅相配的成分并接受;
  • select_by_value(self, value)          
    #以value属性值来搜求该option并接收;
  • select_by_visible_伟德betvictot手机版,text(self, text)    
    #以text文本值来寻找相配的成分并接收;
  • first_selected_option(self)               #慎选第一个option 选项

 

为了测量试验以上的艺术,从网络找的了一个精短的页面,来增加帮衬测验

方法

简单说明

deselect_all()
清除多选下拉菜单和列表的所有选择项
deselect_by_index(index)
根据索引清除下拉菜单和列表的选择项
Index:要清除目标的索引
deselect_by_value(value)
清除和给定参数匹配的下拉菜单和列表的选择项
value:要清除目标选择项的value属性
deselect_by_visible_text(text)
清除和给定参数匹配的下拉菜单和列表的选择项
text:要清除目标选择项的文本值
select_by_index(index)
根据索引选择下拉菜单和列表的选择项
select_by_value(value)
选择和给定参数匹配的下拉菜单和列表的选择项
select_by_visible_text(text)
选择和给定参数匹配的下拉菜单和列表的选择项
<html>
<body>
    <form>
        <select name="cars">
            <option value="volvo">Volvo</option>
            <option value="saab">Saab</option>
            <option value="fiat" selected="selected">Fiat</option>
            <option value="audi">Audi</option>
        </select>
    </form>
</body>
</html>

 

本着按索引实行切换option属性示例如下。常用艺术

(三卡塔尔国  示例(检查12306报了名页面包车型大巴证书类型是否与预期生龙活虎致卡塔 尔(英语:State of Qatar)

#-*- coding:utf-8 -*-
import time
from selenium import webdriver
from selenium.webdriver.support.select import Select
driver = webdriver.Chrome()
driver.maximize_window()
driver.get('file:///C:/Users/hunk/Desktop/select.html')
time.sleep(2)   #默认option显示"Fiat"
S = Select(driver.find_element_by_name('cars')).select_by_index(0)  #实例化Select,按索引选择option。索引以0开始
time.sleep(2)   #切换后option显示"Volvo"
driver.quit()
from selenium import webdriver
import unittest
from selenium.webdriver.support.ui import Select
class Register(unittest.TestCase):
  ...省略setup(这段就不注释了)
    def test_register(self):
        card_type =['二代身份证','港澳通行证','台湾通行证','护照']
        card_type_options = []
        #定位证件类型字段,作为Select类的对象实例
        select_card_type = Select(self.driver.find_element_by_id('cardType'))
        #检查默认选项是否为'二代身份证'
        self.assertTrue(select_card_type.first_selected_option.text == '二代身份证')
        #页面提供的证件类型选项数量是否为4个
        self.assertEqual(4,len(select_card_type.options))
        #将页面上每个选项的文本值添加到 card_type_options[]
        for s in select_card_type.options:
            card_type_options.append(s.text)
        #检查页面上证件类型选项是否与预期一致
        self.assertListEqual(card_type,card_type_options)
        select_card_type.select_by_index(1) #选择索引为1的选项(港澳通行证)
        #检查选择港澳通行证时,是否显示出生日期字段
        self.assertTrue(self.driver.find_element_by_id('born_date').is_displayed())
        select_card_type.select_by_value('B') #选择value = 'B'的选项(护照)
        select_card_type.select_by_visible_text('二代身份证') #选择文本为 二代身份证的选项
   ...省略tearDown(这段就不注释了)

本着按value实行切换option属性示比如下。常用艺术

 

#-*- coding:utf-8 -*-
import time
from selenium import webdriver
from selenium.webdriver.support.select import Select
driver = webdriver.Chrome()
driver.maximize_window()
driver.get('file:///C:/Users/hunk/Desktop/select.html')
time.sleep(2)   #默认option显示"Fiat"
S = Select(driver.find_element_by_name('cars')).select_by_value('saab')  #实例化Select,按value选择option。这里的value是标签的属性value,<option value="saab">Saab</option>
time.sleep(2)   #切换后option显示"saab"
driver.quit()

针对按text文本进行切换option属性示比如下。常用艺术

#-*- coding:utf-8 -*-
import time
from selenium import webdriver
from selenium.webdriver.support.select import Select
driver = webdriver.Chrome()
driver.maximize_window()
driver.get('file:///C:/Users/hunk/Desktop/select.html')
time.sleep(2)   #默认option显示"Fiat"
S = Select(driver.find_element_by_name('cars')).select_by_visible_text ('Audi')  #实例化Select,text值是选择的我们下拉菜单时看到的值
time.sleep(2)   #切换后option显示"Audi"
driver.quit()

使用first_selected_option(self)
来切换来第叁个option,该措施与select_by_index(0)完成的效用等同,直接看一下代码执行效果,详细的就解释了

#-*- coding:utf-8 -*-
import time
from selenium import webdriver
from selenium.webdriver.support.select import Select
driver = webdriver.Chrome()
driver.maximize_window()
driver.get('file:///C:/Users/hunk/Desktop/select.html')
time.sleep(2)   #默认option显示"Fiat"
S = Select(driver.find_element_by_name('cars')).first_selected_option
time.sleep(2)   #切换后option显示"Audi"
driver.quit()

2.驱除选用列表

首先类大家讲明了什么样选拔列表,总共介绍了4种艺术,可是既然可以筛选我们就足以铲除选取,而前两种撤废方法能够与选取黄金年代意气风发对应,上面我们看下怎么样歼灭接受

  • deselect_by_index(self, index)            
     #以index属性值来寻觅相配的因素并吊销选用;
  • deselect_by_value(self, value)            
     #以value属性值来查找该option并撤除选拔;
  • deselect_by_visible_text(self, text)
      #以text文本值来寻找相配的因素并吊销选择;
  • deselect_all(self)    
                                 
     #将兼具采纳扫除;

因为事务厅方的页面示例,大家切换完毕之后是从未有过办法消弭,上边我们来推广一下html
<select> 标签的multiple 属性,multiple
属性规定可同期接受七个选项,能够把 multiple 属性与 size
属性同盟使用,来定义可以预知选项的数据,所以我们会涉嫌到裁撤格局。

上边是不包涵multiple 和 富含 multiple 的二种样式 

<select> 标签样式

伟德betvictot手机版 1

 <select> 标签的multiple 属性样式

伟德betvictot手机版 2

鉴于选用已经介绍的很详细,那么我们相称的采用和撤回,写多个例证合作演示一下

扶助测验的页面html代码

<html>
<body>
    <select name="cars" multiple="multiple" size="4">
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
        <option value="mercedes">Mercedes</option>
        <option value="audi">Audi</option>
    </select>
</body>
</html>

第大器晚成我们透过index、value、text文本两种方式开展分选,然后再一次按index、value、text
举办撤废,最终遍历全数的option循环接收,最终全体撤回。

#-*- coding:utf-8 -*-
import time
from selenium import webdriver
from selenium.webdriver.support.select import Select
driver = webdriver.Chrome()
driver.maximize_window()
driver.get('file:///C:/Users/hunk/Desktop/select.html')
'''本示例中所有设置等待时间均为便于观察效果'''
time.sleep(1)
Select(driver.find_element_by_name('cars')).select_by_index(0)  #以索引选择
time.sleep(1) 
Select(driver.find_element_by_name('cars')).select_by_value('saab')  #以value属性值选择
time.sleep(1) 
Select(driver.find_element_by_name('cars')).select_by_visible_text('Mercedes') #以text 文本进行选择
time.sleep(2)
Select(driver.find_element_by_name('cars')).deselect_by_index(0)
time.sleep(1)
Select(driver.find_element_by_name('cars')).deselect_by_value('saab')  #以value属性值取消选择
time.sleep(1) 
Select(driver.find_element_by_name('cars')).deselect_by_visible_text('Mercedes') #以text 文本进行取消选择
time.sleep(1)
'''获取所有的option的text值,进行遍历通过text文本进行选择'''
Options = Select(driver.find_element_by_name('cars')).options #该方法下面会详细介绍,此处为了获取所有的options选项
for option in Options:
    Select(driver.find_element_by_name('cars')).select_by_visible_text(option.text)  #循环选择
time.sleep(1)
Select(driver.find_element_by_name('cars')).deselect_all()
time.sleep(1)
driver.quit()

代码逻辑不主要,主要的是看效率,如下突显

伟德betvictot手机版 3 

3.选项

即便采撷未有下边两大块那么重大,不过我们还亟需轻易的来看一下

  • options    #以列表方式再次回到归属此select标签的有着option
  • all_selected_options #一切采撷了的option的列表
  • first_selected_option
    #第二个被选中的option成分若是select没有multiple值,那时候获取值为近期选拔的option

option 方法方面包车型客车例子已经使用过了,下边大家来介绍一下

def options(self):
    '''以列表形式返回属于此select标签的所有option'''
    return self._el.find_elements(By.TAG_NAME, 'option')

示例:

#-*- coding:utf-8 -*-

from selenium import webdriver
from selenium.webdriver.support.select import Select
driver = webdriver.Chrome()
driver.maximize_window()
driver.get('file:///C:/Users/hunk/Desktop/select.html')
S = Select(driver.find_element_by_name('cars')).options  #实例化Select,并且获取所有的options
for option in S:  #遍历options
    print(option.text) #获取option值
driver.quit()

 大家结合着方面包车型客车事例把剩余的三种option方法一齐演示下,上边在上头的例证进行改建一下,来探视会现出上边样子的效用

#-*- coding:utf-8 -*-
import time
from selenium import webdriver
from selenium.webdriver.support.select import Select
driver = webdriver.Chrome()
driver.maximize_window()
driver.get('file:///C:/Users/hunk/Desktop/select.html')
'''本示例中所有设置等待时间均为便于观察效果'''
time.sleep(1)
Select(driver.find_element_by_name('cars')).select_by_index(0)  #以索引选择
time.sleep(1) 
Select(driver.find_element_by_name('cars')).select_by_value('saab')  #以value属性值选择
time.sleep(1) 
Select(driver.find_element_by_name('cars')).select_by_visible_text('Mercedes') #以text 文本进行选择
time.sleep(2)
options = Select(driver.find_element_by_name('cars')).all_selected_options  #获取所有选择的option
'''这里我们遍历下看看那些值被选中'''
for option in options:
    print('已经被选中option文本值:' + option.text)
Select(driver.find_element_by_name('cars')).deselect_by_index(0)
time.sleep(1)
Select(driver.find_element_by_name('cars')).deselect_by_value('saab')  #以value属性值取消选择
time.sleep(1) 
Select(driver.find_element_by_name('cars')).deselect_by_visible_text('Mercedes') #以text 文本进行取消选择
time.sleep(1)
'''获取所有的option的text值,进行遍历通过text文本进行选择'''
Options = Select(driver.find_element_by_name('cars')).options #该方法下面会详细介绍,此处为了获取所有的options选项
for option in Options:
    Select(driver.find_element_by_name('cars')).select_by_visible_text(option.text)  #循环选择
time.sleep(1)
'''因为遍历的过程中Volvo的索引为0,Volvo则被第一个选中'''
selectOption = Select(driver.find_element_by_name('cars')).first_selected_option
print (selectOption.text)
Select(driver.find_element_by_name('cars')).deselect_all()
time.sleep(1)
driver.quit()

小编们把option加多现在,调节台打印了一下作用,看看是或不是是获取了相应的值

伟德betvictot手机版 4

上述把Select模块中常用的法子介绍了,通过二种差异的下拉菜单,对负有的点子实行了介绍,笔者动用奶油色标志的主意是大家实际上项目中时常会利用的,须求更深厚的去精通。

发表评论