(十四)处理下拉列表 select

乙醇 创建于 12 个月 之前

最后更新时间 2018-09-11

什么是下拉列表

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

运行结果

我要留言

暂无评论