NightwatchJS无法在元素列表中找到第二个元素

Question

我正在尝试查找产品图片列表，然后找到第二个产品图片以单击它，但是夜表找不到它。该页面为https://www.artsyjewels.com/collections/earrings
有人可以建议我如何单击吗？谢谢。

xpathproduct: (.//div[@class="yit-wcan-container"]//following-sibling::div[@class="jas-product-image pr oh jas-product-image-equal"])[2]

NightwatchJS can't find the element
.waitForElementVisible('xpath', '@xpathproduct', 1000)

或者，我可以使用CSS选择器：nth-​​of-type（2），它可以工作，但是想知道如何使其与xpath一起使用

div.jas-grid-item.jas-col-md-3.jas-col-sm-4.jas-col-xs-6.mt__30.product.has-post-thumbnail.user_custom:nth-of-type(2)>div>div.jas-product-image.pr.oh.jas-product-image-equal>a

Answer 1

根据Nightwatch.js文档的Element Properties部分，您可以在页面对象上定义索引以获取与选择器匹配的元素的第二个实例，或者执行类似的操作

.waitForElementVisible({ selector: '@xpathproduct', index: 1 }, 1000)

在通话时更改索引。

注意：我认为文档关于为获取第二个元素而传递的索引是不正确的；根据我的经验，index: 0是第一个元素，所以index: 1是您想要第二个元素。