Cypress: Test if element does not exist

Question

I want to be able to click on a check box and test that an element is no longer in the DOM in Cypress. Can someone suggest how you do it?

//This is the Test          


        

Answer 1

Cypress 6.x Migration

Use .should('not.exist') to assert that an element does not exist in the DOM.

---

Do not use not.visible assertion. It would falsely pass in < 6.0, but properly fail now:

// for element that was removed from the DOM
// assertions below pass in < 6.0, but properly fail in 6.0+
.should('not.be.visible')
.should('not.contain', 'Text')

Migration Docs: https://docs.cypress.io/guides/references/migration-guide.html#Migrating-to-Cypress-6-0