Common assertions (exist, be.visible, have.text) in Cypress - Cheat Sheet & Quick Revision

Recall & Review

beginner

What does the exist assertion check in Cypress?

The exist assertion checks if an element is present in the DOM, regardless of whether it is visible or not.

beginner

Explain the difference between exist and be.visible assertions.

exist checks if the element is in the DOM, while be.visible checks if the element is actually visible to the user on the page.

beginner

How do you check if an element contains specific text using Cypress?

Use the have.text assertion to verify that an element's text content exactly matches the expected string.

beginner

Write a Cypress assertion to check if a button with id #submit is visible.

cy.get('#submit').should('be.visible');

intermediate

Why is it important to use be.visible instead of just exist when testing user interactions?

Because an element might exist in the DOM but be hidden or covered, so be.visible ensures the user can actually see and interact with it.

Which Cypress assertion checks if an element is present in the DOM?

A exist

B be.visible

C have.text

D contain

The exist assertion verifies that the element is in the DOM, regardless of visibility.

What does be.visible assertion ensure?

A Element is in the DOM but hidden

B Element contains specific text

C Element is visible to the user

D Element is clickable

be.visible checks that the element is visible on the page and can be seen by the user.

How do you check if an element's text exactly matches 'Hello World'?

A should('contain', 'Hello World')

B should('have.text', 'Hello World')

C should('exist')

D should('be.visible')

have.text checks for exact text match inside the element.

Which assertion would fail if the element is hidden but present in the DOM?

A exist and be.visible

B exist

C have.text

D be.visible

be.visible fails if the element is hidden, even if it exists in the DOM.

What is the correct Cypress command to check if a button with class '.btn' exists?

A cy.get('.btn').should('exist');

B cy.get('.btn').should('be.visible');

C cy.get('.btn').should('have.text');

D cy.get('.btn').should('contain');

The exist assertion confirms the element is present in the DOM.

Describe the purpose of the Cypress assertions: exist, be.visible, and have.text.

Think about presence, visibility, and text content separately.

Explain why using be.visible is important when testing user interactions compared to just exist.

Consider what the user actually experiences on the page.