Pular para conteúdo

Aula 13 🧪

Testes Unitários: Vitest e RTL


O que vamos aprender hoje? 📚

  1. Por que testar seu código?
  2. Vitest vs Jest
  3. React Testing Library
  4. Simulação de Interações

1. Qualidade e Segurança 🛡️


Dormir tranquilo no Deploy 😴

  • Mudou algo? O teste avisa se quebrou o resto.
  • Documentação viva do seu código.
  • Facilita refatorações ousadas.

2. Vitest 🏎️


Velocidade da Luz ⚡

  • Nativo do Vite.
  • Compatível com a API do Jest.
  • Instantâneo para rodar milhares de testes.

3. React Testing Library 🏗️


Foco no Usuário 👥

  • Não teste se o state mudou.
  • Teste se o texto apareceu na tela!
  • Garante acessibilidade por padrão.

🚀 Desafio da Aula

  • Criar testes para um componente de Contador.
  • Verificar se o botão de aumentar realmente muda o número na tela.

Fim da Aula 13 🎓

Próxima Aula: Integração Cloud!