Testowanie store'ów i reaktywności
Testuj store'y Svelte w izolacji i sprawdzaj, czy wartości wyprowadzone aktualizują się prawidłowo.
Testowanie store'ów i reaktywności to bezpłatna lekcja Sveltejs Academy na CoddyKit. To lekcja 3 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej Sveltejs Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Sveltejs Academy zawiera 4 lekcji w sumie.
Izolowane testowanie store'ów
Testuj store'y Svelte, importując je i sprawdzając ich wartości po aktualizacjach.
import { count } from "$lib/stores";
import { get } from "svelte/store";
count.set(5);
expect(get(count)).toBe(5);Pomocnik get
get(store) synchronicznie odczytuje bieżącą wartość, co jest przydatne w testach.
Subskrypcja w testach
Możesz bezpośrednio zasubskrybować store, aby przechwycić każdą wyemitowaną wartość.
const values = [];
const unsub = count.subscribe(v => values.push(v));
count.set(1);
unsub();Store'y pochodne
Testuj store'y pochodne, ustawiając wartości źródłowe i odczytując wynik pochodny.
Niestandardowe metody store'a
Wywołuj niestandardowe akcje store'a i sprawdzaj jego stan.
Store'y asynchroniczne
W przypadku asynchronicznych store'ów zaczekaj na wykonanie zadań mikro lub użyj vi.runAllTimers, jeśli korzystasz z atrap czasomierzy.
Resetowanie między testami
Resetuj store'y w beforeEach, aby uniknąć wzajemnego wpływu testów.
Komponenty reaktywne
Wyrenderuj komponent i zasubskrybuj store w teście, aby potwierdzić reaktywne aktualizacje.
Store'y w komponentach
Połącz renderowanie, aktualizacje store'a i asercje, aby testować pełne przepływy reaktywne.
Bezpieczeństwo typów
W TypeScript typy store'ów są dostępne w testach, co umożliwia bezpieczne wykonywanie asercji.
Atrapy
Twórz atrapy store'ów, gdy izolujesz logikę komponentu od danych tych store'ów.
Szybki test
Jak odczytać wartość store'a w testach?
Podsumowanie
Testuj store'y za pomocą get(store), subskrypcji i resetowania w beforeEach. Połącz je z renderowaniem podczas testów komponentów.
Często zadawane pytania
Czy lekcja „Testowanie store'ów i reaktywności” jest bezpłatna?
Tak — pełny tekst „Testowanie store'ów i reaktywności” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu Sveltejs Academy, przejdź na CoddyKit PRO. Kurs Sveltejs Academy zawiera 4 lekcji w sumie.
Co nauczysz się w „Testowanie store'ów i reaktywności”?
Testuj store'y Svelte w izolacji i sprawdzaj, czy wartości wyprowadzone aktualizują się prawidłowo. Ćwiczysz Sveltejs Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.
Czy potrzebuję doświadczenia, aby zacząć Sveltejs Academy?
Nie wymagamy żadnego doświadczenia. Sveltejs Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 3 z 4.
Ile czasu zajmuje lekcja „Testowanie store'ów i reaktywności”?
Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.
Czy mogę pisać i uruchamiać kod w tej lekcji Sveltejs Academy?
Tak. Każda lekcja Sveltejs Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.
Wszystkie lekcje w tym kursie
- Konfiguracja Vitest dla projektów Svelte
- @testing-library/svelte: render i fireEvent
- Testowanie store'ów i reaktywności
- Mockowanie modułów i Fetch