Test af stores og reaktivitet
Test Svelte stores isoleret, og kontrollér, at afledte værdier opdateres korrekt.
Test af stores og reaktivitet er en gratis Sveltejs Academy-lektion på CoddyKit. Dette er lektion 3 af 4. Du kan læse hele lektionen gratis nedenfor — og derefter øve dig praktisk i browseren med en indbygget kodeeditor og en AI-vejleder, der er tilgængelig døgnet rundt. Den er en del af læringsforløbet i Sveltejs Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. Sveltejs Academy-kurset indeholder 4 lektioner i alt.
Isolerede stores
Test Svelte-stores ved at importere dem og kontrollere deres værdier efter opdateringer.
import { count } from "$lib/stores";
import { get } from "svelte/store";
count.set(5);
expect(get(count)).toBe(5);get-hjælpefunktion
get(store) læser den aktuelle værdi synkront og er nyttig i tests.
Abonnér i tests
Du kan abonnere direkte for at opsamle hver værdi, der udsendes.
const values = [];
const unsub = count.subscribe(v => values.push(v));
count.set(1);
unsub();Afledte stores
Test afledte stores ved at angive kildeværdier og læse det afledte output.
Brugerdefinerede store-metoder
Kald dine stores brugerdefinerede handlinger, og kontrollér tilstanden.
Asynkrone stores
For asynkrone stores skal du vente på microtasks eller bruge vi.runAllTimers, hvis du bruger falske timere.
Nulstil mellem tests
Nulstil stores i beforeEach for at undgå påvirkning på tværs af tests.
Reaktive komponenter
Rendér en komponent, og abonnér på en store i testen for at bekræfte reaktive opdateringer.
Stores i komponenter
Kombinér render, store-opdateringer og påstande for at teste komplette reaktive forløb.
Typesikkerhed
Med TypeScript føres store-typer ind i testene, så du får typesikre påstande.
Mockobjekter
Mock stores, når du isolerer komponentlogik fra deres data.
Hurtigt tjek
Hvordan læser du en store-værdi i tests?
Opsummering
Test stores med get(store), abonnementer og nulstillinger i beforeEach. Kombinér med render til komponenttests.
Lær HTML med en AI-underviser — gratis
Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.
- Kurser
- 41
- Lektioner
- 163
Ofte stillede spørgsmål
Er lektionen “Test af stores og reaktivitet” gratis?
Ja — hele teksten til “Test af stores og reaktivitet” kan læses gratis her på nettet. Hvis du vil øve dig interaktivt med en indbygget kodeeditor og en AI-vejleder døgnet rundt og få adgang til resten af Sveltejs Academy-kurset, skal du opgradere til CoddyKit PRO. Sveltejs Academy-kurset indeholder 4 lektioner i alt.
Hvad lærer jeg i “Test af stores og reaktivitet”?
Test Svelte stores isoleret, og kontrollér, at afledte værdier opdateres korrekt. Du øver dig i Sveltejs Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.
Skal jeg have erfaring for at begynde på Sveltejs Academy?
Der kræves ingen tidligere erfaring. Sveltejs Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 3 af 4.
Hvor lang tid tager lektionen “Test af stores og reaktivitet”?
De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.
Kan jeg skrive og køre kode i denne Sveltejs Academy-lektion?
Ja. Alle Sveltejs Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.
Alle lektioner i dette kursus
- Opsætning af Vitest til Svelte-projekter
- @testing-library/svelte: render og fireEvent
- Test af stores og reaktivitet
- Mocking af moduler og fetch