Latihan 1: Testing React — React Latihan 1 dari materi Testing React di React — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Bikin assertion mini, mirip expect di Vitest. Kode awal sudah berisi function buatAssertion(teks) yang mengembalikan object dengan dua method kosong. Isi keduanya:
toBeInTheDocument() mengembalikan true kalau teks gak kosong, dan false kalau teks kosong ("").
toContain(kata) mengembalikan true kalau teks memuat kata, dan false kalau gak.
Hasilnya harus boolean true atau false, bukan angka atau teks. Namanya sama dengan matcher asli dari jest-dom.
Yang dicek:
Function buatAssertion ada.
buatAssertion("halo").toBeInTheDocument() menghasilkan true.
buatAssertion("").toBeInTheDocument() menghasilkan false.
buatAssertion("halo dunia").toContain("dunia") menghasilkan true.
buatAssertion("halo dunia").toContain("langit") menghasilkan false.
Hint buatAssertion mengembalikan object berisi dua method. Keduanya masih ingat teks dari parameter, karena dibuat di dalam buatAssertion. toBeInTheDocument cukup membandingkan panjang teks dengan 0. toContain bisa memakai method string includes. Jangan lupa return di tiap method. toBeInTheDocument() { return teks.length > 0; }, toContain(kata) { return teks.includes(kata); }