Testing en Vue
Vitest, Vue Test Utils, testing de componentes, mocking, snapshot testing, E2E con Playwright
1¿Qué es Vitest?
¿Qué es Vitest?
Respuesta
Vitest es un framework de testing unitario moderno diseñado específicamente para proyectos Vite. Ofrece compatibilidad nativa con módulos ESM, soporte integrado de TypeScript y una ejecución ultrarrápida gracias a su profunda integración con Vite. Vitest proporciona una API compatible con Jest, lo que facilita la migración de proyectos existentes mientras se aprovecha un rendimiento superior.
2¿Cuál es el rol de Vue Test Utils?
¿Cuál es el rol de Vue Test Utils?
Respuesta
Vue Test Utils es la biblioteca oficial de testing para Vue.js que proporciona utilidades para montar e interactuar con los componentes Vue en un entorno de testing. Expone métodos como mount y shallowMount para renderizar componentes, así como APIs para simular interacciones del usuario, verificar props, capturar eventos emitidos e inspeccionar el DOM renderizado. Esta biblioteca es esencial para testear los componentes Vue de manera aislada.
3¿Cuál es la diferencia principal entre mount y shallowMount?
¿Cuál es la diferencia principal entre mount y shallowMount?
Respuesta
mount renderiza el componente completo con todos sus componentes hijos de forma recursiva, creando un árbol DOM completo. shallowMount solo renderiza el componente de primer nivel reemplazando automáticamente todos los componentes hijos por stubs vacíos. Usa shallowMount para tests unitarios estrictos donde el aislamiento es primordial y mount para tests de integración donde se deben verificar las interacciones entre componentes padre-hijo.
¿Cómo configurar Vitest en un proyecto Vue/Nuxt?
¿Qué método del wrapper permite buscar un elemento por su selector CSS?
+17 preguntas de entrevista
Otros temas de entrevista Vue.js / Nuxt.js
Fundamentos de JavaScript
JavaScript moderno (ES6+)
Fundamentos de Vue
Componentes Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Reactividad de Vue
Fundamentos de Nuxt
Data Fetching en Nuxt
SSR y SSG en Nuxt
Rutas de servidor Nuxt
Módulos Nuxt
Composables de Vue
Formularios y validación Vue
Gestión de estado en Nuxt
Despliegue de Nuxt y CI/CD
Rendimiento de Vue
Patrones avanzados de Vue
TypeScript con Vue
Autenticación Nuxt
SEO con Nuxt
Internacionalización en Nuxt
Arquitectura Vue
Seguridad en Nuxt
Ecosistema Vue
Migración Vue 2→3 y Nuxt 2→3
Domina Vue.js / Nuxt.js para tu próxima entrevista
Accede a todas las preguntas, flashcards, tests técnicos, ejercicios de code review y simuladores de entrevista.
Empieza gratis