Latihan 3: Mocking & Stubbing — Testing

Latihan 3 dari materi Mocking & Stubbing di Testing — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

Kode awal sudah punya objek math dengan method calculate(a, b) yang menjumlahkan. Biarkan, lalu tulis test-nya:

Buka describe dan satu it di dalamnya.
Pasang mata-mata: const spy = vi.spyOn(math, 'calculate');.
Panggil lewat objeknya: const hasil = math.calculate(2, 3);.
Periksa expect(hasil).toBe(5);, karena spy gak mengganti isi method-nya.
Periksa expect(spy).toHaveBeenCalledWith(2, 3);.

Yang dinilai: kodenya memakai vi.spyOn dan expect, dan semua test-mu benar-benar lulus saat dijalankan.

Hint

Spy berbeda dari tiruan: ia membungkus method aslinya dan membiarkannya tetap berjalan.
Karena isi aslinya tetap jalan, hasil 2 + 3 masih bisa diperiksa seperti biasa. Panggil lewat math.calculate, bukan lewat salinan method-nya.
const spy = vi.spyOn(math, 'calculate'); const hasil = math.calculate(2, 3); expect(hasil).toBe(5); expect(spy).toHaveBeenCalledWith(2, 3);

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

Versi baru

HyperSheets

bagian dari BelajarWeb.dev

Membuka gerbang…

Latihan 3: Mocking & Stubbing — Testing

Hint

Memperbarui Aplikasi