💚
ChatGPT intermediate

Melhores práticas de testing em vue para Vue

Prompt gerado automaticamente para Testing em Vue em Vue

4 usos Vue

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