处理form表单中的下拉列表，需要用到一个Selenium工具类-Select

一、Select工具类常用属性和方法

方法/属性 描述
1 select_by_value() 根据值选择
2 select_by_index() 根据索引选择
3 select_by_visible_text() 根据文本选择
4 deselect_by_value 根据值反选
5 deselect_by_index() 根据索引反选
6 deselect_by_visible_text() 根据文本反选
7 deselect_all() 反选所有
8 options 所有选项
9 all_selected_options 所有选中选项
10 frist_selected_option 第一个选择选项

二、form表单测试

1、下拉列表选项为单选时，定义from表单

（1）form表单代码

<select name="provise" id="provise"></select>

如下图所示，form表单中定义了一个单选城市的下拉列表

（2）测试用例

用例：选中不同选项

结果：可正常选中，各个选项互斥

自动执行测试用例代码：

利用Select类中三个不同方法实现：select_by_value(); select_by_index(); select_by_visible_text()

select.select_by_index(1)#根据索引值选中选项，index:0,1,2···

sleep(2)

select.select_by_value('bj')#根据值选中选项

sleep(2)

select.select_by_visible_text('TianJing')#根据可视化文本选中对象

sleep(2)
2、下拉列表选项为多选时，需多定义一个属性multiple

（1）form表单代码

<select name="provise" id="provise" multiple></select>

如下图所示，定义了一个可多选城市的form表单

（2）测试用例1

用例1：选中多个选项

结果1：可正常选中，各个选项不互斥

自动化执行测试用例代码：

通过索引遍历选项，逐个选中，用到的Select类方法是select_by_index()：通过索引选中

#多选的情况下将选项全选

for i in range(3):

    select.select_by_index(i)

    sleep(1)

sleep(2)

也可以利用的是Select类中options属性，遍历options列表逐个点击

for option in select.options:

    option.click()#点击选项

    sleep(2)

sleep(2)

（3）测试用例2

用例2：反选所有选项

结果2：所有选项取消选中状态

自动化执行用例代码：

用到Select类中的deselect_all()方法

#反选全部

select.deselect_all()

sleep(2)

三、总代码

1、form表单定义
点击查看代码 
<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<form action="javascript:alert('test')" >

    provide:

    <select name="provise" id="provise" multiple>

        <option value="bj">BeiJing</option>

        <option value="sh">ShangHai</option>

        <option value="tj">TianJing</option>

    </select>

</form>

</body>

</html>
2、form表单测试
点击查看代码 
from selenium import webdriver

from time import sleep

import os

from selenium.webdriver.common.by import By

from selenium.webdriver.support.select import Select

class Testcase(object):#继承object类

    def __init__(self):

        self.driver=webdriver.Edge()

        path=os.path.dirname(os.path.abspath(__file__))

        file_path ='file:///' + path + '/form2.html'

        self.driver.get(file_path)#加载form表单

    def test_select(self):

        se=self.driver.find_element(By.ID,"provise")#定位元素

        select=Select(se)#实例化Select对象，参数为WebElement对象

        # select.select_by_index(1)#根据索引值选中选项，index:0,1,2···

        # sleep(2)

        # select.select_by_value('bj')#根据值选中选项

        # sleep(2)

        # select.select_by_visible_text('TianJing')#根据可视化文本选中对象

        # sleep(2)

        # #多选的情况下将选项全选

        # for i in range(3):

        #     select.select_by_index(i)

        #     sleep(1)

        # sleep(2)

        #

        # #反选全部

        # select.deselect_all()

        # sleep(2)

        for option in select.options:

            option.click()#点击选项

            sleep(2)

        sleep(2)

        self.driver.quit()

if __name__=="__main__":

    case=Testcase()

    case.test_select()

Selenium测试form表单之下拉列表的更多相关文章

  1. qq邮箱问卷，测试不支持form表单

    想做个类似苹果调查问卷的: 找到qq邮箱的代码编辑器: 写好我们的网页(h5) <!DOCTYPE html> <html lang="en"> <h ...

  2. jQuery Form 表单提交插件-----formSerialize，fieldSerialize，fieldValue，resetForm，clearForm，clearFields的 应用

    一.jQuery Form的其他api  1.  formSerialize 将表单序列化成查询串.这个方法将返回一个形如: name1=value1&name2=value2的字符串.是否可 ...

  3. 前端开发-4-HTML-table&form&表单控制 标签

    1.table标签 <!DOCTYPE html> <html lang="cn"> <head> <meta charset=" ...

  4. Html form表单大全（一）

    在前后端交互的过程中,除了ajax请求之外,最常见的就是表单请求了. 由于form表单属性多,表单标签内容多且复杂,不深究的话很难全面的弄明白. 接下来就来详细的说一说整个form表单都有些什么,并且 ...

  5. java：JavaScript2：（setTimeout定时器，history.go()前进/后退，navigator.userAgent判断浏览器，location.href，五种方法获取标签属性，setAttribute，innerHTML，三种方法获取form表单信息，JS表单验证，DOM对象，form表单操作）

    1.open,setTimeout,setInterval,clearInterval,clearTimeout <!DOCTYPE> <html> <head> ...

  6. vue3 element-plus 配置json快速生成form表单组件，提升生产力近600%（已在公司使用，持续优化中）

    ️本文为博客园社区首发文章,未获授权禁止转载 大家好,我是aehyok,一个住在深圳城市的佛系码农‍♀️,如果你喜欢我的文章,可以通过点赞帮我聚集灵力️. 个人github仓库地址: https:gi ...

  7. Django基础，Day5 - form表单投票详解

    投票URL polls/urls.py: # ex: /polls/5/vote/ url(r'^(?P<question_id>[0-9]+)/vote/$', views.vote, ...

  8. react引用antd的form表单

    引用form是第三方插件ant插件,官网网址:https://ant.design/.用到的antd的版本是@2.0.1.form(https://ant.design/components/form ...

  9. HTML table、form表单标签的介绍

    1. <table>标签 1.1说明: 在HTML 中定义表格布局. 1.2格式: <table> <caption></caption> <tr ...

  10. form表单提交路径action="" 时的一种特殊情况

    一.说明: 当页面的form表达的action=""时,表示表单会提交到当前页面,但是如果当前页面的URL里已经带有一个参数了,每次提交表达时这个参数依然存在,不管form表单里有 ...

随机推荐

  1. 《Programming from the Ground Up》阅读笔记：p103-p116

    <Programming from the Ground Up>学习第7天,p103-p116总结,总计14页. 一.技术总结 1.读写文件 (1)linux.s linux.s: #fi ...

  2. freertos学习笔记（十）事件标志组

    事件标志组 相当于用户平时定义的Flag,事件标志,不过freertos支持将该标志组作为启动task的条件 概述 分为8位和24位的模式(通过设置宏来配置) 每一位有0和1两个状态 用法 用于平常程 ...

  3. python的dir()函数

    dir()函数不带参数时,返回当前范围内的变量.方法和定义的类型列表:

  4. ES6中对数组的数据进行排序

    今天在工作中遇到了要对多选数据进行排序的一个功能,在此学习记录一下. 实现效果:点击左边的向下或者向上排序的按钮实现数据的排序. 选择第二个向下排序,结果如下: 具体方法如下: //找到原来需要排序的 ...

  5. JavaScript Library – YouTube Embedded、YouTube Player API、YouTube Data API

    YouTube Embed Video 参考: Embed videos & playlists 它和 Google Maps Embed 类似,是通过 iframe 完成的. <ifr ...

  6. ASP.NET Core – Upload and Download Files (上传和下载文件)

    前言 以前得文章 Asp.net core 学习笔记 ( upload/download files 文件上传与下载 ), 这篇是修订版. Handle Upload File (处理上传文件) 我的 ...

  7. C# – 10.0

    前言 之前写过 6.0, 7.0, 8.0, 9.0 总结. 10.0 也是有些好东西哦, 尤其是 pattern matching 的完善, 差不多是时候可以重构 if else switch 的写 ...

  8. Linux操作系统和文件系统、常见命令（下）

    C语言的绝大部分内容应该记录在以.c作为拓展名的文件里,这种文件叫做C语言的源文件 C语言程序里还包括以.h作为拓展名的文件,这种文件叫头文件(只有极少数的内容可以记录在头文件里) C语言程序里可以使 ...

  9. [Tkey] 生日礼物

    题意简述 彩珠有 \(n\) 个 \(k\) 种,每个珠子都有一个坐标 \(p_{i}\),求最小的区间长度,使得这个区间包含全部的 \(k\) 种彩珠. 分析 发现我们可以维护每一种颜色的最近出现坐 ...

  10. P1438 无聊的数列 题解

    背景 看到题解都是差分,竟然还有建两颗线段树和二阶差分的大佬. 我感到不理解,很不理解. 题目正解 本题正解很明显就是:线段树 是的,你没有看错,就只有线段树. 很显然我们直接按照线段树板题写就可以了 ...