Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

[Projeto] Minha resolução, se puder avaliar pfv, ou sugerir alguma melhoria. Mto obrigado

Commands.js

Inicio.cy.js

Execução do teste

3 respostas

Fala, João Lucas! Tudo bem?

Que maneiro, cara! Fico muito feliz que você fez o desafio e compartilhou com a gente o resultado.

Então, de certa forma seu código está Ok e funcionando perfeitamente bem. Mas percebeu que os dois comandos personalizados tem código praticamente igual? No lugar do seu comando customizado de "VerificadorDeTexto" você poderia utilizar tranquilamente o comando "getByData", concorda comigo?

Quando a gente cria um comando personalizado, um dos objetivos é evitar uma tarefa repetitiva ou realizar tarefas que são importantes para que seu teste funcione, como um login, uma função que alterar o viewport da sua janela de testes, etc.

Então, neste caso seria melhor colocar o contains dentro do comando personalizado, assim o retorno desse comando já prepararia seu teste para as ações que você pretende fazer logo após a verificação do texto, sacou?

No geral, funciona mas é importante manter essa mentalidade de não repetição de código e quanto mais específico for seu comando personalizado mais fácil será escrever e ler os testes de suas aplicações

Espero ter ajudadro, grande abraço!

Sim, percebi isso depois que continuei o curso. kkkkkkkk Na verdade da pra pegar tudo pelo data-test neh.

solução!

Isso aí! Utilizar o data-tests é uma boa prática, mas nem toda vez você conseguirá fazer isso, então se você for o responsável pelos testes e tiver acesso ao código, a documentação do Cypress recomenda que você adicione data-tests aos elementos que você quer testar. Caso contrário, você precisa pedir acesso a equipe responsável pelo front-end e pedir que adicionem os data-tests para lhe ajudar.

Se última opção não der certo, aí você precisa obter os elementos de acordo com o que for melhor, como ids, classes, tags, etc.