/project-react-testing-library

Projeto desenvolvido durante o módulo de Front-End na Trybe, onde são executados testes na aplicação(React).

Primary LanguageJavaScript

Project RTL

Projeto desenvolvido durante o módulo de Front-End na Trybe, onde são executados testes na aplicação(React).

O projeto consiste em desenvolver testes para confirmar o funcionamento e a devida estruturação da aplicação. A aplicação NÃO foi desenvolvida por mim, apenas os testes utilizando o RTL. O conteúdo dos testes se encontram em src/tests;

O que foi feito neste projeto:

  • Utilizar os seletores (queries) da React-Testing-Library em testes automatizados.
  • Simular eventos com a React-Testing-Library em testes automatizados.
  • Testar fluxos lógicos assíncronos com a React-Testing-Library.
  • Escrever testes que permitam a refatoração da estrutura dos componentes da aplicação sem necessidade de serem alterados.
  • Criar mocks de APIs utilizando fetch.
  • Testar inputs.

Testes executados na aplicação:

App.test.js:
  • Verificado os links de navegação.
About.test.js:
  • Verifica se a página contém as informações da Pokédex.
FavoritePokemons.test.js:
  • Verifica se a página de favoritos recebe os Pokemons favoritados e alerta caso não existam Pokemons favoritos.
NotFound.test.js:
  • Verifica se o componente "NotFound" funciona corretamente quando uma página não é encontrada ou é inválida.
Pokedex.test.js:
  • Testa o comportamento da Pokédex, verificando se informações de texto na página e botões funcionam corretamente.
Pokemon.test.js:
  • Verifica se o componente "Pokemon.js" renderiza corretamente na página exibindo os dados do Pokemon.