javascript - 选择合适的 HTML 元素

Question

我用Nightwatch.js测试国外网站代码。我使用了这个命令:

.waitForElementVisible('input[id="inputField"]', TIMEOUT)

这应该等到指定的元素可见。但是我收到这个警告:

Warn: WaitForElement found 24 elements for selector "input[id="inputField"]". Only the first one will be checked.

我认为标签的 ID 是唯一的。找这个id怎么可能得到24个元素的列表呢？我现在该怎么做才能准确选择我需要的元素？

Answer 1

How is it possible to get a list of 24 elements when looking for this id?

因为人们总是无法理解 id 必须是唯一的基本概念。显然，您要测试的网站是由其中一个或多个人编写的。

What can I do now to select exactly the element I need?

根据文档，Nightwatch.js 允许您使用 XPath 作为 CSS 的替代品。使用 XPath，您可以指定一组元素中的哪一个作为目标，例如:

.useXpath()
.waitForElementVisible('//input[@id="inputField"][1]', TIMEOUT)

...将使用第一个，[2] 将使用第二个，依此类推。

如果您不能通过文档中元素的索引来做到这一点，您将需要找到关于它的其他内容，您可以使用它来选择它(使用 CSS 或 XPath)。