A página da web do Sorteador de Amigo Secreto foi desenvolvida ao longo do curso de React: Testando seus componentes da Alura para a trilha Fullstack - Programa Desenvolve Boticário 2023, por meio do conceito de TDD: Test Driven Development (Desenvolvimento orientado a testes).
Projeto Finalizado ✅
A aplicação foi desenvolvida a partir de um design pré-definido, focando-se sobretudo em refatorações de código e no desenvolvimento dos testes.
Alguns dos pontos trabalhados ao longo do projeto foram a criação de hooks para encapsulamento dos estados dos componentes, execução de código assíncrono, utilização de temporizadores nos testes com Jest, preparação de mocks dos hooks customizados, realização de testes de snapshot.
Os seguintes testes foram implementados na aplicação:
-
Formulário:
- Garantir que a página esteja sendo renderizada corretamente
- Validar se quando um input está vazio, novos participantes não podem ser adicionados
- Validar a adição de um participante à lista caso exista um nome preenchido
- Garantir que nomes duplicados não podem ser adicionados na lista
- Validar se a mensagem de erro some após os timers
-
Sorteio:
- Testar se todos os participantes podem exibir o seu amigo secreto
- Testar se o amigo secreto é exibido quando solicitado
- Garantir que o sorteio não seja realizado caso o número de participantes seja insuficente
- Garantir que o sorteio seja realizado caso o número de participantes seja suficente
As seguintes ferramentas foram usadas na construção do projeto:
- React
- TypeScript
Bárbara Mirelli
Feito com ❤️ por Bárbara Mirelli 👋🏽 Entre em contato!
