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
Outros prompts de React
ChatGPT
Melhores práticas de performance optimization para React
Prompt gerado automaticamente para Performance optimization em React
4 usos
ChatGPT
Melhores práticas de context api e redux para React
Prompt gerado automaticamente para Context API e Redux em React
4 usos
ChatGPT
Melhores práticas de error boundaries para React
Prompt gerado automaticamente para Error boundaries em React
4 usos