Como usar o comando .select() no Cypress
- #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
