Tecnologia
React Testing Library força você a testar como usuários interagem. Esqueça implementation details, foque em comportamento.
CrazyStack
Carregando
React Testing Library força você a testar como usuários interagem. Esqueça implementation details, foque em comportamento.
React Testing Library força você a testar como usuários interagem. Esqueça implementation details, foque em comportamento.
getByRole: busca por aria role. getByText: conteúdo visível. getByLabelText: form labels. Priorize acessibilidade.
userEvent.click(button). userEvent.type(input, "texto"). Simula interação real. Melhor que fireEvent.
waitFor(() => expect...). findBy queries esperam. act() automático. Testing async state changes.
Queries forçam markup acessível. getByRole garante aria roles. Testes falham se inacessível.
• Priorize queries: role > label > text > testId
• userEvent ao invés de fireEvent
• Teste comportamento, não state interno
• Um componente por teste file
• Setup render wrapper para providers
• Usar data-testid como primeira opção
• Testar state interno com .state()
• fireEvent ao invés de userEvent
• Não testar acessibilidade
• Queries muito específicas (quebram com refactor)
Quando usar cada um