美文网首页
Selenium 下拉框、勾选框的一些操作

Selenium 下拉框、勾选框的一些操作

作者: 自如_ | 来源:发表于2019-06-18 14:49 被阅读0次

3.5.2 选择框进行选择

  • 单选框
    单选框(Radio Button)像这样:
    image.png

要对选择框进行选择,直接用WebElementclick方法,模拟用户点击就可以了。而且不管原来该元素是否选中,直接去点击该元素就没有问题,都可以确保该单选框选中。下面面的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

要对勾选框进行选择,直接用WebElementclick方法,模拟用户点击就可以了。要注意一个问题是,对应单选框,不管原来该元素是否选中,直接去点击该元素没有问题,都可以确保单选框选中。而对于勾选框,我们必须先获取当前该选择框的状态,如果是已经点选的,我们的代码里就不能再点击,否则点击已选中的勾选框,反而会取消选择。下面的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通过 WebElementis_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

也可以是单选的,像这样:


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()

相关文章

网友评论

      本文标题:Selenium 下拉框、勾选框的一些操作

      本文链接:https://www.haomeiwen.com/subject/wacxqctx.html