相关疑难解决方法(0)

我有以下代码：

cy.get('input:checkbox').first().as('firstCheckbox').then(() => {

    cy.get('@firstCheckbox').should('be.checked').click()
    cy.get('.globalMessage-display > :nth-child(1) > .alert').should('be.visible')
    cy.get('.globalMessage-display > :nth-child(1) > .alert').should('not.exist')
    cy.get('@firstCheckbox').should('not.be.checked').click()
    cy.get('.globalMessage-display > :nth-child(1) > .alert').should('be.visible')
    cy.get('.globalMessage-display > :nth-child(1) > .alert').should('not.exist')
    cy.get('@firstCheckbox').should('be.checked')

})

cy.get('@firstCheckbox').should('be.checked').click()将复选框移动到最后一个索引位置而不是第一个索引位置后。根据我对别名的理解，这应该不重要，因为我引用它并且('@')它在哪个位置并不重要。不幸的是，下一个cy.get('@firstCheckbox')访问新的第一个元素，而不是我最初引用的元素。我也无法从文档中弄清楚。错误在哪里？

https://docs.cypress.io/guides/core-concepts/variables-and-aliases

https://docs.cypress.io/api/commands/as

@agoff 的更新：

它似乎更适合您的代码，但我注意到新代码存在一个新问题。如果您取消选中该复选框，则该类将使用 js 重新加载，导致它短暂地从 dom 中消失。之后它就找不到它了，测试中止。我也尝试过重新加载，但它再也找不到该元素了。这该如何处理呢？

选中的复选框类的名称为custom-control-input ng-untouched ng-pristine ng-valid。取消选中类名后更改为custom-control-input.ng-untouched.ng-valid.ng-dirty一秒钟，然后元素被删除并使用类名重新加载到 DOM 中custom-control-input ng-untouched ng-pristine ng-valid。问题在于，尽管搜索并找到了具有该类的初始cy.wrap($el)元素，但第二个元素仍尝试查找该元素。这是我不明白的另一件事。custom-control-input.ng-untouched.ng-valid.ng-dirtycustom-control-input ng-untouched ng-pristine ng-valid