3.5.2 选择框进行选择
-
单选框
单选框(Radio Button)像这样:
image.png
要对选择框进行选择,直接用WebElement的click方法,模拟用户点击就可以了。而且不管原来该元素是否选中,直接去点击该元素就没有问题,都可以确保该单选框选中。下面面的HTML页面。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<p>测试单选</p>
<div>
<input type="radio" name="gender" value="male"> 男<br>
<input type="radio" name="gender" value="female"> 女<br>
<input type="radio" name="gender" value="other" checked="checked"> 其他
</div>
</body>
</html>
要确保性别“男”的选项被选中,代码可以这样写:
from datetime import time
import time
from selenium import webdriver
driver = webdriver.Chrome('E:\ChromDriver\chromedriver.exe')
driver.get(r'E:\case\Selenium\代码\samples_selenium\wd\lesson04\rb.html')
driver.implicitly_wait(10)
#css
input1 = driver.find_element_by_css_selector("input[value=male]")
#XPath
# input1 = driver.find_element_by_xpath("//input[@value='male']")
input1.click()
time.sleep(5)
driver.quit()
这里就选择男了,注意radio是单选框
-
勾选框
勾选框(Check Box)像这样
image.png
要对勾选框进行选择,直接用WebElement的click方法,模拟用户点击就可以了。要注意一个问题是,对应单选框,不管原来该元素是否选中,直接去点击该元素没有问题,都可以确保单选框选中。而对于勾选框,我们必须先获取当前该选择框的状态,如果是已经点选的,我们的代码里就不能再点击,否则点击已选中的勾选框,反而会取消选择。下面的HTML页面,‘我有一辆汽车’的选项已经被选了。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<p>测试勾选</p>
<div>
<input type="checkbox" name="vehicle" value="bike" >
我有一辆自行车
<br>
<input type="checkbox" name="vehicle" value="car" checked>
我有一辆汽车
</div>
</body>
</html>
Selenium通过 WebElement 的 is_selected 方法来获取 选择框是否选中的状态。要确保‘我有一辆汽车’的选项被选中,代码可以这样写:
from selenium import webdriver
driver = webdriver.Chrome('E:\ChromDriver\chromedriver.exe')
driver.get(r'E:\case\Selenium\代码\samples_selenium\wd\lesson04\cb.html')
input1 = driver.find_element_by_css_selector('input[value=car]')
selected = input1.is_selected()
if selected:
print('car already selected')
else:
print('car not selected,click on it')
input1.click()
input('press any key to quit...')
driver.quit()
这样,先判断,如果选中,不能点击该勾选框。
-
复选框
复选框(select)可以是多选的,像这样:
image.png
也可以是单选的,像这样:

下面是 html 页面:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>定位网页元素</title>
</head>
<body>
<p>选择您喜爱的车</p>
<select id="multi" multiple>
<option value="benz">奔驰S300</option>
<option value="accord">雅阁</option>
<option value="bmw" selected="selected">宝马 740</option>
<option value="audi">奥迪A6</option>
</select>
<hr>
<p>选择性别</p>
<select id="single">
<option value="male">男</option>
<option value="female" selected="selected">女</option>
</select>
</body>
</html>
其中,选车的选项是多选(注意<select>里面的 multiple 属性),选性别是单选,如果我们想选中宝马和雅阁两种车,性别男,该怎么做呢?特别要注意的是,多选框里面已经有宝马选项,已经处于选中状态了。Selenium 为我们提供了一个方便的 Select 类。其中有个方法 deselect_all 用来清除原来的选择,然后通过方法 select_by_visible_text, 根据选项的内容进行选择,而不是我们发出点击事件去选择。下面是示例代码:
from selenium import webdriver
driver = webdriver.Chrome('E:\ChromDriver\chromedriver.exe')
driver.get(r'E:\case\Selenium\代码\samples_selenium\wd\lesson04\ms.html')
#导入select类
from selenium.webdriver.support.ui import Select
#获取相应的webElement
select = Select(driver.find_element_by_id("multi"))
#先去选择所有的选项
select.deselect_all()
select.select_by_visible_text("雅阁")
select.select_by_visible_text("宝马 740")
#获得相应的webElement
select = Select(driver.find_element_by_id("single"))
select.select_by_visible_text("男")
input("press any key to quit...")
driver.quit()
只有遇到 select 标签名的才能用 select 类.
3.5.3 编辑框的一些操作
用 clear 方法清除该元素里面字符串:
input1.clear()
获取 input() 元素里面输入的文本内容:
input1.get_attribute('value')
3.5.4 点击按钮、链接
按钮、链接的点击都非常简单,找到该元素,直接调用其 click 方法就可以了。比如:
driver.find_element_by_id('123').click()
下面是 html 页面:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>定位网页元素</title>
</head>
<body>
<p>测试输入</p>
<div style="color:#0000FF">
<input id="input1" value="sdfsdf">
<br><br>
<textarea id="ta1"></textarea>
</div>
<button name='button'>按钮1</button>
<button name='button'>按钮2</button>
</body>
</html>
示例代码:
from selenium import webdriver
driver = webdriver.Chrome('E:\ChromDriver\chromedriver.exe')
driver.get(r'E:\case\Selenium\代码\samples_selenium\wd\lesson04\input1.html')
driver.implicitly_wait(10)
input1 = driver.find_element_by_id('input1')
input1.clear()
input1.send_keys('软件测试')
print(input1.get_attribute('value'))
input("press any key to quit...")
driver.quit()
网友评论