Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gustavo-p0/introducao-jest-react-testing-library-alura
Repositório para armazenar os testes realizados no App utilizado no curso ''React JS: crie testes com Jest e Testing Library e garanta o funcionamento do Front-end" da Alura
https://github.com/gustavo-p0/introducao-jest-react-testing-library-alura
alura eslint jest npm prettier react react-testing-library tests typescript
Last synced: 2 days ago
JSON representation
Repositório para armazenar os testes realizados no App utilizado no curso ''React JS: crie testes com Jest e Testing Library e garanta o funcionamento do Front-end" da Alura
- Host: GitHub
- URL: https://github.com/gustavo-p0/introducao-jest-react-testing-library-alura
- Owner: gustavo-p0
- License: mit
- Created: 2024-02-21T19:58:07.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-02-21T20:18:35.000Z (9 months ago)
- Last Synced: 2024-02-21T21:32:40.283Z (9 months ago)
- Topics: alura, eslint, jest, npm, prettier, react, react-testing-library, tests, typescript
- Language: JavaScript
- Homepage: https://introducao-jest-react-testing-library-alura.vercel.app
- Size: 343 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# React JS: Crie testes com Jest e Testing Library e garanta o funcionamento do Front-end
[🌐 Live Preview do App Base para os testes](https://introducao-jest-react-testing-library-alura.vercel.app/)
Jornada de escrita de testes para a aplicação do Bytebank, uma startup de banco digital que ainda não adotou uma cultura de testes. A missão foi implementação dessa prática fundamental para garantir a qualidade e confiabilidade do código.
Durante esse percurso, foi destacada a importância dos testes no contexto do desenvolvimento Front-end. Abordado o uso das ferramentas Jest e React Testing Library, explorando sua aplicação prática para testar componentes React. Além disso, simulações de interações do usuário foram criadas, como transferências e depósitos, para criar testes abrangentes e significativos.
## Tecnologias usadas
- NPM
- React
- Typescript
- Jest
- React Testing Library## Como Executar o Projeto
1. Clone o repositório.
2. Navegue até o diretório do projeto.
3. Execute `npm install` para instalar as dependências.
4. Execute `npm run test` para rodar os testes.---
## Sobre o curso
Autores do Curso: Alura e Neilton Seguins.
[Página do curso](https://cursos.alura.com.br/course/react-js-testes-automatizados-front-end)
**Ementa do Curso:**
- **Importância dos testes no desenvolvimento Front-end**: Compreendimento da relevância dos testes no desenvolvimento de aplicações Front-end e a contribuição para a qualidade e estabilidade do código.
- **Jest e React Testing Library**: Exploração das ferramentas Jest e React Testing Library.Entendimento de como essas ferramentas podem otimizar a verificação de componentes e funcionalidades.
- **Escrita de testes automatizados**: Escrita de testes automatizados para a aplicação do Bytebank, uma startup de banco digital. Simulação de funções e comportamentos do usuário, garantindo a cobertura adequada para todas as partes da aplicação.
- **Testes significativos para componentes e Funcionalidades**: Desenvolvimento de habilidades para escrever testes que façam sentido para cada componente e funcionalidade da aplicação. Adoção de uma abordagem abrangente para garantir a eficácia dos testes em todas as partes do front-end.
- **Proteção contra Bugs em Produção**: Entendimento de como os testes podem proteger a aplicação em produção, evitando a implantação de códigos que não atendam aos critérios estabelecidos nos testes. Aprendizado de boas práticas para garantir a robustez da aplicação.