cy.check() and cy.uncheck() in Cypress - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to check the checkbox with id 'subscribe'.

Cypress

cy.get('#subscribe').[1]()

Drag options to blanks, or click blank then click option'

Aclick

Bcheck

Cselect

Dtype

Attempts:

3 left

💡 Hint

Common Mistakes

Using click() instead of check() may work but is not the best practice.

Using select() or type() which are for other elements.

The cy.check() command is used to check a checkbox or radio button. Here, it checks the checkbox with id 'subscribe'.

2fill in blank

medium

Complete the code to uncheck the checkbox with class 'accept-terms'.

Cypress

cy.get('.accept-terms').[1]()

Drag options to blanks, or click blank then click option'

Acheck

Bclear

Cuncheck

Dclick

Attempts:

3 left

💡 Hint

Common Mistakes

Using check() instead of uncheck().

Using clear() which is for input fields.

The cy.uncheck() command is used to uncheck a checkbox. Here, it unchecks the checkbox with class 'accept-terms'.

3fill in blank

hard

Fix the error in the code to check the checkbox with name 'newsletter'.

Cypress

cy.get('input[name="newsletter"]').[1]()

Drag options to blanks, or click blank then click option'

Aclick

Btype

Cselect

Dcheck

Attempts:

3 left

💡 Hint

Common Mistakes

Using click() instead of check().

Using select() or type() which are incorrect here.

To check a checkbox, use cy.check(). Using click() may work but check() is the correct Cypress command for checkboxes.

4fill in blank

hard

Fill both blanks to check all checkboxes with class 'option' and then uncheck the one with id 'option3'.

Cypress

cy.get('.option').[1]()
cy.get('#option3').[2]()

Drag options to blanks, or click blank then click option'

Acheck

Bclick

Cuncheck

Dclear

Attempts:

3 left

💡 Hint

Common Mistakes

Using click() instead of check() or uncheck().

Using clear() which is not for checkboxes.

First, cy.check() checks all checkboxes with class 'option'. Then, cy.uncheck() unchecks the checkbox with id 'option3'.

5fill in blank

hard

Fill all three blanks to check the checkbox with id 'agree', verify it is checked, and then uncheck it.

Cypress

cy.get('#agree').[1]()
cy.get('#agree').should('[2]')
cy.get('#agree').[3]()

Drag options to blanks, or click blank then click option'

Acheck

Bbe.checked

Cuncheck

Dbe.visible

Attempts:

3 left

💡 Hint

Common Mistakes

Using click() instead of check() or uncheck().

Using should('be.visible') instead of should('be.checked').

First, cy.check() checks the checkbox. Then, should('be.checked') asserts it is checked. Finally, cy.uncheck() unchecks it.