Estratégias de testing em vue em Vue
Prompt gerado automaticamente para Testing em Vue em Vue
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
Como Usar este Prompt
Clique no botão "Copiar Prompt" para copiar o conteúdo completo.
Abra sua ferramenta de IA de preferência (ChatGPT e etc.).
Cole o prompt e substitua as variáveis (se houver) com suas informações.
Outros prompts de Vue
Continue explorando prompts nesta categoria.
Melhores práticas de otimização e performance em vue para Vue
Prompt gerado automaticamente para Otimização e performance em Vue em Vue
Melhores práticas de otimização e performance em vue para Vue
Prompt gerado automaticamente para Otimização e performance em Vue em Vue
Melhores práticas de otimização e performance em vue para Vue
Prompt gerado automaticamente para Otimização e performance em Vue em Vue