Latihan 1: API Mocking dengan MSW — Testing

Latihan 1 dari materi API Mocking dengan MSW di Testing — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

Simulasikan daftar handler MSW, seperti bagian "Cara MSW memilih jawaban". Lengkapi createServer() di kode awal:

use(method, path, handler): tambahkan { method, path, handler } ke array handlers dengan handlers.push(...).
handle(method, path): cari handler yang method dan path-nya sama persis dengan handlers.find(...). Ketemu: jalankan dan kembalikan hasilnya, match.handler(). Gak ketemu: lempar new Error("Unhandled: " + method + " " + path), jadi pesannya persis seperti Unhandled: GET /x.
reset(): kosongkan array-nya dengan handlers.length = 0.

Dua baris terakhir kode awal (mendaftarkan GET /api/users lalu mencetak hasil handle-nya) biarkan saja: console harus mencetak {"users":["Budi","Siti"]}.

Yang dinilai: console memuat Budi dan Siti, kodenya memakai handlers.push(, handlers.find( (atau handlers.filter(), dan length = 0 (atau handlers.splice(), request tanpa handler ditolak dengan pesan persis Unhandled: GET /x, setelah reset() handler lama gak menjawab lagi, dan POST /api/login yang didaftarkan menjawab {"ok":true}.

Hint

Server ini cuma array berisi handler: use menambah, handle mencari lalu menjalankan, reset mengosongkan.
Simpan tiap handler sebagai objek { method, path, handler }. Di handle, cocokkan method dan path dengan ===, lalu lempar Error kalau hasil find-nya undefined.
handle(method, path) { const match = handlers.find((h) => h.method === method && h.path === path); if (!match) throw new Error('Unhandled: ' + method + ' ' + path); return match.handler(); }

</> { } .css => #id fn()

Versi baru

HyperSheets

bagian dari BelajarWeb.dev

Membuka gerbang…

Latihan 1: API Mocking dengan MSW — Testing

Hint

Memperbarui Aplikasi