Javascript 我们如何使用Cypress验证一个元素即使在DOM中也不显示

Javascript 我们如何使用Cypress验证一个元素即使在DOM中也不显示,javascript,automated-tests,cypress,Javascript,Automated Tests,Cypress,我试图验证元素是否不可见。我尝试使用元素.should(“not.exist”)但是失败了,因为元素存在于DOM中 是否有一种方法可以验证元素是否未显示?您可以这样做: cy.get('<element-selector-here>').should('not.be.visible'); 您可以使用JQuery和Chai断言来检查元素是否不可见 cy.get('<element-selector-here>').then(($el) => { expect($

我试图验证
元素是否不可见。我尝试使用
元素.should(“not.exist”)
但是失败了,因为
元素
存在于
DOM中


是否有一种方法可以验证元素是否未显示?

您可以这样做:

cy.get('<element-selector-here>').should('not.be.visible');

您可以使用JQuery和Chai断言来检查元素是否不可见

cy.get('<element-selector-here>').then(($el) => {
  expect($el.is(':visible').to.be.false)
})
cy.get(“”)。然后($el)=>{
expect($el.is(':visible').to.be.false)
})

您以前编写的“
应该('not.be.visible')
不适用于Cypress 6.6.0”。你怎么会这么想?你的支架不合适。
cy.get('<element-selector-here>').then(($el) => {
  expect($el.is(':visible').to.be.false)
})