You want to clear an input field only if it contains any text. Which Cypress code snippet correctly does this?

hard📝 Application Q9 of 15

Cypress - Element Interactions

Acy.get('input#search').clear().should('have.value', '')

Bcy.get('input#search').invoke('val').then(val => { if(val) cy.get('input#search').clear() })

Ccy.get('input#search').type('{selectall}{backspace}')

Dcy.get('input#search').clear(true)

Step-by-Step Solution

Solution:

Step 1: Check current input value
Use invoke('val') to get the current value of the input.
Step 2: Conditionally clear if value exists
Inside then, clear only if the value is not empty.
Final Answer:
cy.get('input#search').invoke('val').then(val => { if(val) cy.get('input#search').clear() }) -> Option B
Quick Check:
Use invoke('val') + conditional clear = A [OK]

Quick Trick: Use invoke('val') to check input before clearing [OK]

Common Mistakes:

Master "Element Interactions" in Cypress

9 interactive learning modes - each teaches the same concept differently

Want More Practice?

15+ quiz questions · All difficulty levels · Free

More Cypress Quizzes