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】单选框、复选框、下拉选择框的更多相关文章

  1. layui下拉选择框select不显示

    弹层layer下拉框没有样式_不可点击_没有效果_渲染失效的解决办法 一.必须给表单体系所在的父元素加上 class="layui-form" 在一个容器中设定 class=&qu ...

  2. selenium的下拉选择框

    今天总结下selenium的下拉选择框.我们通常会遇到两种下拉框,一种使用的是html的标签select,另一种是使用input标签做的假下拉框. 后者我们通常的处理方式与其他的元素类似,点击或使用J ...

  3. selenium之 下拉选择框Select

    今天总结下selenium的下拉选择框.我们通常会遇到两种下拉框,一种使用的是html的标签select,另一种是使用input标签做的假下拉框. 后者我们通常的处理方式与其他的元素类似,点击或使用J ...

  4. 基于jQuery美化联动下拉选择框

    今天给大家介绍一款基于jQuery美化联动下拉选择框.这款下下拉选择框js里自带了全国所有城市的数数库.下拉选择框适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲 ...

  5. java、easyui-combotree树形下拉选择框

    最近一直在研究这个树形的下拉选择框,感觉非常的有用,现在整理下来供大家使用: 首先数据库的表架构设计和三级菜单联动的表结构是一样,(父子关系) 1.下面我们用hibernate建一下对应的额实体类: ...

  6. FancySelect – 更好用的 jQuery 下拉选择框插件

    FancySelect 这款插件是 Web 开发中下拉框功能的一个更好的选择.FancySelect 使用方便,只要绑定页面上的任何 Select 元素,并调用就 .fancySelect() 就可以 ...

  7. HTML、CSS小知识--兼容IE的下拉选择框select

    HTML <div class="s_h_ie"> <select id="Select1" disabled="disabled& ...

  8. Bootstrap系列 -- 15. 下拉选择框select

    Bootstrap框架中的下拉选择框使用和原始的一致,多行选择设置multiple属性的值为multiple.Bootstrap框架会为这些元素提供统一的样式风格 <form role=&quo ...

  9. CSS自定义select下拉选择框(不用其他标签模拟)

    今天群里有人问到怎么自定义select下拉选择框的样式,于是群里就展开了激烈的讨论,刚开始一直就是考虑怎样使用纯CSS实现,把浏览器默认的样式覆盖掉,但最后均因兼容问题处理不好而失败告终,最后的解决方 ...

  10. ul+jquery自定义下拉选择框

    <!doctype html> <html> <head> <meta charset="UTF-8"> <title> ...

随机推荐

  1. python 发送POST请求

    #博客地址:https://blog.csdn.net/qq_36374896 import urllib.request import urllib.parse url = "http:/ ...

  2. WIFI-Pumpkin无线钓鱼渗透

    WIFI-Pumpkin无线钓鱼渗透 描述 WiFi-Pumpkin是一款专用于无线环境渗透测试的完整框架,利用该工具可以伪造接入点完成中间人攻击,同时也支持一些其他的无线渗透测试功能.旨在提供更安全 ...

  3. org.apache.kafka.common.errors.SerializationException: Error deserializing... Caused by: org.apache.kafka.common.errors.SerializationException: Size of data received by IntegerDeserializer is not 4

    原因,最近开发的kafka消息接收,突然报如下错: org.apache.kafka.common.errors.SerializationException: Error deserializing ...

  4. Redis 集群方案什么情况下会导致整个集群不可用？

    有 A,B,C 三个节点的集群,在没有复制模型的情况下,如果节点 B 失败了, 那么整个集群就会以为缺少 5501-11000 这个范围的槽而不可用.

  5. 杭电OJ 1248 不死族巫妖王 完全背包问题 字节跳动 研发岗编程原题

    转载至:https://blog.csdn.net/ssdut_209/article/details/51557776 Problem Description不死族的巫妖王发工资拉,死亡骑士拿到一张 ...

  6. Markdown语法2

    二 . 低频使用的语法 下面是相对用得少的markdown语法,但也值得学习学习. 10.区块(块引用) 要创建块引用,请在段落前添加一个 >  符号: 块引用支持多段落: 块引用支持嵌套,即引 ...

  7. html dom 转化成图片踩坑记（canvas toDataURL）

    需求 在开发过程中遇到这么一个需求,h5页面需要将一个html dom转化成图片,便于用户保存. 面向百度搜索第三方得 html2canvas 和 dom-to-image 两者在写这篇笔记之前在gi ...

  8. es6零碎记忆

    1:substring 和 substr var str = '0123456789' console.log(str.substring(1)); //123456789 console.log(s ...

  9. PYthon窗口学习之用异步请求解决Treeview列表插入大量数据反应慢的解决办法

    当列表插入大量数据时,经常会等一会才显示数据 异步请求就将每一个插入语句并发运行,从而提高插入速度 代码: # 显示结果 def insert_result(table, info): def ins ...

  10. 'utf-8' codec can't decode byte 0x8b in position 1: invalid start byte

    问题描述:在使用python爬取斗鱼直播的数据时,使用str(读取到的字节,编码格式)进行解码时报错:'utf-8' codec can't decode byte 0x8b in position ...