赛普拉斯在第一次出现时停止

Question

当我运行我针对 HTML 代码进行测试时

<body>
  <div tester='notmatching'>
    foo
  </div>
  <div tester='matching'>
    bar
  </div>
</body>

</html>

Cypress 只关注第一个 "div"。

这是我的测试：

context('Home', () => {
  beforeEach(() => {
    cy.visit('http://example.org')
  })
  it('Find a div', () => {
    cy.get('div').should('have.attr', 'tester', 'matching')
  })
})

Si 我收到以下错误：

CypressError: Timed out retrying: expected '[ <div>, 1 more... ]' to have attribute 'tester' with the value 'matching', but the value was 'notmatching'

所以当我放行时：

cy.get('div').should('have.attr', 'tester', 'notmatching')

有效。

我做错了什么？

Answer 1

我认为您必须使用 eq:

定位第二个匹配元素

cy.get('div').eq(1).should('have.attr', 'tester', 'matching')

https://docs.cypress.io/api/commands/eq.html#Syntax

编辑：

如果你想遍历它们并检查每一个，你可以这样做：

cy
  .get('div')
  .each(($el, index, $list) => {
    if ($el.attr('tester') === 'matching') {
      // do something here

编辑 2：

如果您只想将 div 与该属性匹配 - 您可以这样做：

cy.get("div[tester='matching']").should(...

赛普拉斯在第一次出现时停止

Cypress's get stops at first occurence

javascript

e2e-testing

cypress