SheilaNS / project-react-testing-library

Módulo Front-End | Projeto do Bloco 14 - Testes automatizados com React Testing Library do curso de Desenvolvimento de Software da Trybe.

☑️ Projeto React Testing Library ✔️

📄 Sobre

Projeto do Bloco 14 - Testes automatizados com React Testing Library do curso de Desenvolvimento de Software da Trybe.
Utilizando uma aplicação já pronta, a Pokedex, desenvolvi testes garantindo a corretude desta aplicação.

Quantidade de requisitos: 7
Requisitos feitos: 7

💻 Habilidades desenvolvidas

• 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.

🗣️ Stacks utilizadas

React Testing Library

👩‍💻 No seu computador

Para rodar esse projeto no seu computador, abra o terminal e siga o passo-a-passo a seguir:

1. Clone o repositório git clone [e-mail]:SheilaNS/project-react-testing-library.git
2. Entre na pasta do repositório que você acabou de clonar cd project-react-testing-library
3. Instale as dependências npm install
4. Rode os testes do projeto npm test
5. Rode a cobertura dos testes npm run test-coverage

🏗️ Estrutura do projeto

.
├── public
│   ├── favicon.ico
│   ├── index.html
│   ├── logo192.png
│   ├── logo512.png
│   ├── manifest.json
│   ├── robots.txt
│   ├── rtl.svg
│   └── star-icon.svg
├── src
│   ├── components
│   │   ├── about.css
│   │   ├── About.js
│   │   ├── button.css
│   │   ├── Button.js
│   │   ├── favorite-pokemons.css
│   │   ├── FavoritePokemons.js
│   │   ├── index.js
│   │   ├── not-found.css
│   │   ├── NotFound.js
│   │   ├── pokedex.css
│   │   ├── Pokedex.js
│   │   ├── pokemon.css
│   │   ├── pokemon-details.css
│   │   ├── PokemonDetails.js
│   │   └── Pokemon.js
│   ├── services
│   │   └── pokedexService.js
│   ├── tests
│   │   ├── About.test.js
│   │   ├── App.test.js
│   │   ├── FavoritePokemons.test.js
│   │   ├── NotFound.test.js
│   │   ├── Pokedex.test.js
│   │   ├── PokemonDetails.test.js
│   │   ├── Pokemon.test.js
│   │   └── renderWithRouter.js
│   ├── types
│   │   └── index.js
│   ├── App.css
│   ├── App.js
│   ├── data.js
│   ├── index.css
│   ├── index.js
│   ├── logo.svg
│   ├── serviceWorker.js
│   └── setupTests.js
├── .babelrc.json
├── .eslintignore
├── .eslintrc.json
├── .gitignore
├── .npmrc
├── .stylelintignore
├── .stylelintrc.json
├── package-lock.json
├── package.json
└── README.md

Desenvolvedora deste repositório: Sheila Nakashima dos Santos