Neste projeto utilizei Jest e a biblioteca React Testing Library para escrever testes automatizados em React. Vale ressaltar a relevância dessa biblioteca para testar as nossas aplicações, sendo elas:
- Simplicidade em seu uso;
- Tem muitos menos caveats;
- Reforça o bom uso das melhores práticas de testes ao incentivar e facilitar o teste de comportamentos e não de implementação;
- Permitir a refatoração da sua arquitetura de componentes.
Apenas foi implementado por mim o contéudo dentro da pasta "tests", o intuito do projeto foi trabalhar com os testes e todo o resto do código foi fornecido pela Trybe.
- Simular eventos com o React-Testing-Library em testes automatizados.
- Testar fluxos lógicos assíncronos com a React-Testing-Library.
- Escrever testes que permitem a refatoração da estrutura dos componentes da aplicação sem necessidade de serem alterados.
- Testando inputs.
- React-Testing-Library
Após cada um dos passos, haverá um exemplo do comando a ser digitado para fazer o que está sendo pedido, caso tenha dificuldades e o exemplo não seja suficiente, não hesite em me contatar em pedrodc1236@gmail.com
- Abra o terminal e crie um diretório no local de sua preferência com o comando mkdir:
mkdir projetos- Entre no diretório que acabou de criar e depois clone o projeto:
cd projetos
git clone git@github.com:pedrodc1236/react-testing-library-pedro.git- Acesse o diretório do projeto e depois utilize o comando npm install para instalar todas as dependências necessárias:
cd react-testing-library-pedro
npm install- Por último, rode o comando npm test para visualizar os testes.
npm test