cy.check() and cy.uncheck() in Cypress - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ Predict Output

intermediate

What is the result of this Cypress test snippet?

Consider this Cypress test code that interacts with checkboxes. What will be the state of the checkbox after running this test?

Cypress

cy.get('#subscribe').check().should('be.checked');

A The checkbox will remain unchecked and the assertion will fail.

B The test will throw an error because 'check()' cannot be chained with 'should()'.

C The checkbox with id 'subscribe' will be checked and the assertion will pass.

D The test will pass but the checkbox state will be undefined.

💡 Hint

Remember that cy.check() sets the checkbox to checked state and can be followed by assertions.

The cy.check() command sets the checkbox to checked state. The chained should('be.checked') assertion verifies that the checkbox is indeed checked. So the test passes and the checkbox is checked.

❓ assertion

intermediate

Which assertion correctly verifies a checkbox is unchecked after using cy.uncheck()?

You have a checkbox with id 'terms'. After running cy.get('#terms').uncheck(), which assertion correctly confirms it is unchecked?

A cy.get('#terms').should('be.visible');

B cy.get('#terms').should('not.be.checked');

C cy.get('#terms').should('have.value', 'unchecked');

D cy.get('#terms').should('be.checked');

💡 Hint

Think about how to check if a checkbox is not selected.

The assertion should('not.be.checked') verifies that the checkbox is not checked. This matches the expected state after cy.uncheck().

❓ locator

advanced

Which locator is best to select multiple checkboxes for cy.check()?

You want to check all checkboxes inside a form with id 'preferences'. Which locator is best to select all checkboxes for cy.check()?

A cy.get('#preferences')

B cy.get('input')

C cy.get('.checkbox')

D cy.get('#preferences input[type="checkbox"]')

💡 Hint

Think about selecting only checkboxes inside the specific form.

The locator #preferences input[type="checkbox"] selects all checkbox inputs inside the form with id 'preferences'. This is precise and follows best practices.

🔧 Debug

advanced

Why does this test fail when using cy.uncheck() on a disabled checkbox?

Given this code snippet, why does the test fail? cy.get('#promo').uncheck().should('not.be.checked'); The checkbox with id 'promo' is disabled in the HTML.

A cy.uncheck() cannot change the state of a disabled checkbox, so the checkbox remains checked and the assertion fails.

B cy.uncheck() throws a syntax error when used on disabled elements.

C The test fails because the selector '#promo' is incorrect.

D The assertion is wrong; it should be 'be.checked' instead of 'not.be.checked'.

💡 Hint

Disabled form elements cannot be interacted with by user or automation.

Disabled checkboxes cannot be changed by cy.uncheck(). The checkbox remains checked if it was checked before, so the assertion expecting it to be unchecked fails.

❓ framework

expert

How to correctly check multiple checkboxes with different values using cy.check()?

You have multiple checkboxes with name 'colors' and values 'red', 'green', 'blue'. Which code correctly checks only 'red' and 'blue' checkboxes?

A cy.get('input[name="colors"]').check(['red', 'blue']);

B cy.get('input[name="colors"]').check('red', 'blue');

C cy.get('input[name="colors"]').check({value: ['red', 'blue']});

D cy.get('input[name="colors"]').check().filter(['red', 'blue']);

💡 Hint

Check the Cypress docs for checking multiple checkboxes by value.

The cy.check() command accepts an array of values to check multiple checkboxes with matching values. Option A uses this correctly.