cypress - 如何使用 Cypress 比较两个 DOM 元素？

Question

我正在尝试检查是否是 contenteditable元素被聚焦(它有闪烁的插入符号)，但这不起作用:

cy.get('span[contenteditable]').then($span => {
    cy.focused().then($focused => {
        expect($focused).to.eql($span)
    }
}

我应该怎么做？

Answer 1

使用 .then()会给你一个由 jQuery 包裹的元素.包装器不相等，但元素是:

cy.get('span[contenteditable]').should($span => {
    cy.focused().should($focused => {
        expect($focused[0]).to.eql($span[0]);
    }
}

我也换了 .then()与 .should() . .should()类似于 .then() ，除非它会重试任何包含的断言，直到它们成功或超时。
以上代码改编自 this jQuery answer .