javascript - Nightwatch 无法通过 css id 或类选择器定位元素

Question

我们正在使用 Nightwatch 来自动化我们的一些 UI 测试。目前的一些测试相当脆弱，主要与奇怪的 CSS 选择器有关，我正在努力简化它们。但是，我希望可以使用的一些简单的 CSS 选择器，嗯，不是。

我试图找到这个深度嵌套的 <a>标签:

<a class="btn btn-quote btn-crm" href="/crm/" id="btnEndSession" style="display: inline-block;">End Session</a>

这里有一些有效的代码:

.waitForElementVisible('#quoteSummary > div > div > div > div > a:nth-child(2)', 1000)
.click('#quoteSummary > div > div > div > div > a:nth-child(2)')

但这是一个讨厌的 CSS 选择器，我想用这个替换它:

.waitForElementVisible('#btnEndSession', 1000)
.click('#btnEndSession')

作为 <a>我感兴趣的元素实际上具有 btnEndSession 的 ID ，这似乎应该有效。但事实并非如此:nightwatch 出错，其中一条消息“等待元素 <#btnEndSession> 可见 10000 毫秒时超时”消息。

我也试过:

.waitForElementVisible('.btn-crm', 10000)
.waitForElementVisible('a[id=btnEndSession]', 10000)
.waitForElementVisible('a#btnEndSession', 10000)

但是那些也不起作用。知道为什么这些更简单的选择器没有选择元素吗？

编辑:

好吧，奇怪的是，这有效:

.waitForElementVisible('a.btn-crm', 1000)

然而，在同一个测试中，寻找这个元素:

<select class="custom-form-control crm-result-visit select-hidden" id="crm-result-visit" name="crmResultVisit">
    <option value=" ">Select</option>
    <option value="Not Home">Not Home</option>
</select>

所有这些不同的选择器都找不到元素:

.waitForElementVisible('select.crm-result-visit', 10000)
.waitForElementVisible('select#crm-result-visit', 10000)
.waitForElementVisible('#crm-result-visit', 10000)
.waitForElementVisible('.crm-result-visit', 10000)
.waitForElementVisible('select[id=crm-result-visit]', 10000)

我有点不情愿地得出这样的结论:nightwatch 中的 CSS 选择器支持有很多问题。

FWIW，我们使用的是 nightwatch 的 0.6.7 版本。

Answer 1

不管怎样，我们最终放弃了 Nightwatch，直接转向 Selenium(在我们的例子中是 C#)，它似乎没有这些问题，并且可以更好地集成到我们环境的其余部分。不是一个很好的答案，但我不再有这个问题了:-)。