Testa stores och reaktivitet
Testa Svelte stores isolerat och verifiera att härledda värden uppdateras korrekt.
Testa stores och reaktivitet är en gratis lektion i Sveltejs Academy på CoddyKit. Detta är lektion 3 av 4. Ni kan läsa hela lektionen gratis nedan och sedan öva praktiskt i webbläsaren med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt. Den ingår i lärvägen för Sveltejs Academy, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i Sveltejs Academy innehåller totalt 4 lektioner.
Isolerad testning av stores
Testa Svelte-stores genom att importera dem och kontrollera deras värden efter uppdateringar.
import { count } from "$lib/stores";
import { get } from "svelte/store";
count.set(5);
expect(get(count)).toBe(5);get-hjälpfunktion
get(store) läser det aktuella värdet synkront, vilket är användbart i tester.
Prenumerera i tester
Du kan prenumerera direkt för att fånga varje emitterat värde.
const values = [];
const unsub = count.subscribe(v => values.push(v));
count.set(1);
unsub();Härledda stores
Testa härledda stores genom att ange källvärden och läsa det härledda resultatet.
Egna store-metoder
Anropa dina stores egna actions och kontrollera tillståndet.
Asynkrona stores
För asynkrona stores kan du vänta på mikrouppgifter eller använda vi.runAllTimers om du använder fejkade timers.
Återställ mellan tester
Återställ stores i beforeEach för att undvika påverkan mellan tester.
Reaktiva komponenter
Rendera en komponent och prenumerera på en store i testet för att bekräfta reaktiva uppdateringar.
Stores i komponenter
Kombinera render, store-uppdateringar och assertioner för att testa fullständiga reaktiva flöden.
Typsäkerhet
Med TypeScript följer store-typerna med in i testerna och ger typsäkra assertioner.
Mockar
Mocka stores när du isolerar komponentlogik från store-datan.
Snabbkontroll
Hur läser du ett store-värde i tester?
Sammanfattning
Testa stores med get(store), prenumerationer och återställningar i beforeEach. Kombinera med render för komponenttester.
Lär dig HTML med en AI-lärare – gratis
Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.
- Kurser
- 41
- Lektioner
- 163
Vanliga frågor
Är lektionen ”Testa stores och reaktivitet” gratis?
Ja – hela texten till ”Testa stores och reaktivitet” kan läsas gratis här på webben. Om Ni vill öva interaktivt med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt och låsa upp resten av kursen i Sveltejs Academy, kan Ni uppgradera till CoddyKit PRO. Kursen i Sveltejs Academy innehåller totalt 4 lektioner.
Vad lär jag mig i ”Testa stores och reaktivitet”?
Testa Svelte stores isolerat och verifiera att härledda värden uppdateras korrekt. Ni övar på Sveltejs Academy med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.
Behöver jag någon erfarenhet för att börja lära mig Sveltejs Academy?
Du behöver inga förkunskaper. Utbildningen i Sveltejs Academy på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 3 av 4.
Hur lång tid tar lektionen ”Testa stores och reaktivitet”?
De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.
Kan jag skriva och köra kod i den här Sveltejs Academy-lektionen?
Ja. Varje Sveltejs Academy-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.
Alla lektioner i den här kursen
- Konfigurera Vitest för Svelte-projekt
- @testing-library/svelte: render och fireEvent
- Testa stores och reaktivitet
- Mockning av moduler och Fetch