css - Nightwatch 无法找到/单击下拉选项

Question

我是一名背包客和一名程序员，正在尝试使用第二种技能在满员的营地中寻找空缺。我没有从头开始爬行，而是使用端到端测试框架 nightwatch.js 为我导航。

我遇到了障碍，因为 nightwatch 很难使用 css 选择器找到特定元素。

这是元素和页面:

这是我的测试代码:

以前的尝试

我的测试代码将点击带有#permitTypeId的选择框。它将看到 #permitTypeId option 是可见的。当指定更具体的值时，它将不会看到或点击任何选项。五个 .click() 都是我已经尝试过的 css 选择器。所有选项均未设置为 display:hidden 或 display:none。我也在没有 .waitForElementToBeVisible() 的情况下尝试了上述所有方法，以防万一等待导致下拉列表隐藏。

我已经成功地点击了本网站不同下拉菜单中的选项，没有任何问题。就是这个让人头疼。

测试在 Mac Yosemite 上使用最新的 Selenium 服务器和 Firefox 运行。

tl;博士

Nightwatch.js/Selenium 不会点击下拉菜单中的内容。

Answer 1

路径...

Cory 让我想到了 jQuery 和原生 DOM 操作。尝试走那条路，并成功地使用 Selenium 的 .execute() 选择了正确的选项。功能:

.execute('document.getElementById("permitTypeId").options[1].selected=true')

但是，它没有触发 onchange事件。

看到这个post这让我开始考虑使用击键和 this one建议使用箭头键向下导航 <select>元素添加到选项中，然后按回车键。

...到解决方案

.click('select[id=permitTypeId]')
.keys(['\uE015', '\uE006'])

我发现这是 Firefox 的问题。 Chrome 和 PhantomJS 运行良好点击 <option>标签。