Test degli store e della reattività
Testi gli store Svelte in isolamento e verifichi che i valori derivati si aggiornino correttamente.
Test degli store e della reattività è una lezione Sveltejs Academy gratuita su CoddyKit. Questa è la lezione 3 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento Sveltejs Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso Sveltejs Academy include 4 lezioni in totale.
Store in isolamento
Testi gli store di Svelte importandoli e verificandone i valori dopo gli aggiornamenti.
import { count } from "$lib/stores";
import { get } from "svelte/store";
count.set(5);
expect(get(count)).toBe(5);Helper get
get(store) legge in modo sincrono il valore corrente, risultando utile nei test.
Sottoscrizione nei test
Può effettuare direttamente una sottoscrizione per acquisire ogni valore emesso.
const values = [];
const unsub = count.subscribe(v => values.push(v));
count.set(1);
unsub();Store derivati
Testi gli store derivati impostando i valori sorgente e leggendo l'output derivato.
Metodi personalizzati degli store
Chiami le action personalizzate dello store e verifichi lo stato.
Store asincroni
Per gli store asincroni, attenda i microtask oppure utilizzi vi.runAllTimers se usa timer simulati.
Reset tra i test
Reimposti gli store in beforeEach per evitare interferenze tra i test.
Componenti reattivi
Esegua il rendering di un componente e si sottoscriva a uno store all'interno del test per confermare gli aggiornamenti reattivi.
Store nei componenti
Combini render, aggiornamenti degli store e asserzioni per testare flussi reattivi completi.
Sicurezza dei tipi
Con TypeScript, i tipi degli store vengono propagati ai test per eseguire asserzioni sicure.
Mock
Crei mock degli store quando isola la logica del componente dai dati degli store.
Verifica rapida
Come si legge il valore di uno store nei test?
Riepilogo
Testi gli store con get(store), le sottoscrizioni e i reset in beforeEach. Combini questi elementi con render per i test dei componenti.
Domande Frequenti
La lezione «Test degli store e della reattività» è gratuita?
Sì — il testo completo di «Test degli store e della reattività» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso Sveltejs Academy, passa a CoddyKit PRO. Il corso Sveltejs Academy include 4 lezioni in totale.
Cosa imparerò in «Test degli store e della reattività»?
Testi gli store Svelte in isolamento e verifichi che i valori derivati si aggiornino correttamente. Eserciti Sveltejs Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare Sveltejs Academy?
Non è richiesta alcuna esperienza precedente. Sveltejs Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 3 di 4.
Quanto tempo richiede la lezione «Test degli store e della reattività»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione Sveltejs Academy?
Sì. Ogni lezione Sveltejs Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.
Tutte le lezioni di questo corso
- Configurazione di Vitest per progetti Svelte
- @testing-library/svelte: render e fireEvent
- Test degli store e della reattività
- Mock di moduli e Fetch