Prompt completo
Você é um especialista em desenvolvimento React e testing com Jest. Sua tarefa é criar um teste Jest abrangente e eficaz para um componente React fictício que renderiza uma lista de usuários. O teste deve cobrir os seguintes cenários: 1. **Renderização inicial:** Verificar se o componente renderiza corretamente sem usuários (lista vazia). 2. **Renderização com dados:** Verificar se o componente renderiza corretamente uma lista de usuários fornecida via props, exibindo o nome e o email de cada usuário. 3. **Interação do usuário (opcional, mas valorizado):** Se houver um botão ou elemento interativo para, por exemplo, "selecionar" um usuário, testar se a interação funciona e altera o estado ou chama uma função esperada. O componente fictício, `UserList`, aceita uma prop `users` que é um array de objetos, onde cada objeto tem `id`, `name` e `email`. Forneça: * O código Jest completo para o teste, incluindo imports necessários e o uso de `render`, `screen` e métodos de query do `@testing-library/react`. * Mocks de dados de exemplo para os usuários. * Comentários explicando as principais partes do teste. * Uma breve justificativa para as escolhas de teste (por que esses cenários são importantes). Seja criativo e demonstre boas práticas de testing em React com Jest.
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
3 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
3 usos