css - 使用 Protractor 从下拉列表中选择选项不会关闭我的下拉列表

Question

对 Protractor、Jasmine 等仍然是新手

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

这里是:

var selectDropDown = element(by.css('.dropdown')); allOptions = element.all(by.options('一些选项'));

现在点击下拉菜单

selectDropDown.click();

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

allOptions.get(2).click();

一些断言代码....

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

但是，当我调用点击语句时，它似乎点击了(我想)但下拉列表永远不会关闭导致我的断言失败。

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

Answer 1

试试这个:

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

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