cy.contains() for text matching in Cypress - Cheat Sheet & Quick Revision

Recall & Review

beginner

What does cy.contains() do in Cypress?

cy.contains() finds an element that contains specific text on the page. It helps you locate elements by their visible text.

beginner

How do you use cy.contains() to find a button with text 'Submit'?

You write cy.contains('button', 'Submit'). This finds a <button> element that has the text 'Submit'.

intermediate

Can cy.contains() find partial text matches?

Yes! cy.contains() matches elements that contain the given text anywhere inside. It does not need to be an exact match of the whole text.

intermediate

What happens if cy.contains() does not find any matching element?

The test will fail with an error saying no element with the specified text was found. Cypress waits a short time before failing to allow the page to load.

advanced

How can you use cy.contains() with a regular expression?

You can pass a regular expression instead of a string, like cy.contains(/submit/i) to find text ignoring case.

What does cy.contains('Login') do?

A Finds any element containing the text 'Login'

B Finds only buttons with text 'Login'

C Finds elements with the exact text 'Login' only

D Clicks on the element with text 'Login'

cy.contains('Login') finds any element that contains the text 'Login' anywhere inside it.

How do you find a <div> containing 'Welcome' using cy.contains()?

A cy.contains('div', 'Welcome')

B cy.contains('Welcome')

C cy.get('div').contains('Welcome')

D cy.find('div').contains('Welcome')

Use cy.contains('div', 'Welcome') to find a <div> with the text 'Welcome'.

What will cy.contains(/submit/i) match?

A Elements with text exactly 'submit'

B Elements with text starting with 'submit'

C Elements with text containing 'submit' ignoring case

D Elements with text 'Submit' only

The regular expression with i flag matches text containing 'submit' ignoring case.

If cy.contains() does not find the text, what happens?

A Test retries forever

B Test fails with an error

C Test passes silently

D Test skips the step

Cypress fails the test with an error if cy.contains() cannot find the text after waiting.

Which is a correct way to find a button with text 'Cancel'?

A cy.contains('Cancel')

B cy.get('button').contains('Cancel')

C cy.find('button').contains('Cancel')

D cy.contains('button', 'Cancel')

cy.contains('button', 'Cancel') finds a <button> with text 'Cancel'.

Explain how cy.contains() helps in locating elements by text in Cypress tests.

Think about how you find a button or link by its label on a webpage.

Describe how you would use cy.contains() to find a case-insensitive match for the text 'submit'.

Remember regex flags for ignoring case.