cy.select() for dropdowns in Cypress - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is the purpose of cy.select() in Cypress?

cy.select() is used to choose an option from a dropdown menu in a web page during automated testing.

beginner

How do you select an option by its visible text using cy.select()?

You pass the visible text of the option as a string to select(). For example: cy.get('select').select('Option Text').

intermediate

Can cy.select() select multiple options? If yes, how?

Yes, if the dropdown supports multiple selections, you can pass an array of option texts or values to select(). Example: cy.get('select').select(['Option1', 'Option2']).

beginner

What happens if you try to select an option that does not exist using cy.select()?

Cypress will fail the test and show an error because it cannot find the option in the dropdown.

intermediate

How can you verify that the correct option was selected after using cy.select()?

You can use cy.get('select').should('have.value', 'expectedValue') to check the selected option's value.

Which command selects an option with visible text 'Apple' from a dropdown in Cypress?

A cy.get('select').choose('Apple')

B cy.select('Apple')

C cy.get('select').select('Apple')

D cy.selectOption('Apple')

The correct syntax is cy.get('select').select('Apple'). The select() method is called on the dropdown element.

How do you select multiple options 'Red' and 'Blue' from a multi-select dropdown?

A cy.get('select').select('Red, Blue')

B cy.get('select').choose(['Red', 'Blue'])

C cy.get('select').select('Red').select('Blue')

D cy.get('select').select(['Red', 'Blue'])

Pass an array of option texts to select() for multiple selections: select(['Red', 'Blue']).

What will happen if you try to select an option that is not in the dropdown?

A Cypress will throw an error and fail the test

B The test will pass silently

C The dropdown will select the first option

D The test will skip the selection

Cypress fails the test because it cannot find the option to select.

Which assertion verifies the selected value in a dropdown after using cy.select()?

A cy.get('select').should('have.value', 'expectedValue')

B cy.get('select').should('contain', 'value')

C cy.get('select').should('be.visible')

D cy.get('select').should('have.text', 'expectedValue')

Use have.value to check the selected option's value attribute.

What type of HTML element does cy.select() work with?

A Buttons

B Select dropdown elements

C Input text fields

D Div containers

cy.select() works only with <select> dropdown elements.

Explain how to use cy.select() to choose an option from a dropdown and verify the selection.

Think about finding the dropdown, selecting, then checking the result.

Describe what happens if you try to select an option that does not exist in the dropdown using cy.select().

Consider how Cypress handles invalid actions.