Vitest-Einrichtung für Svelte-Projekte
Konfigurieren Sie Vitest mit dem Svelte-Plugin und der jsdom-Umgebung für Component-Tests.
Vitest-Einrichtung für Svelte-Projekte ist eine kostenlose Sveltejs Academy-Lektion auf CoddyKit. Dies ist Lektion 1 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Sveltejs Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Sveltejs Academy-Kurs umfasst insgesamt 4 Lektionen.
Vitest
Vitest ist ein schneller, Vite-nativer Test-Runner, der im Svelte-Ökosystem weit verbreitet ist.
Installation
Fügen Sie Vitest und das Svelte-Plugin hinzu.
npm install -D vitest @vitest/coverage-v8 @testing-library/svelte @testing-library/jest-dom jsdomKonfiguration in vite.config.js
Fügen Sie einen Testabschnitt hinzu.
export default defineConfig({
plugins: [sveltekit()],
test: { environment: "jsdom", globals: true, setupFiles: ["./vitest-setup.js"] }
});Setup-Datei
Importieren Sie die jest-dom-Matcher in vitest-setup.js.
import "@testing-library/jest-dom";Tests ausführen
Fügen Sie ein Script zu package.json hinzu und führen Sie es aus.
"test": "vitest"Watch-Modus
Vitest verwendet standardmäßig den Watch-Modus – ideal für TDD.
TypeScript
Vitest unterstützt TypeScript ohne zusätzliche Konfiguration und bietet typsichere Assertions.
Coverage
Erzeugen Sie Coverage-Berichte mit dem V8-Coverage-Provider.
npx vitest run --coverageCI-Integration
Verwenden Sie vitest run (ohne Watch-Modus) in der CI für vorhersehbare Testläufe.
Snapshot-Tests
Vitest unterstützt wie Jest Snapshots zur Erkennung von Regressionen.
IDE-Integration
Mit der Vitest-Erweiterung für VS Code können Sie Tests direkt über Editor-Befehle ausführen.
Schnelltest
Welche Umgebung verwendet Vitest für DOM-Tests?
Zusammenfassung
Richten Sie Vitest mit jsdom, Testing Library und jest-dom für schnelle Unit-Tests von Svelte-Komponenten ein.
Häufig gestellte Fragen
Ist die Lektion „Vitest-Einrichtung für Svelte-Projekte“ kostenlos?
Ja — der vollständige Text von „Vitest-Einrichtung für Svelte-Projekte“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Sveltejs Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Sveltejs Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Vitest-Einrichtung für Svelte-Projekte“?
Konfigurieren Sie Vitest mit dem Svelte-Plugin und der jsdom-Umgebung für Component-Tests. Du übst Sveltejs Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um Sveltejs Academy zu starten?
Keine Vorkenntnisse erforderlich. Sveltejs Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 1 von 4.
Wie lange dauert die Lektion „Vitest-Einrichtung für Svelte-Projekte“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser Sveltejs Academy-Lektion Code schreiben und ausführen?
Ja. Jede Sveltejs Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- Vitest-Einrichtung für Svelte-Projekte
- @testing-library/svelte: render und fireEvent
- Stores und Reaktivität testen
- Module und Fetch mocken