使用量角器从下拉列表中选择选项不会关闭我的下拉列表答案

【问题标题】：Select option from dropdown using protractor wont dismiss my dropdown使用量角器从下拉列表中选择选项不会关闭我的下拉列表
【发布时间】：2015-04-17 13:15:43
【问题描述】：

对 Protractor、Jasmine 等还是新手。

今天，我正在尝试与我的一项测试中的下拉选项列表进行交互。

这里是：

var selectDropDown = element(by.css('.dropdown')); allOptions = element.all(by.options('Some Options'));

现在点击下拉菜单

selectDropDown.click();

单击索引为 2 的下拉列表中的选项

allOptions.get(2).click();

一些断言代码......

现在的问题是它到达索引 2 上的元素，我确信这是因为我在元素 get(2) 上执行了 getText()。

但是，当我调用 click 语句时，它似乎点击了（我想），但下拉菜单永远不会关闭，导致我的断言失败。

我正在使用 Chrome 浏览器运行我的测试。

【问题讨论】：

【解决方案1】：

不要先点击下拉菜单。只需使用cssContainingText 直接访问您的选项

【讨论】：

【解决方案2】：

试试这个：

element(by.css('.dropdown')).$('[value="Value of Your Option"]').click();

在此通过使用element(by.css('.dropdown'))，我们可以获得总下拉列表。这里的 .dropdown 不是静态的，它是自定义的 Locator。 $ 是一个css选择器，从中我们可以使用Locator Value或其他方式选择元素。

【讨论】：