Selenium2学习-010-WebUI自动化实战实例-008-Selenium 操作下拉列表实例-Select

此文主要讲述用 Java 编写 Selenium 自动化测试脚本编写过程中,对下拉列表框 Select 的操作。

下拉列表是 Web UI 自动化测试过程中使用率非常高的,通常有两种形式的下拉列表,一种是 Select 的下拉列表,此种操作的时候比较简单,定位到元素后直接操作即可;还有的下拉列表是以多个 div + js + input 的形式实现,input 用于存储选择的项的 value 值;当然也会有其他方式实现的下拉列表。

希望能对初学 Selenium2 WebUI 自动化测试编程的亲们有所帮助。若有不足之处,敬请大神指正,不胜感激!

以下为 Selenium 操作下拉列表 Select 的 Java 自动化测试脚本实例源代码,敬请参阅!

 package main.aaron.demo.droplist;

 import main.aaron.sele.core.TestCase;

 import org.openqa.selenium.By;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.support.ui.Select;
import org.testng.annotations.Test; /**
* Selenium 操作下拉列表实例-Select
*
* @author Aaron.ffp
* @version V1.0.0: autoSeleniumDemo main.aaron.demo.droplist Droplist01.java, 2015-6-16 19:03:51 Exp $
*/
public class Droplist01 extends TestCase{
// 获取需要打开的链接的 URL 路径
private final String baseUrl = this.PROJECTHOME + this.FILESEPARATOR + "source" +
this.FILESEPARATOR + "html" + this.FILESEPARATOR + "selectDemo.html"; @Test
public void testDropList(){
this.webdriver.get(this.baseUrl); // 获取元素-下拉列表
WebElement goodsTypeList = this.webdriver.findElement(By.id("goodsType")); // 将元素转换为 Select
Select gtl = new Select(goodsTypeList); // 模拟用户点击动作展开下拉列表,也可不执行直接选择;
// 若是执行此步再选择下拉列表之后无其他操作时,列表会一直存在;执行其他操作时,列表收起
goodsTypeList.click(); // 通过列表项的 option 索引选择,也可不执行
gtl.selectByIndex(3); this.webdriver.findElement(By.id("goods")).clear();
this.webdriver.findElement(By.id("goods")).sendKeys(this.selectSelected(gtl)); /**
// 通过列表项的 option 的 value 值选择
gtl.selectByValue("3v"); // 通过列表项的 option 的 text 值选择
gtl.selectByVisibleText("汽车精品"); // 遍历列表项的所有可选项,并选择对应的项
for (int i = 0; i < gtl.getOptions().size(); i++) {
gtl.getOptions().get(i).click();
} // 遍历列表项的所有可选项,并选择对应的项
for (WebElement item : gtl.getOptions()) {
item.click();
}
*/
}
}

Selenium 操作下拉列表实例-Select 源代码

以下为上述代码中调用的方法源码

 /**
* 获取 Select 已选中的项的 text 值
*
* @author Aaron.ffp
* @version V1.0.0: autoSeleniumDemo main.aaron.sele.core SeleniumCore.java selectSelected, 2015-6-16 19:40:02 Exp $
*
* @param select : Select 下拉列表对象
* @return 已选择项的 text 值
*/
public String selectSelected(Select select){
String text = ""; for (int i = 0; i < select.getOptions().size(); i++) {
if (select.getOptions().get(i).isSelected()) {
text = select.getOptions().get(i).getText(); return text;
}
} return text;
}

selectSelected 方法

以下为 Select 下拉列表源码(selectDemo.html):

 <html>
<head>
<meta charset='utf-8'>
<title>下拉列表框</title>
</head> <body>
<a id="goodtype">商品分类:</a>
<select id="goodsType">
<option value="0v">请选择...</option>
<option value="1v">笔记本</option>
<option value="2v">硬件外设</option>
<option value="3v">大家电</option>
<option value="4v">创意小电</option>
<option value="5v">个护电器</option>
<option value="6v">汽车精品</option>
<option value="7v">办公文具</option>
</select> <input id="goods" type="text"></input>
</body>
</html>

Select 下拉列表源码 selectDemo.html

  由上述源码可知,操作下拉列表-Select 时,首先要获得 Select 元素(Selenium 自动化页面操作的基础),再 new 一个 Select 对象,然后对 Select 对象进行操作,即可正确的进行下拉列表的操作,以及获取下拉列表当前已选择的项值。动手能力强的亲们,也可以自己封装一下 Selenium 对 Select 的操作几个有用方法,例如:判断 option 的 value 是否存在;判断 option 的 text 值是否存在;判断 index 值是否超出 option 的数组边界。。。等等,用于后续的 WEB UI 自动化。

  选择下拉列表项的方法有三种:(1)option 的 index,(2)option 的 value,(3)option 的 text。无论选择哪种方法,建议对三者的值进行校验判断,否则易出现元素不存在的错误,当然也可以对代码 try...catch 一下,以处理异常。

  PS:使用上述源码时,注意一下几点:

  1、替换源码中的 baseUrl 为实际路径;

  2、将 selectSelected 方法正确添加到源码,否则执行的时候会报错

  3、自行添加启动浏览器的代码

下拉列表框操作下期精彩:Selenium2学习-014-WebUI自动化实战实例-012-Selenium 操作下拉列表实例-div+{js|jquery}

至此,WebUI 自动化功能测试脚本第 008 篇-下拉列表框 Select 操作 顺利完结,希望此文能够给初学 Selenium 的您一份参考。

最后,非常感谢亲的驻足,希望此文能对亲有所帮助。热烈欢迎亲一起探讨,共同进步。非常感谢! ^_^

上一篇:Python实现类似比特币的加密货币区块链的创建与交易实例


下一篇:Selenium2学习-014-WebUI自动化实战实例-012-Selenium 操作下拉列表实例-div+{js|jquery}