💚
ChatGPT intermediate

Estratégias de testing em vue em Vue

Prompt gerado automaticamente para Testing em Vue em Vue

2 usos Vue

Prompt completo

Você é um especialista em desenvolvimento Vue.js com profundo conhecimento em testes. Crie um guia passo a passo detalhado para um desenvolvedor júnior que precisa implementar testes de integração e end-to-end em uma aplicação Vue existente, utilizando Cypress e Vue Testing Library. O guia deve abordar:

1.  **Configuração inicial:** Como instalar e configurar Cypress e Vue Testing Library no projeto.
2.  **Estrutura de pastas:** Uma sugestão de organização para os arquivos de teste.
3.  **Testes de integração com Vue Testing Library:**
    *   Exemplos práticos de como testar componentes isolados e a interação entre eles (ex: um componente pai passando props para um filho e o filho emitindo um evento).
    *   Como simular eventos do usuário (clicks, digitação).
    *   Como testar a renderização condicional de elementos.
    *   Como lidar com requisições assíncronas (mocking com `jest.mock` ou similar).
4.  **Testes End-to-End com Cypress:**
    *   Exemplos práticos de como testar fluxos completos da aplicação (ex: login, navegação entre páginas, preenchimento de formulários).
    *   Como interagir com elementos da UI de forma robusta.
    *   Como lidar com esperas e assincronicidade em testes E2E.
    *   Como usar `cy.intercept()` para mockar requisições de rede em testes E2E.
    *   Dicas para criar testes E2E que sejam rápidos e confiáveis.
5.  **Boas práticas e dicas:**
    *   Sugestões para escrever testes legíveis e fáceis de manter.
    *   Como escolher entre testes de unidade, integração e E2E para diferentes cenários.
    *   Como integrar os testes no pipeline de CI/CD.
    *   Ferramentas e plugins úteis.

O tom deve ser didático e encorajador, assumindo que o desenvolvedor tem alguma familiaridade com Vue, mas é novo em testes. Inclua trechos de código claros e comentados para cada exemplo.

Tags relacionadas

Vue Testing em Vue 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