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')
  })
})

我收到以下错误：

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(...

赛普拉斯的停车第一次发生

1 个答案: