如何使用cypress中的first()和last()函数单击下一个元素?

avi*_*der 3 cypress cypress-cucumber-preprocessor

在 Cypress 中 - cypress 中的first() 和last() 函数选择或单击DOM 内的第一个和最后一个元素。但是如果我想单击第二个和第三个元素怎么办?

目前我正在使用下面的代码来单击第一个和最后一个元素:-

const fs = cy.get('div.outer-circle').first();
fs.click();

const ls = cy.get('div.outer-circle').last();
ls.click();
Run Code Online (Sandbox Code Playgroud)

我试图单击第二个元素。为此,我还使用了 next() 函数。

const ss = cy.get('div.outer-circle').next();
ss.click({multiple: true, force: true});
Run Code Online (Sandbox Code Playgroud)

但不幸的是,它开始点击所有元素。

有人可以在这里提出建议吗?如何采用这种方法,我对 Cypress 工具还很陌生。

Jon*_*nah 7

如果你想选择特定的索引,你必须使用.eq文档)。例子:

cy.get('div.outer-circle').eq(4);
Run Code Online (Sandbox Code Playgroud)

上面的代码将返回第四个元素。

附言。我建议更改存储元素的方式。请参阅https://docs.cypress.io/guides/core-concepts/introduction-to-cypress.html#Commands-Are-Asynchronous