Melhores práticas de testing com jest para React
Prompt gerado automaticamente para Testing com Jest em React
5.0
68 usos
ChatGPT
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
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.
Outros prompts de React
Continue explorando prompts nesta categoria.
Melhores práticas de performance optimization para React
Prompt gerado automaticamente para Performance optimization em React
Melhores práticas de context api e redux para React
Prompt gerado automaticamente para Context API e Redux em React
Melhores práticas de error boundaries para React
Prompt gerado automaticamente para Error boundaries em React