⚛️
ChatGPT intermediate

Prompt para testing com jest em React

Prompt gerado automaticamente para Testing com Jest em React

2 usos React

Prompt completo

"Você é um engenheiro de software sênior especializado em React e Jest. Sua tarefa é criar um teste de unidade robusto e significativo para um componente React que exibe uma lista de itens (por exemplo, `ProductList`) e permite a interação do usuário (por exemplo, um botão 'Remover' ao lado de cada item). O teste deve verificar os seguintes cenários usando Jest e React Testing Library:

1. **Renderização inicial:** A lista é renderizada corretamente com os itens fornecidos (simule alguns itens com `mockData`).
2. **Interação do usuário:** Ao clicar no botão 'Remover' de um item, o item é removido da lista e uma função `onRemoveItem` (passada via props) é chamada com o ID do item removido.
3. **Estado vazio:** Se a lista ficar vazia após remoções, uma mensagem indicando que não há itens é exibida.

Forneça o código completo do componente React (`ProductList.js`) e do arquivo de teste (`ProductList.test.js`), incluindo imports, mocks necessários e assertions claras. O código deve ser idiomático para React e Jest, utilizando as melhores práticas."

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