https://github.com/mairess/project-react-testing-library
Testes com RTL, esse projeto é o site de uma Pokédex, o obejtivo é testa-la usando RTL e Vitest, além disso, os testes foram avaliados com o Stryker Mutator.
https://github.com/mairess/project-react-testing-library
coverage-testing docker react-testing-library typescript vitest
Last synced: 9 months ago
JSON representation
Testes com RTL, esse projeto é o site de uma Pokédex, o obejtivo é testa-la usando RTL e Vitest, além disso, os testes foram avaliados com o Stryker Mutator.
- Host: GitHub
- URL: https://github.com/mairess/project-react-testing-library
- Owner: mairess
- Created: 2023-11-28T13:38:37.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-23T20:58:44.000Z (over 1 year ago)
- Last Synced: 2025-02-05T13:12:36.727Z (11 months ago)
- Topics: coverage-testing, docker, react-testing-library, typescript, vitest
- Language: TypeScript
- Homepage: https://project-react-testing-library-dusky.vercel.app
- Size: 704 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
#
Projeto React Testing Library
## Contexto
Esse projeto é uma aplicação já pronta disponibilizada pela [Trybe](https://betrybe.com), a Pokédex, objetivo é utilizar `React-Testing-Library` e `Vitest` para escrever os testes. Sendo todos os testes passando em 100% dos casos de uso/mutações criados pelo `Stryker Mutator`.
Rode o projeto localmente
> ⚠️ É preciso ter o [Node](https://nodejs.org/en) instalado em sua máquina.
Clone o repositório:
```SHELL
git clone git@github.com:mairess/project-react-testing-library.git
```
Instale as dependências:
```SHELL
npm install
```
Inicie o vite server:
```SHELL
npm run dev
```
Rode o projeto com o docker
> ⚠️ É preciso ter o [Docker](https://www.docker.com/get-started/) instalado em sua máquina.
Clone o repositório:
```SHELL
git clone git@github.com:mairess/project-react-testing-library.git
```
Suba o container:
```SHELL
docker compose up -d
```
O vite server estará disponível na porta `3000`:
```HTML
http://localhost:3000
```
Rode os testes
Rode os testes com:
```SHELL
npm test
```
Rode um teste específico:
```SHELL
npm run test About.test.tsx
```
Rode a cobertura dos testes:
```SHELL
npm run coverage
```
## Competências desenvolvidas
- Capacidade para usar seletores da `React-Testing-Library` em testes automatizados.
- Capacidade para testar usando `vitest`.
- Capacidade de `simular eventos`.
- Capacidade de testar fluxos lógicos assíncronos.