Vue-Testing
Vitest, Vue Test Utils, Komponententests, Mocking, Snapshot-Testing, E2E mit Playwright
1Was ist Vitest?
Was ist Vitest?
Antwort
Vitest ist ein modernes Unit-Testing-Framework, das speziell für Vite-Projekte entwickelt wurde. Es bietet native ESM-Modulkompatibilität, integrierte TypeScript-Unterstützung und eine ultraschnelle Ausführung dank seiner tiefen Integration mit Vite. Vitest stellt eine Jest-kompatible API bereit, was die Migration bestehender Projekte erleichtert und gleichzeitig eine überlegene Leistung bietet.
2Welche Rolle spielt Vue Test Utils?
Welche Rolle spielt Vue Test Utils?
Antwort
Vue Test Utils ist die offizielle Testbibliothek für Vue.js, die Werkzeuge zum Mounten von und Interagieren mit Vue-Komponenten in einer Testumgebung bereitstellt. Sie stellt Methoden wie mount und shallowMount zum Rendern von Komponenten bereit sowie APIs zum Simulieren von Benutzerinteraktionen, Überprüfen von Props, Erfassen ausgelöster Events und Inspizieren des gerenderten DOM. Diese Bibliothek ist unerlässlich, um Vue-Komponenten isoliert zu testen.
3Was ist der Hauptunterschied zwischen mount und shallowMount?
Was ist der Hauptunterschied zwischen mount und shallowMount?
Antwort
mount rendert die vollständige Komponente mit all ihren Kindkomponenten rekursiv und erstellt einen kompletten DOM-Baum. shallowMount rendert nur die oberste Komponente und ersetzt automatisch alle Kindkomponenten durch leere Stubs. Verwende shallowMount für strikte Unit-Tests, bei denen Isolation entscheidend ist, und mount für Integrationstests, bei denen die Interaktionen zwischen Eltern- und Kindkomponenten überprüft werden müssen.
Wie konfiguriert man Vitest in einem Vue/Nuxt-Projekt?
Welche Wrapper-Methode ermöglicht das Finden eines Elements anhand seines CSS-Selektors?
+17 Interview-Fragen
Weitere Vue.js / Nuxt.js-Interviewthemen
JavaScript-Grundlagen
Modernes JavaScript (ES6+)
Vue-Grundlagen
Vue-Komponenten
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Vue-Reaktivität
Nuxt-Grundlagen
Nuxt Data Fetching
Nuxt SSR & SSG
Nuxt Server-Routes
Nuxt-Module
Vue Composables
Vue Formulare & Validierung
Nuxt State Management
Nuxt-Deployment & CI/CD
Vue-Performance
Fortgeschrittene Vue-Patterns
TypeScript mit Vue
Nuxt-Authentifizierung
SEO mit Nuxt
Nuxt-Internationalisierung
Vue-Architektur
Nuxt-Sicherheit
Vue-Ökosystem
Migration Vue 2→3 & Nuxt 2→3
Meistere Vue.js / Nuxt.js für dein nächstes Interview
Zugang zu allen Fragen, Flashcards, technischen Tests, Code-Review-Übungen und Interview-Simulatoren.
Kostenlos starten