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

随机推荐

EVM
靶机设置将靶机导入VirtualBox中,有时候导入VM会出错,扫描不到ip地址. kali:192.168.1.100 kali扫描获得ip地址:192.168.1.107 渗透测试接着扫描端口 ...
C++11移动语义之一（基本概念）
摘要移动语义是C++11的新特性之一,利用移动语义可以实现对象的移动而非拷贝.在某些情况下,可以大幅度的提升性能.本文将介绍C++11移动语义中的一些基本概念. 表达式表达式是由一个或者多个运算对 ...
svn 清理报错
Can't install '*' from pristine store, because no checksum is recorded for this file svn同步时,提示clean ...
flexible如何实现自动判断dpr？
判断机型, 找出样本机型去适配. 比如iphone以6为样本, 宽度375px, dpr是2
(转载)linux下Yum的$releasever和$basearch的取值
https://blog.csdn.net/whatday/article/details/51097456
是否可以从一个static方法内部调用非static方法？
不可以.静态成员不能调用非静态成员. 非static方法属于对象,必须创建一个对象后,才可以在通过该对象来调用static方法.而static方法调用时不需要创建对象,通过类就可以调用该方法.也就是说 ...
【Java】这 35 个 Java 代码优化细节！
前言代码优化 ,一个很重要的课题.可能有些人觉得没用,一些细小的地方有什么好修改的,改与不改对于代码的运行效率有什么影响呢?这个问题我是这么考虑的,就像大海里面的鲸鱼一样,它吃一条小虾米有用吗?没 ...
学习 Haproxy （五）
1 Linux Haproxy 负载均衡 v1.8 ★★★ 类似于ningx的反向代理1.1 Haproxy 概述 Haproxy是一个开源的高性能的反向代理或者说是负载均衡服务软件之一,它支持双机热 ...
【leetcode 29】两数相除（中等）
题目描述给定两个整数,被除数 dividend 和除数 divisor.将两数相除,要求不使用乘法.除法和 mod 运算符. 返回被除数 dividend 除以除数 divisor 得到的商. 整数 ...
#define的3种用法详解
1.#define 的作用在C或C++语言源程序中允许用一个标识符来表示一个字符串,称为"宏".被定义为"宏"的标识符称为"宏名".在编译 ...

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