Arquitetura softwareFrontend webTypeScriptTestes
Testes em TypeScript
Baixar PDFTestes unitários, de integração, mocks e TDD — como testar código TypeScript com Vitest.
Testes em TypeScript
Testes não são um "nice to have" — são o que te permite refatorar com confiança, dormir tranquilo e onboardar novos devs sem medo de quebrar tudo.
Mapa de estudo
Unit & Integration Tests
Vitest, mocking com vi, testes de hooks React, services e controllers — frontend e backend.
TDD — Test-Driven Development
O ciclo Red-Green-Refactor, quando usar TDD e quando não usar — exemplos práticos full-stack.
Pirâmide de testes
/ E2E \ ← Poucos, lentos, testam o sistema inteiro
/ Integr. \ ← Médios, testam módulos combinados
/ Unit \ ← Muitos, rápidos, testam funções isoladas| Tipo | Velocidade | Quantidade | O que testa |
|---|---|---|---|
| Unit | ~1ms | 80% | Funções puras, validações, transformações |
| Integration | ~100ms | 15% | Services + repositories, hooks + API |
| E2E | ~5s | 5% | Fluxo completo no browser |
Stack de testes
| Ferramenta | O que faz | Comando |
|---|---|---|
| Vitest | Runner de testes (substitui Jest) | pnpm vitest |
| Testing Library | Testes de componentes React | @testing-library/react |
| Playwright | Testes E2E | pnpm test |
| msw | Mock de API HTTP | msw |
| vi | Mocking (embutido no Vitest) | vi.fn(), vi.mock() |