Menguji Store dan Reaktivitas
Uji store Svelte secara terisolasi dan pastikan nilai turunan diperbarui dengan benar.
Menguji Store dan Reaktivitas adalah pelajaran Sveltejs Academy gratis di CoddyKit. Ini adalah pelajaran 3 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Sveltejs Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Store secara Terisolasi
Uji store Svelte dengan mengimpornya dan melakukan penegasan terhadap nilainya setelah pembaruan.
import { count } from "$lib/stores";
import { get } from "svelte/store";
count.set(5);
expect(get(count)).toBe(5);Pembantu get
get(store) membaca nilai saat ini secara sinkron dan berguna dalam pengujian.
subscribe dalam Pengujian
Anda dapat melakukan subscribe secara langsung untuk menangkap setiap nilai yang dipancarkan.
const values = [];
const unsub = count.subscribe(v => values.push(v));
count.set(1);
unsub();Store Turunan
Uji store turunan dengan menetapkan nilai sumber lalu membaca keluaran turunannya.
Metode Store Kustom
Panggil tindakan kustom store Anda dan lakukan penegasan terhadap keadaannya.
Store Asinkron
Untuk store asinkron, tunggu tugas mikro atau gunakan vi.runAllTimers jika menggunakan pengatur waktu palsu.
Atur Ulang di Antara Pengujian
Atur ulang store dalam beforeEach untuk menghindari pencemaran antar-pengujian.
Komponen Reaktif
Render komponen dan lakukan subscribe ke store di dalam pengujian untuk memastikan pembaruan reaktif.
Store dalam Komponen
Gabungkan render + pembaruan store + penegasan untuk menguji alur reaktif secara menyeluruh.
Keamanan Tipe
Dengan TypeScript, tipe store mengalir ke pengujian sehingga penegasan tetap aman.
Mock
Gunakan mock pada store saat memisahkan logika komponen dari datanya.
Pemeriksaan Singkat
Bagaimana cara membaca nilai store dalam pengujian?
Ringkasan
Uji store dengan get(store), subscription, dan pengaturan ulang dalam beforeEach. Gabungkan dengan render untuk pengujian komponen.
Belajar HTML dengan tutor AI — gratis
Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.
- Kursus
- 41
- Pelajaran
- 163
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Menguji Store dan Reaktivitas” gratis?
Ya — teks lengkap “Menguji Store dan Reaktivitas” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Sveltejs Academy, upgrade ke CoddyKit PRO. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Menguji Store dan Reaktivitas”?
Uji store Svelte secara terisolasi dan pastikan nilai turunan diperbarui dengan benar. Kamu berlatih Sveltejs Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai Sveltejs Academy?
Tidak diperlukan pengalaman sebelumnya. Sveltejs Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 3 dari 4.
Berapa lama pelajaran “Menguji Store dan Reaktivitas” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran Sveltejs Academy ini?
Ya. Setiap pelajaran Sveltejs Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Penyiapan Vitest untuk Proyek Svelte
- @testing-library/svelte: render dan fireEvent
- Menguji Store dan Reaktivitas
- Membuat Mock Modul dan Fetch