(十四)处理下拉列表 select
乙醇 创建于 over 7 years 之前
最后更新: less than a minute 之前
阅读数: 143
什么是下拉列表
<select id="select">
<optgroup label="Option Group">
<option>Option One</option>
<option>Option Two</option>
<option>Option Three</option>
</optgroup>
</select>
下拉列表的标签是select,如上所示,其中
- select表示下拉列表
- option表示列表里的子项
上面的html里,这个下拉列表中一共有3项,分别是Option One, Option Two和Option Three。
目的
- 学会选择下拉列表里的特定项目
- 学会使用层级定位
场景
选择上面html代码所示的下拉列表的最后一项,也就是Option Three。
代码
var path = require('path');
var webdriver = require('selenium-webdriver'),
By = webdriver.By;
var testFile = "file://" + path.join(__dirname, "index.html")
var dr = new webdriver.Builder().forBrowser('chrome').build();
dr.get(testFile)
dr.findElement(By.id('select')).then(function(select) {
dr.findElements(By.css('option')).then(function(options) {
options[options.length - 1].click();
});
});