Html页面中的单选按钮、复选框、下拉框均可通过WebDriver实现操做。本节结合案例一起来看看WebDriver如何操做这些控件。

同步视频知识与系列知识内容，可关注：【公众号】:柒哥测试；【WX】:Lee-890;

1.设计Html测试页面

设计Html的页面命名为Radio&Select&CheckBox.html，代码如下：

<html>

    <head>

		<title>单选|复选|下拉框</title>

    </head>

	<style>

		.box{

			width:500px;height:800px;

			margin:20px auto;

			text-align:center;

		}

	</style>

    <body>

		<div class="box">

			</form>

				<h4>单选:Radio</h4>

			<form>

				<label value="radio">男</label>

				<input name="sex" value="male" id="boy" type="radio"><br>

				<label value="radio1">女</label>

				<input name="sex" value="female" id="girl" type="radio">

			</form>  

			<h4>复选框:CheckBox</h4>

			<form>

				<input id="c1" type="checkbox">Java<br>

				<input id="c2" type="checkbox">Python<br>

				<input id="c3" type="checkbox">C++<br>

			</form>

			<h4>下拉框:Select</h4>

			<label>籍贯</label>

				<select name="site">

					<option value="0">北京</option>

					<option value="1">上海</option>

					<option value="2">深圳</option>

				</select>

		</div>

    </body>

</html>

Radio&Select&CheckBox.html页面效果如图所示。可以看到页面中包含了单选按钮、复选框、下拉框控件。

1.1 单选按钮：Radio

案例要求：

首先是定位选择框的位置。
通过id，先定位女（id为"girl"）；再定位男（id为" boy "）。

实现代码如下所示。

from selenium import webdriver

from time import sleep

driver=webdriver.Firefox()

driver.get("file:///D:/Radio&Select&CheckBox.html")

driver.find_element_by_id("girl").click()

sleep(2)

driver.find_element_by_id("boy").click()

sleep(2)

driver.quit()

运行代码可以观察到先选中【女】，然后再去选中【男】。

1.2 复选框：checkbox

案例要求

勾选单个复选框。

勾选全部复选框。

选中单个复选框，代码如下：

from selenium import webdriver

from time import sleep

driver=webdriver.Firefox()

driver.get("file:///D:/Radio&Select&CheckBox.html")

# 通过id定位选中单个复选框

# driver.find_element_by_id("c1").click()  #选中Java

sleep(2)

driver.quit()

选中所有复选框，代码如下：

from selenium import webdriver

from time import sleep

driver=webdriver.Firefox()

driver.get("file:///D:/Radio&Select&CheckBox.html")

#全部勾选，通过find_elements_by_xpath()方法，选中type相同的

checkboxs=driver.find_elements_by_xpath(".//*[@type='checkbox']")

for i in checkboxs:

    if i.get_attribute('type') == 'checkbox':

         i.click()

sleep(2)

driver.quit()

选中所有复选框，然后再将最后1个复选框去掉，代码如下：

from selenium import webdriver

from time import sleep

driver=webdriver.Firefox()

driver.get("file:///D:/Radio&Select&CheckBox.html")

#全部勾选，通过find_elements_by_xpath()方法，选中type相同的

checkboxs=driver.find_elements_by_xpath(".//*[@type='checkbox']")

for i in checkboxs:

    if i.get_attribute('type') == 'checkbox':

         i.click()

# sleep(2)

#将最后选中的复选框再取消掉

driver.find_elements_by_xpath(".//*[@type='checkbox']").pop().click()

sleep(1)

driver.quit()

1.3 Is_selected()方法

Is_selected()方法在复选框中常常用到，有时候复选框本身就是【选中】的状态，如果再次单击，就变为【未被选中】的状态了，这样就不是我们所期望的状态了。

那可不可以当复选框没选中的时候，再去单击（click）下；当它已经是选中状态，就不再单击呢？ is_selected()方法检查是否选中该元素，一般针对单选框，复选框，其返回的结果是Bool 值，所以可通过Is_selected()方法判断元素是否被选中。

通过is_selected()方法先检查复选框是否被选中，如被选中则结束代码运行，如未被选中则执行选中操做，代码如下：

from selenium import webdriver

from time import sleep

driver=webdriver.Firefox()

driver.get("file:///D:/Radio&Select&CheckBox.html")

EleIsSelectedValue = driver.find_element_by_id('c1').is_selected()

if EleIsSelectedValue == True:

    print(EleIsSelectedValue)

else:

    driver.find_element_by_id('c1').click()

    NewEleIsSelectedValue = driver.find_element_by_id('c1').is_selected()

    print(NewEleIsSelectedValue)

    sleep(2)

driver.quit()

1.4 下拉框：Select

案例要求：

选中下拉框的第2个值【上海】

根据前面所学的知识，可以通过直接定位进行选择，通过层级进行选择，代码如下：

from selenium import webdriver

from time import sleep

driver=webdriver.Firefox()

driver.get("file:///D:/Radio&Select&CheckBox.html")

# 方式1：

SelectElement=driver.find_element_by_name("site")

SelectElement.find_element_by_xpath("//option[@value='1']").click()

sleep(2)

driver.quit()

除了上面的定位方式，WebDriver还提供了Select模块来定位下拉框。

使用Select模块，需要先导入该模块。

from selenium.webdriver.support.select import Select

Select提供了三种选择方法来定位下拉框：

select_by_index(index)：通过选项的顺序，第一个选项索引为 0；
select_by_value(value)：通过value属性；
select_by_visible_text(text)：通过选项可见文本。

通过select_by_index(index)方法来定位下拉框，代码如下：

from selenium import webdriver

from time import sleep

from selenium.webdriver.support.select import Select

driver=webdriver.Firefox()

driver.get("file:///D:/Radio&Select&CheckBox.html")

# ==================================

# ======借助Select模块来选择下拉框======

# ==================================

# Select方式1：借助Select索引来选择

SelectElement=Select(driver.find_element_by_name("site"))

SelectElement.select_by_index(1)

sleep(2)

driver.quit()

通过select_by_value(value)方法来定位下拉框，代码如下：

from selenium import webdriver

from time import sleep

from selenium.webdriver.support.select import Select

driver=webdriver.Firefox()

driver.get("file:///D:/Radio&Select&CheckBox.html")

# ==================================

# ======借助Select模块来选择下拉框======

# ==================================

# Select方式2：借助Select value属性来选择

SelectElement=Select(driver.find_element_by_name("site"))

SelectElement.select_by_value("1")

sleep(2)

driver.quit()

通过select_by_visible_text (value)方法来定位下拉框，代码如下：

from selenium import webdriver

from time import sleep

from selenium.webdriver.support.select import Select

driver=webdriver.Firefox()

driver.get("file:///D:/Radio&Select&CheckBox.html")

# ==================================

# ======借助Select模块来选择下拉框======

# ==================================

# Select方式3：借助Select text属性来选择

SelectElement=Select(driver.find_element_by_name("site"))

SelectElement. ("上海")

sleep(2)

driver.quit()

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

deselect_by_index(index)：取消对应index选项；
deselect_by_value(value)：取消对应value选项；
deselect_by_visible_text(text)：取消对应文本选项；
deselect_all()：取消所有选项。

Select提供了三个属性方法提供信息：

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

如果你觉的文章读的不过瘾，可以查看详细的视频教程。

【2021】UI自动化测试：Selenium3自动化测试

https://ke.qq.com/course/3172187?tuin=9c43f38e

【测试全系列视频课程】请点击我哦.....

《全栈测试系列视频》课程

地址：https://ke.qq.com/course/2525707?tuin=9c43f38e

图书京东、当当有售

京东：https://item.jd.com/12784287.html

当当：http://product.dangdang.com/29177828.html)!

同步视频知识与系列知识内容，可关注：【公众号】:柒哥测试；【WX】:Lee-890

Selenium3自动化测试【28】单选框、复选框、下拉选择框的更多相关文章

layui下拉选择框select不显示
弹层layer下拉框没有样式_不可点击_没有效果_渲染失效的解决办法一.必须给表单体系所在的父元素加上 class="layui-form" 在一个容器中设定 class=&qu ...
selenium的下拉选择框
今天总结下selenium的下拉选择框.我们通常会遇到两种下拉框,一种使用的是html的标签select,另一种是使用input标签做的假下拉框. 后者我们通常的处理方式与其他的元素类似,点击或使用J ...
selenium之下拉选择框Select
今天总结下selenium的下拉选择框.我们通常会遇到两种下拉框,一种使用的是html的标签select,另一种是使用input标签做的假下拉框. 后者我们通常的处理方式与其他的元素类似,点击或使用J ...
基于jQuery美化联动下拉选择框
今天给大家介绍一款基于jQuery美化联动下拉选择框.这款下下拉选择框js里自带了全国所有城市的数数库.下拉选择框适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲 ...
java、easyui-combotree树形下拉选择框
最近一直在研究这个树形的下拉选择框,感觉非常的有用,现在整理下来供大家使用: 首先数据库的表架构设计和三级菜单联动的表结构是一样,(父子关系) 1.下面我们用hibernate建一下对应的额实体类: ...
FancySelect – 更好用的 jQuery 下拉选择框插件
FancySelect 这款插件是 Web 开发中下拉框功能的一个更好的选择.FancySelect 使用方便,只要绑定页面上的任何 Select 元素,并调用就 .fancySelect() 就可以 ...
HTML、CSS小知识--兼容IE的下拉选择框select
HTML <div class="s_h_ie"> <select id="Select1" disabled="disabled& ...
Bootstrap系列 -- 15. 下拉选择框select
Bootstrap框架中的下拉选择框使用和原始的一致,多行选择设置multiple属性的值为multiple.Bootstrap框架会为这些元素提供统一的样式风格 <form role=&quo ...
CSS自定义select下拉选择框(不用其他标签模拟)
今天群里有人问到怎么自定义select下拉选择框的样式,于是群里就展开了激烈的讨论,刚开始一直就是考虑怎样使用纯CSS实现,把浏览器默认的样式覆盖掉,但最后均因兼容问题处理不好而失败告终,最后的解决方 ...
ul+jquery自定义下拉选择框
<!doctype html> <html> <head> <meta charset="UTF-8"> <title> ...

随机推荐

python 实现批量md转word
# qianxiao996精心制作 #博客地址:https://blog.csdn.net/qq_36374896 #md批量转word import os def auto_md_to_docx(f ...
浅析 c++ bitset 的用法
浅析 c++ bitset 的用法总述 C++的 \(bitset\) 位于 <bitset> 头文件中,这是一种类似于数组的数据结构,每个位置存储 \(0\ or\ 1\) ,并且每个 ...
Clickhouse上用Order By保证绝对正确结果但代价是性能
一些聚合函数的结果跟流入数据的顺序有关,CH文档明确说明这样的函数的结果是不确定的.这是为什么呢?让我们用explain pipeline来一探究竟. 以一个很简单的查询为例: select any( ...
RabbitMQ 的集群?
镜像集群模式你创建的 queue,无论元数据还是 queue 里的消息都会存在于多个实例上,然后每次你写消息到 queue 的时候,都会自动把消息到多个实例的 queue 里进行消息同步. 好处 ...
Spring-boot-菜鸟-properties配置
如果测试结果出现中文乱码: 结果": Person{lastName='张胜男', age=11, boss=false, birth=Wed Nov 11 00:00:00 CST 202 ...
APScheduler定时任务框架
1.简介 APScheduler是一个Python**定时任务框架**,提供了**基于日期**.**固定时间间隔**以及**crontab**类型的任务,并且可以**持久化任务**.基于这些功能,我们 ...
labview和matlab区别
LabVIEW和MATLAB作为本身功能比较完善的软件环境,在各自不同的领域中有着十分广泛的应用.下面小编就详细介绍LabVIEW和MATLA以及它们之间的区别. 一.LabVIEW简介 LabVIE ...
CSS实例：翻转图片、滚动图片栏、打开大门
CSS 翻转图片主要用到的技术除了3D翻转和定位 ,还用到了一个属性 backface-visibility:visable|hidden;该属性主要是用来设定元素背面是否可见. 效果图如下: 具体的 ...
原型模式故事链--new一个对象的过程
上一个总标题:https://segmentfault.com/a/11...提问:你有对象了吗?答:没有.笨!new一个不就好了吗! 问题点:为什么我要理解new一个对象的过程?答:不理解这个过程, ...
javaweb之连接数据库
最近做完了一个图书系统的增删改查,想着来总结一下这几个月的所学内容. 一.首先你需要在电脑上安装上mysql或者sql server(本文以mysql为例) mysql官网:MySQL :: Begi ...

Selenium3自动化测试【28】单选框、复选框、下拉选择框