⚛️
ChatGPT intermediate

Melhores práticas de testing com jest para React

Prompt gerado automaticamente para Testing com Jest em React

4 usos React

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