https://github.com/andreluialves/react-testing-library
Implementação de uma série de testes para uma aplicação React JS, utilizando React Test Library (RTL) e Jest.
https://github.com/andreluialves/react-testing-library
jest react reactjs reacttestinglibrary rtl
Last synced: 6 months ago
JSON representation
Implementação de uma série de testes para uma aplicação React JS, utilizando React Test Library (RTL) e Jest.
- Host: GitHub
- URL: https://github.com/andreluialves/react-testing-library
- Owner: andreluialves
- Created: 2022-08-13T22:23:41.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-08-15T19:39:12.000Z (over 3 years ago)
- Last Synced: 2025-02-24T23:27:10.533Z (11 months ago)
- Topics: jest, react, reactjs, reacttestinglibrary, rtl
- Language: JavaScript
- Homepage:
- Size: 375 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Testing Library
## Sobre
Projeto desenvolvido durante o módulo de Front-end do curso de desenvolvimento web da Trybe.
Foi fornecida uma aplicação React desenvolvida pela [Trybe](https://www.betrybe.com/) e foi preciso escrever testes para esta aplicação, utilizando React Test Library e Jest.
Os testes estão localizados na pasta **src/tests**.
### *Status do projeto*
Este projeto encontra-se finalizado.
## 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.
## Tecnologias utilizadas
* React JS
* React Testing Library
* Jest
## Executando a aplicação
### 1. Clone o repositório
```
git clone git@github.com:andreluialves/react-testing-library.git
```
* Entre na pasta do repositório que você acabou de clonar:
```
cd react-testing-library
```
### 2. Instale as dependências:
```
npm install
```
### 3. Executar o comando para abrir a visualização no navegador
```
npm start
```
* Visualização da aplicação fornecida pela Trybe através da url:
```
http://localhost:3000
```