Nesse artigo vamos aprender como desenvolver testes durante a criação de nossas aplicações front-end. Especificamente utilizaremos 3 ferramentas para criarmos nossos testes, sendo elas:

1. Jest
2. Testing Library
3. Cypress

Mas antes de começarmos, vamos entender um pouquinho o que elas são, e quais são as suas finalidades antes de fato vermos como utilizá-las em nosso dia-a-dia.

Instalando e Configurando

1. O que é Jest, como instalar e configurar?

Jest ⚛️

https://jestjs.io/

Jest é um framework de testes JavaScript mantido pelo Facebook ( Meta ), projetado e construído por Christoph Nakazawa, com foco na simplicidade e suporte para grandes aplicativos da web. Funciona em projetos com: Babel, Typescript, React, Node, Angular, Vue, etc. Jest é projetado para a correção de qualquer código Javascript, nos permite escrever testes de uma maneira familiar, acessível e com uma API rica que dá resultados de uma maneira rápida.

Vantagens ✅

• Sem configuração: Jest mira em funcionar fora da caixa, sem configuração, na maioria dos projetos Javascript.
• Snapshots: Faça testes que acompanhem objetos grandes com facilidade. Os snapshotsficam ao lado de seus testes ou incorporados em linha.
• Isolado: Testes são paralelizados, rodam em seus próprios processos, maximizando a performance.
• API: Do it ao expect, Jest tem o toolkit completo em um só lugar.
• Code coverage: Basta passar a flag —coverage.
• Rápido e seguro: Assegurando que seus testes tenham um único estado global, Jest pode de forma confiável rodar testes em paralelo. Sendo mais eficiente, Jest roda testes que falharam previamente primeiro e re-organiza a execução baseado no tempo que leva para executar cada arquivo de teste. ****