如何使用 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()，除了它会重试任何包含的断言，直到它们成功或超时。

上面的代码改编自这个 jQuery answer。