Tecnologia
TDD em React força componentes simples e testáveis. Escreva teste antes do componente, melhore arquitetura continuamente.
CrazyStack
Carregando
TDD em React força componentes simples e testáveis. Escreva teste antes do componente, melhore arquitetura continuamente.
TDD em React força componentes simples e testáveis. Escreva teste antes do componente, melhore arquitetura continuamente.
Teste o que usuário vê e faz. Não teste state interno. Componente como caixa preta.
Teste define API do componente. Props, events, renderização. Interface clara antes de implementar.
Testes garantem comportamento. Mude JSX, CSS, estrutura. Testes continuam passando.
Testa componentes conectados. Form + validation + submit. Fluxo completo.
• Teste comportamento, não implementação
• Queries acessíveis (role, label)
• userEvent para interações
• Custom render com providers
• Integration tests para fluxos
• Testar state interno (.state())
• Queries por className (frágil)
• Não testar casos de erro
• Mockar demais (não testa integração)
• Testes muito acoplados ao JSX
Quando usar cada um