Testes no ecossistema JS

Galho de Tecnologia sobre o ferramental de testes JavaScript/TypeScript — o “como fazer” concreto que instrumenta a teoria de Testes. Cobre o stack moderno de 2026: Vitest (unit), Testing Library (componentes React), MSW (mock de rede), Playwright (E2E), mais cobertura, flaky e CI.

TL;DR

A teoria de testes é stack-agnóstica (pirâmide, doubles, TDD — tudo em Testes); este galho é o ferramental JS. Em 2026 o stack padrão é Vitest para unit (2–4× mais rápido que o Jest, default para novos projetos), Testing Library para componentes, MSW v2 para mockar a rede e Playwright para E2E. Aqui você aprende a config, a API e as armadilhas de cada um — sempre linkando de volta à teoria, nunca a reescrevendo.

Fronteiras (linka, não duplica)

• Teoria e estratégia (pirâmide, test doubles, TDD, design de caso, flaky/coverage conceituais) → Testes.
• Ferramental Java (JUnit 5, Mockito, Testcontainers) → Testes — o galho-paralelo.
• node:test e o cenário de test runners → Tooling 19.
• React em si → React; aqui, como testá-lo.

Fase Iniciado — o terreno e o teste unitário

1. 01 — O cenário de testes JS — Vitest vs Jest e o ecossistema
2. 02 — Vitest: setup e o primeiro teste — config, test/describe, expect
3. 03 — Matchers e asserções — a API do expect
4. 04 — Organização e ciclo de vida — describe, hooks, test.each
5. 05 — Testando código assíncrono — resolves/rejects, fake timers

Fase Adepto — doubles, componentes, rede

6. 06 — Mocking com Vitest — vi.fn, vi.spyOn, vi.mock
7. 07 — Testing Library: filosofia e queries — queries user-centric
8. 08 — Testando componentes React — render, screen, user-event
9. 09 — MSW: mockando a rede — handlers, http/graphql, v2
10. 10 — Testando hooks e estado — renderHook, act, providers
11. 11 — Snapshot testing — toMatchSnapshot, quando usar
12. 12 — Cobertura no ecossistema JS — v8 vs istanbul, thresholds

Fase Magus — E2E, qualidade, CI, estratégia

13. 13 — Playwright: E2E — locators, auto-wait, fixtures, trace
14. 14 — Playwright além do básico — component testing, auth, visual
15. 15 — Playwright vs Cypress — o cenário E2E
16. 16 — Testes flaky em JS — auto-wait, retries, isolamento
17. 17 — Testes na CI — matriz, sharding, cache, reporters
18. TS — junta tudo. Capstone

Veja também

• Testes — a teoria que este galho instrumenta.
• Design do galho — decisões e roster.