/react-test-library-a

Projeto de testes desenvolvido para uma aplicação React, utilizando Jest e a biblioteca React Test Library (RTL)

Primary LanguageJavaScript

React Testing Library

🎬 Prévia com os testes rodando:

demonstracao.da.aplicacao.rodando.mp4

✏ Sobre o projeto

O objetivo do projeto foi desenvolver testes a partir de uma aplicação React sobre cartas pokemons, já criada e configurada. ✍️

Com base nessa aplicação pronta, foram desenvolvidos testes utilizando o Jest e a biblioteca React Test Library (RTL), para cada requisito implementado na construção dela. 👨‍💻

Habilidades desenvolvidas:

  • Organização dos testes;

  • Utilizar seletores(queries) da biblioteca RTL (React Testing Library) em testes automatizados;

  • Simular eventos com a RTL em testes automatizados.

  • Testar fluxos lógicos assíncronos com a React Testing Library;

  • Testar os inputs;

🔧 Principais tecnologias utilizadas:

Como utilizar o projeto na sua máquina

1. Faça o git clone na sua máquina e entre no diretório:

  • Lembre-se de clonar o repositório no diretório desejado na sua máquina!
git@github.com:Marcio-Gabriel-Roque-Mendes/react-test-library.git
cd Project React Test Library

Instale as dependências

  • Atente-se para instalar na pasta raiz do projeto
 npm install

Inicie a aplicação

 npm start

Rode os testes com o seguinte comando, seguido do nome de arquivo de teste que deseja executar. Exemplo:

npm test Pokemon.test.js
  • Dica: Todos os arquivos de testes desenvolvidos para esse projeto podem ser encontrado no seguinte diretorio:
src/tests

Captura de tela de 2022-12-29 21-19-49

Testes desenvolvido por:

Marcio Gabriel Roque Mendes

Observações:

O front-end dessa aplicação React foi criada pela Trybe, para fins didáticos.