我可以在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)');

BTW :nth-of-type是CSS3的一部分，因此较旧的浏览器不支持。