Como usar o comando .select() no Cypress

O comando .select() do Cypress serve para selecionar uma opção dentro de um menu suspenso (<select>), como aqueles usados em formulários.

Na aula prática, aprendemos três formas de usar esse comando:

 1. Selecionar pelo texto visível

É a forma mais intuitiva, usando o que aparece na tela para o usuário.

cy.get('#product')
.select('YouTube')
.should('have.value', 'youtube')

2. Selecionar pelo valor (value)

Aqui usamos o valor real da opção no HTML, que nem sempre é igual ao texto visível.

cy.get('#product')
.select('mentoria')
.should('have.value', 'mentoria')

3. Selecionar pelo índice

Seleciona com base na posição da opção no menu (0, 1, 2...).

cy.get('#product')
.select(1)
.should('have.value', 'blog')

Essas são as formas que estudei até agora, e já são suficientes pra testar com confiança campos do tipo select.

Conforme eu for avançando, trago mais possibilidades!

Documentação: https://docs.cypress.io/api/commands/select