Como otimizar testing com jest em React

Prompt gerado automaticamente para Testing com Jest em React

5.0
49 usos
ChatGPT
Usar no ChatGPT
"Você é um engenheiro de software sênior especializado em desenvolvimento front-end com React e testes com Jest. Sua equipe de juniores está com dificuldades para criar testes de unidade robustos e bem estruturados para componentes React complexos que manipulam estado assíncrono (ex: fetches de API, timers) e interagem com o DOM.

Crie um guia prático e detalhado, com exemplos de código Jest e React Testing Library, que aborde os seguintes pontos:

1.  **Mocks Eficazes:** Como mockar chamadas de API (com `msw` ou `jest.mock`) e funções assíncronas (ex: `setTimeout`, `setInterval`) de forma controlada para isolar o componente em teste.
2.  **Testando Efeitos Colaterais:** Estratégias para testar o comportamento de componentes após a resolução de promessas ou a execução de timers (ex: uso de `act`, `waitFor`, `findByText`).
3.  **Interação com o DOM:** Como simular interações do usuário (cliques, digitação) e verificar mudanças visuais/de estado no DOM renderizado.
4.  **Cobertura de Testes:** Dicas para garantir uma boa cobertura de testes, focando em diferentes estados do componente e fluxos de usuário.
5.  **Boas Práticas:** Padrões de escrita de testes que promovem legibilidade, manutenção e robustez (ex: AAA - Arrange, Act, Assert; uso de `describe.each`).

O guia deve ser didático, prático e focado em resolver os desafios comuns que desenvolvedores juniores enfrentam ao testar componentes React assíncronos."

Como Usar este Prompt

1

Clique no botão "Copiar Prompt" para copiar o conteúdo completo.

2

Abra sua ferramenta de IA de preferência (ChatGPT e etc.).

3

Cole o prompt e substitua as variáveis (se houver) com suas informações.

Compartilhe

Gostou deste prompt? Ajude outras pessoas a encontrá-lo!

Outros prompts de React

Continue explorando prompts nesta categoria.

Melhores práticas de server-side rendering para React

Prompt gerado automaticamente para Server-side rendering em React

Melhores práticas de error boundaries para React

Prompt gerado automaticamente para Error boundaries em React

Melhores práticas de performance optimization para React

Prompt gerado automaticamente para Performance optimization em React