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
Outros prompts de Vue
ChatGPT
Melhores práticas de padrões de design em vue para Vue
Prompt gerado automaticamente para Padrões de design em Vue em Vue
5 usos
ChatGPT
Melhores práticas de otimização e performance em vue para Vue
Prompt gerado automaticamente para Otimização e performance em Vue em Vue
4 usos
ChatGPT
Melhores práticas de otimização e performance em vue para Vue
Prompt gerado automaticamente para Otimização e performance em Vue em Vue
2 usos