使用Cypress如何断言元素不存在？

嘿，这个问题问得好！在Cypress中断言某个元素不存在，其实有几种实用的方式，我给你一一说明：

• 直接链式调用should('not.exist')
  这是最常用也最直观的方式，直接在cy.get()后面加上断言即可：

  cy.get('.hello').should('not.exist');
  

  这个方法的优势在于Cypress的自动重试机制——它会等待元素从DOM中移除，直到超时时间（默认4秒）结束，如果到时间元素还存在，断言才会失败。非常适合处理元素动态消失的场景，比如关闭弹窗、删除条目后的验证。

• 针对文本内容的断言
  如果你是要断言包含特定文本的元素不存在，可以用cy.contains()结合同样的断言：

  cy.contains('你好，世界').should('not.exist');
  

• 避免踩坑：不要用then()里的同步断言
  别直接用这种写法：

  // 不推荐！
  cy.get('.hello').then(($el) => {
    expect($el).to.not.exist;
  });
  

  因为then()里的代码是同步执行的，不会触发Cypress的重试机制，如果元素还在消失的过程中，这个断言会直接失败，达不到我们想要的等待效果。

内容的提问来源于stack exchange，提问作者JD.