cy.clear() for input fields in Cypress - Cheat Sheet & Quick Revision

Recall & Review

beginner

What does cy.clear() do in Cypress?

cy.clear() removes all text from an input field or textarea, making it empty.

beginner

How do you use cy.clear() on an input field with id username?

You select the input using cy.get('#username') and then call .clear() like this: cy.get('#username').clear().

intermediate

Can cy.clear() be chained with other commands? Give an example.

Yes. For example, you can clear an input and then type new text: cy.get('input').clear().type('new text').

intermediate

What happens if you use cy.clear() on a disabled input field?

The command will fail because disabled inputs cannot be cleared or typed into.

beginner

Why is it important to clear input fields before typing in tests?

Clearing ensures no leftover text interferes with the test, making the input exactly what you want to test.

What does cy.clear() do in Cypress?

A Deletes the input element from the page

B Clears the text inside an input or textarea

C Refreshes the page

D Clicks on the input field

cy.clear() empties the text inside input or textarea fields.

Which command correctly clears an input with class email?

A cy.get('.email').clear()

B cy.clear('.email')

C cy.clearInput('.email')

D cy.get('.email').empty()

You must first get the element, then call .clear() on it.

What happens if you try to cy.clear() a disabled input?

A The command fails

B The input is cleared anyway

C The test skips the command

D The input becomes enabled

Disabled inputs cannot be cleared; Cypress will throw an error.

Why chain .clear() before .type() in tests?

A To select the input field

B To speed up the test

C To submit the form

D To ensure the input is empty before typing

Clearing first avoids leftover text affecting the test input.

Which is a valid Cypress command to clear and type 'hello' in an input with id 'search'?

A cy.type('#search').clear('hello')

B cy.clear('#search').type('hello')

C cy.get('#search').clear().type('hello')

D cy.get('#search').type('hello').clear()

You must get the element, clear it, then type the new text.

Explain how and why you use cy.clear() in a Cypress test for input fields.

Think about preparing the input before typing.

What issues might arise if you skip using cy.clear() before typing in an input field during testing?

Consider what happens if the input already has text.