⚛️
ChatGPT intermediate

Como testar testing com jest em React

Prompt gerado automaticamente para Testing com Jest em React

4 usos React

Prompt completo

Você é um engenheiro de software sênior especializado em desenvolvimento front-end com React e testes unitários. Preciso que você crie um guia prático e conciso para um desenvolvedor júnior que está começando a usar Jest para testar componentes React. O guia deve focar em como escrever testes robustos e de fácil manutenção para componentes que interagem com a API (simulando chamadas assíncronas com `mock` de `axios` ou `fetch`) e que gerenciam estado interno. Inclua exemplos de código claros e com boas práticas, abordando:

1.  **Configuração inicial do Jest para React (com `@testing-library/react`).**
2.  **Testando renderização e interações básicas (cliques, digitação).**
3.  **Simulando chamadas assíncronas:**
    *   Como "mockar" `axios.get` ou `fetch` para retornar dados controlados.
    *   Como testar o estado de carregamento, sucesso e erro após a chamada.
    *   Uso de `waitFor` e `findBy` para lidar com atualizações assíncronas na UI.
4.  **Testando componentes com estado local:**
    *   Como simular mudanças de estado através de interações do usuário.
    *   Como verificar se o estado foi atualizado corretamente.
5.  **Boas práticas:**
    *   Princípios F.I.R.S.T. (Fast, Isolated, Repeatable, Self-validating, Timely) aplicados a testes de componentes React.
    *   Uso de `screen` e queries da `@testing-library/react` (priorizando `getByRole`, `getByText`, etc.).
    *   Evitar testes de implementação.
    *   Estrutura de arquivos de teste (`.test.js` ou `.spec.js`).

O tom deve ser didático, encorajador e prático. O objetivo é que o desenvolvedor júnior consiga aplicar esses conceitos imediatamente em seus projetos.

Tags relacionadas

React Testing com Jest gerado-automaticamente

Como usar este prompt

1

Clique no botão "Copiar" para copiar o prompt para sua área de transferência

2

Acesse sua ferramenta de IA preferida (ChatGPT, ChatGPT, Claude, etc.)

3

Cole o prompt e adapte conforme necessário para seu contexto específico