Criei um projetinho simples de tabela de preços e depois fiz alguns testes utilizando o Cypress. Fiquei bastante satisfeito com os resultados obtidos e gostaria de compartilhar com vocês.
O projeto consiste em uma tabela de preços para produtos de uma loja fictícia, com informações sobre o nome do produto, sua descrição e preço. Criei a tabela utilizando HTML, CSS e JavaScript e verifiquei que a página estava funcionando corretamente.
Em seguida, utilizei o Cypress para automatizar alguns testes na página. Testei a presença dos elementos na tabela, validação do preço dos produtos e a navegação na página. Todos os testes passaram com sucesso e isso me deu mais confiança na implementação da tabela de preços.
Antes de começar, garanta que os seguintes sistemas estejam instalados em seu computador.
- git (estou usando a versão
2.39.1
) - Node.js (estou usando a versão
v18.14.0
) - npm (estou usando a versão
8.19.2
) - Visual Studio Code (estou usando a versão
1.75.1
)
Obs.: Recomendo utilizar as mesmas versões, ou versões mais recentes dos sistemas listados acima.
Obs. 2: Ao instalar o Node.js o npm é instalado junto.
Obs. 3: Para verificar as versões do git, Node.js e npm instaladas em seu computador, execute o comando
git --version && node --version && npm --version
no seu terminal de linha de comando.