javascript - 如何根据数据属性检查cypress中元素的顺序

Question

假设我有一个 id 为“container”的父 div，它有 4 个具有名为“data-test”的特定数据属性的子元素，我如何检查每个子元素的顺序是否正确？假设正确的顺序应该如下:

1. 黑色皮革
2. Jade 石
3. 钻石 Blade
4. 火剑

在我的测试中我有类似的东西

it('Should have the specific order...., ()=>{
  cy.get('#container').should('exist')
    .contains( .. not sure what to put here )
})

Answer 1

属性选择器需要方括号，并且它们不“have.text”，而是您必须调用 .attr() 方法来获取属性值。

cy.get('#container [data-test]').eq(0)
  .invoke('attr', 'data-test').should('eq', 'diamond-blade')

cy.get('#container [data-test]').eq(1)
  .invoke('attr', 'data-test').should('eq', 'fire-sword')

cy.get('#container [data-test]').eq(2)
  .invoke('attr', 'data-test').should('eq', 'emerald-stone')

cy.get('#container [data-test]').eq(3)
  .invoke('attr', 'data-test').should('eq', 'black-leather')