javascript - 我可以通过 nightwatch.js 中的数组位置选择一个元素吗？

Question

我希望自动化我的一些测试过程，我对 Nightwatch.js 和 javascript 还比较陌生。有没有一种方法可以根据元素的类和在后续数组中的位置单击元素，如果有多个元素具有相同的类，则返回该元素。

例如采用以下 HTML:-

<div class="clickable-button"><p>Some Text</p></div>
<div class="clickable-button"><p>Some Text 2</p></div>
<div class="clickable-button"><p>Some Text 3</P></div>

如果我使用chrome开发工具，在控制台运行如下命令:-

$('.clickable-button')

它返回上面列出的三个元素的数组。

我要点击第一个<div>元素，想知道是否有办法使用 CSS 选择器来完成此操作？我无法通过 <p> 中显示的文本进行选择标记，因为这是动态数据。

我在 Nightwatch 中尝试了以下命令:-

browser.click('.clickable-button'[0])

browser.click('clickable-button[0]')

这些选项都不起作用。如有任何帮助或建议，我们将不胜感激。

Answer 1

你可能会使用 :nth-of-type

browser.click('.clickable-button:nth-of-type(1)');

顺便说一句，:nth-of-type 是 CSS3 的一部分，因此旧版浏览器不支持它。