kevinbreaker/cypress-poc

Testes

Os testes com cypress se encontram na pasta __tests__. As specs estão dentro do __tests__/e2e. Dados que vão ser utilizados para preencher campos de formulários estão dentro de __tests__/fixtures

O padrão utilizado nos data-testid são os seguinte:

• [componente]-[o-que-é] ex: textfield-password, button-submit, switch-notification
• [componente]-[contexto/grupo]-[o-que-é|valor] ex: textfield-form-register-email, textfield-users-search, list-user-ramon, radio-colors-red, radio-colors-blue

Componentes que compõem outros componentes (Textfield, Select, Accordion, etc) Possuem outros data-testid internos para facilitar na busca especificas pelos mesmos.

Ex:

• textfield-password possui um input-passowrd internamente
• dropdown-select-fruits possui dropdown-list-select-fruits, search-dropdown-select-fruit, option-select-fruits-apple

Tecnologias utilizadas

• Cypress 10

• Testing-library

• MirageJS - API Mock

• Girassol - Design system

Iniciando

• Ter o nodejs na versão 16 acima
• Ter o yarn instalado (caso não o tenha npm i -g yarn)
• Instalar os pacotes com yarn no terminal.
• Rodar o cypress yarn test:e2e no terminal.

https://www.loom.com/share/a526f67dfcaa40ab876e2fe9637c45e1

Demostração do cypress

https://www.loom.com/share/1d6b7049220541dda6bcf0984a1b7a4a