Testes no Vue
Vitest, Vue Test Utils, testes de componentes, mocking, snapshot testing, E2E com Playwright
1O que é o Vitest?
O que é o Vitest?
Resposta
O Vitest é um framework de testes unitários moderno projetado especificamente para projetos Vite. Ele oferece compatibilidade nativa com módulos ESM, suporte integrado a TypeScript e execução ultrarrápida graças à sua profunda integração com o Vite. O Vitest fornece uma API compatível com o Jest, facilitando a migração de projetos existentes enquanto se beneficia de um desempenho superior.
2Qual é o papel do Vue Test Utils?
Qual é o papel do Vue Test Utils?
Resposta
O Vue Test Utils é a biblioteca oficial de testes para o Vue.js que fornece utilitários para montar e interagir com os componentes Vue em um ambiente de testes. Ela expõe métodos como mount e shallowMount para renderizar componentes, além de APIs para simular interações do usuário, verificar props, capturar eventos emitidos e inspecionar o DOM renderizado. Essa biblioteca é essencial para testar os componentes Vue de forma isolada.
3Qual é a principal diferença entre mount e shallowMount?
Qual é a principal diferença entre mount e shallowMount?
Resposta
O mount renderiza o componente completo com todos os seus componentes filhos de forma recursiva, criando uma árvore DOM completa. O shallowMount renderiza apenas o componente de primeiro nível, substituindo automaticamente todos os componentes filhos por stubs vazios. Use shallowMount para testes unitários estritos onde o isolamento é primordial e mount para testes de integração onde as interações entre componentes pai-filho precisam ser verificadas.
Como configurar o Vitest em um projeto Vue/Nuxt?
Qual método do wrapper permite buscar um elemento pelo seu seletor CSS?
+17 perguntas de entrevista
Outros temas de entrevista Vue.js / Nuxt.js
Fundamentos de JavaScript
JavaScript moderno (ES6+)
Fundamentos do Vue
Componentes Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Reatividade do Vue
Fundamentos do Nuxt
Data Fetching no Nuxt
SSR e SSG no Nuxt
Rotas de servidor Nuxt
Módulos Nuxt
Composables do Vue
Formulários e validação Vue
Gerenciamento de estado no Nuxt
Deploy do Nuxt e CI/CD
Desempenho do Vue
Padrões avançados do Vue
TypeScript com Vue
Autenticação Nuxt
SEO com Nuxt
Internacionalização no Nuxt
Arquitetura Vue
Segurança no Nuxt
Ecossistema Vue
Migração Vue 2→3 e Nuxt 2→3
Domine Vue.js / Nuxt.js para sua proxima entrevista
Acesse todas as perguntas, flashcards, testes tecnicos, exercicios de code review e simuladores de entrevista.
Comece gratis