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> ...

随机推荐

windows配置jdk环境变量、mysql环境变量、tomcat环境变量、maven环境变量、git环境变量、node环境变量
一.windows配置各种环境变量后 path 路径下的目录: 二.windows 配置各种环境变量的目的: 为windows系统添加上各种环境对应的命令举例,为什么要添加jdk的bin目录,是因为 ...
比较一下 Java 和 JavaSciprt?
JavaScript 与 Java 是两个公司开发的不同的两个产品.Java 是原 Sun Microsystems 公司推出的面向对象的程序设计语言,特别适合于互联网应用程序开发:而 JavaSc ...
Vue基于webpack自动装载配置
Vue的自动装载配置是在 @cli/cli-service 包中,配置文件的目录在 lib/config/ 下的文件,css.js 文件是配置样式的处理,先从这里开始了解把 CSS配置流程对应着这 ...
resin服务之二----整合resin+Apache服务
整合resin+Apache服务 1.为什么要整合Apache和resin? a. 早期的resin,tomcat对httpd服务支持不好. b. tomcat,resin对rewrite,expi ...
Java根路径设置(在获取本地路径时会获取到这个文件夹,,这样就可以专门放配置文件了)
在获取本地路径时会获取到这个文件夹,,这样就可以专门放配置文件了
C# 正则表达式判断是否是有效的文件、文件夹路径
C# 正则表达式判断是否是有效的文件.文件夹路径省流 /// <summary> /// 是否有效的文件,文件夹路径 /// </summary> /// <param ...
Pandas查询数据的几种方法
Pandas查询数据 Pandas查询数据的几种方法 df.loc方法,根据行.列的标签值查询 df.iloc方法,根据行.列的数字位置查询 df.where方法 df.query方法 .loc既能查 ...
Matlab解析LQR与MPC的关系
mathworks社区中的这个资料还是值得一说的. 1 openExample('mpc/mpccustomqp') 我们从几个角度来解析两者关系,简单的说就是MPC是带了约束的LQR. 在陈虹模型预 ...
simulink中的两种求导模块
最终图像都是下图形式
直接使用sublime编译stylus
stylus介绍 Stylus 是一个CSS的预处理框架,2010年产生,来自Node.js社区,主要用来给Node项目进行CSS预处理支持,所以 Stylus 是一种新型语言,可以创建健壮的.动态的 ...

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