Melhores práticas de testing em vue para Vue
Prompt gerado automaticamente para Testing em Vue em Vue
"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
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 melhores práticas em vue para Vue
Prompt gerado automaticamente para Melhores práticas 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