Membuat Mock Modul dan Fetch
Buat mock untuk modul eksternal, panggilan fetch, dan modul SvelteKit dalam pengujian unit.
Membuat Mock Modul dan Fetch adalah pelajaran Sveltejs Academy gratis di CoddyKit. Ini adalah pelajaran 4 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.
Mengapa Menggunakan Mock
Pengujian harus mengisolasi unit yang sedang diuji. Gunakan mock pada modul eksternal untuk menghindari panggilan jaringan dan pengujian yang tidak stabil.
vi.mock
Vitest menyediakan vi.mock untuk mengganti modul.
vi.mock("$lib/api", () => ({ getUser: () => ({ name: "Mock" }) }));Mock fetch
Gunakan vi.spyOn(global, "fetch") atau pustaka seperti msw untuk mock API yang realistis.
vi.spyOn(global, "fetch").mockResolvedValue({ json: () => ({ items: [] }) });Pengangkatan Modul
Panggilan vi.mock diangkat. Deklarasikan panggilan tersebut di bagian atas berkas.
Pulihkan Mock
Gunakan vi.restoreAllMocks() dalam afterEach untuk melakukan pembersihan.
MSW untuk HTTP
Mock Service Worker mencegat permintaan pada lapisan jaringan untuk menghasilkan perilaku API yang realistis dalam pengujian.
Mock Modul SvelteKit
Anda dapat menggunakan mock pada $app/stores, $app/navigation, dan impor SvelteKit lainnya untuk pengujian terisolasi.
Mock Aman Tipe
Gunakan vi.fn() dengan tanda tangan bertipe untuk membuat mata-mata yang aman terhadap tipe.
Bersihkan di Antara Pengujian
Gunakan vi.clearAllMocks() atau penyiapan beforeEach untuk memulai dari keadaan baru.
Mock Parsial
Gunakan mock hanya pada ekspor tertentu dari sebuah modul, sementara bagian lainnya tetap nyata.
Pertimbangan Nyata vs Mock
Penggunaan mock secara berlebihan dapat membuat pengujian tidak bermakna. Uji integrasi dengan implementasi nyata jika memungkinkan.
Pemeriksaan Singkat
Apa yang dilakukan vi.mock?
Ringkasan
Gunakan vi.mock dan mata-mata untuk mengisolasi unit; pertimbangkan MSW untuk mock API yang realistis pada lapisan jaringan.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Membuat Mock Modul dan Fetch” gratis?
Ya — teks lengkap “Membuat Mock Modul dan Fetch” 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 “Membuat Mock Modul dan Fetch”?
Buat mock untuk modul eksternal, panggilan fetch, dan modul SvelteKit dalam pengujian unit. 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 4 dari 4.
Berapa lama pelajaran “Membuat Mock Modul dan Fetch” 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