Stores und Reaktivität testen
Testen Sie Svelte-Stores isoliert und überprüfen Sie, ob abgeleitete Werte korrekt aktualisiert werden.
Stores und Reaktivität testen ist eine kostenlose Sveltejs Academy-Lektion auf CoddyKit. Dies ist Lektion 3 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.
Stores isoliert testen
Testen Sie Svelte-Stores, indem Sie sie importieren und ihre Werte nach Aktualisierungen überprüfen.
import { count } from "$lib/stores";
import { get } from "svelte/store";
count.set(5);
expect(get(count)).toBe(5);get-Hilfsfunktion
get(store) liest den aktuellen Wert synchron und ist daher für Tests nützlich.
In Tests abonnieren
Sie können direkt abonnieren, um jeden ausgegebenen Wert zu erfassen.
const values = [];
const unsub = count.subscribe(v => values.push(v));
count.set(1);
unsub();Abgeleitete Stores
Testen Sie abgeleitete Stores, indem Sie Quellwerte setzen und die abgeleitete Ausgabe lesen.
Benutzerdefinierte Store-Methoden
Rufen Sie die benutzerdefinierten Aktionen Ihres Stores auf und überprüfen Sie den Zustand.
Asynchrone Stores
Warten Sie bei asynchronen Stores auf Microtasks oder verwenden Sie vi.runAllTimers, wenn Sie simulierte Timer einsetzen.
Zwischen Tests zurücksetzen
Setzen Sie Stores in beforeEach zurück, um Beeinflussungen zwischen Tests zu vermeiden.
Reaktive Komponenten
Rendern Sie eine Komponente und abonnieren Sie im Test einen Store, um reaktive Aktualisierungen zu bestätigen.
Stores in Komponenten
Kombinieren Sie render, Store-Aktualisierungen und Assertions, um vollständige reaktive Abläufe zu testen.
Typsicherheit
Mit TypeScript fließen Store-Typen in Tests ein und ermöglichen sichere Assertions.
Mocks
Mocken Sie Stores, wenn Sie die Komponentenlogik von deren Daten isolieren.
Schnelltest
Wie lesen Sie in Tests den Wert eines Stores?
Zusammenfassung
Testen Sie Stores mit get(store), Abonnements und Zurücksetzungen in beforeEach. Kombinieren Sie dies für Komponententests mit render.
Häufig gestellte Fragen
Ist die Lektion „Stores und Reaktivität testen“ kostenlos?
Ja — der vollständige Text von „Stores und Reaktivität testen“ 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 „Stores und Reaktivität testen“?
Testen Sie Svelte-Stores isoliert und überprüfen Sie, ob abgeleitete Werte korrekt aktualisiert werden. 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 3 von 4.
Wie lange dauert die Lektion „Stores und Reaktivität testen“?
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