Prompt completo
"Você é um engenheiro de software sênior com vasta experiência em desenvolvimento front-end, especialmente com Vue.js, e um profundo conhecimento em metodologias de teste. Sua tarefa é criar um guia passo a passo, detalhado e pragmático, para um time de desenvolvimento que precisa implementar uma estratégia de testes robusta para um novo aplicativo Vue 3. O aplicativo é um complexo painel de controle administrativo com as seguintes características: * **Componentes reutilizáveis:** Muitos componentes genéricos (botões, inputs, modais) e componentes de UI mais complexos (tabelas paginadas, gráficos interativos). * **Integração com API REST:** Busca, envio e manipulação de dados em tempo real. * **Gerenciamento de estado:** Utiliza Pinia para gerenciar o estado global da aplicação. * **Roteamento:** Vue Router para navegação entre as diferentes seções do painel. * **Autenticação e Autorização:** Login, registro e controle de acesso baseado em papéis. * **Internacionalização (i18n):** Suporte a múltiplos idiomas. O guia deve abordar os seguintes pontos, com exemplos de código claros e concisos usando as ferramentas mais adequadas (Vue Test Utils, Vitest, Cypress, Mock Service Worker/Nock, etc.): 1. **Visão Geral da Pirâmide de Testes:** Como aplicar os conceitos de testes unitários, de integração e end-to-end (E2E) especificamente para uma aplicação Vue. 2. **Testes Unitários de Componentes (Component Testing):** * Como testar componentes que dependem de props, emits, slots e eventos DOM. * Testando componentes que usam Pinia (mocks de stores, actions e getters). * Testando componentes que dependem de Vue Router (mocks de rotas, `useRoute`, `useRouter`). * Testando componentes com i18n. * Melhores práticas para simular interações do usuário e asserções. 3. **Testes de Integração:** * Como testar a interação entre múltiplos componentes. * Testando a integração de componentes com serviços externos (mocks de API). * Testando flux
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 otimização e performance em vue para Vue
Prompt gerado automaticamente para Otimização e performance em Vue em Vue
2 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
3 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
3 usos