Melhores práticas de testing com jest para React

Prompt gerado automaticamente para Testing com Jest em React

5.0
68 usos
ChatGPT
Usar no 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.

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.

Compartilhe

Gostou deste prompt? Ajude outras pessoas a encontrá-lo!

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