Verifying that Element Should not Exist in Cypress
Want to verify that an element should not exist in Cypress? You need to chain the should
assertion off from cy.get
command:
Copied to clipboard! Playground
// The element should not exist
cy.get('.element').should('not.exist');
// You can also check for invisibility:
cy.get('.element').should('not.be.visible');
// Using expect:
expect(Cypress.$('.element')).not.to.exist;
You can also verify visibility using not.be.visible
, and you can use and expect
statement too. In this case, however, you need to wrap the selector in Cypress.$
to create a jQuery element from it.
Note that when you want to verify if an element should exist, you only need to get the element. No need for a should
assertion. If Cypress fails to find it, your test will fail too.
Copied to clipboard!
// When the element should exist, you only need a .get
cy.get('.element');
Want to learn Cypress from end to end? Check out my Cypress course on Educative where I cover everything:
Resources:
π More Webtips
Master the Art of Frontend
- Access 100+ interactive lessons
- Unlimited access to hundreds of tutorials
- Prepare for technical interviews