Melhores práticas de testing em vue para Vue

Prompt gerado automaticamente para Testing em Vue em Vue

5.0
36 usos
ChatGPT
Usar no ChatGPT
"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

Como Usar este Prompt

1

Clique no botão "Copiar Prompt" para copiar o conteúdo completo.

2

Abra sua ferramenta de IA de preferência (ChatGPT e etc.).

3

Cole o prompt e substitua as variáveis (se houver) com suas informações.

Compartilhe

Gostou deste prompt? Ajude outras pessoas a encontrá-lo!

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