Latihan 2: E2E Testing dengan Playwright — Testing
Latihan 2 dari materi E2E Testing dengan Playwright di Testing — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Sandbox ini gak punya browser, jadi sediakan objek page tiruan lalu tulis test-nya:
Buat const page = { url: '', async goto(target) { ... }, async click(selector) { ... }, async waitForURL(target) { ... } }: goto menyimpan alamat ke this.url, click memindahkan this.url ke '/dashboard' kalau selector-nya memuat login, dan waitForURL menjawab apakah this.url sudah sama dengan target.
Tulis describe('navigasi', ...) berisi satu it(...) dengan callback async.
Di dalamnya: await page.goto('/login'), await page.click('#login-button'), await page.waitForURL('/dashboard'), lalu expect(page.url).toBe('/dashboard').
Yang dinilai: kodenya memuat page.goto, page.click, dan waitForURL (atau toHaveURL), dan semua test yang kamu tulis lulus.
Hint
Tanpa browser, objek page yang dipanggil test-nya harus kamu buat sendiri dulu. Cukup satu properti url yang berubah.
goto mengisi this.url, click mengganti this.url jadi '/dashboard' kalau selector-nya memuat login. Method-nya async, jadi test-nya menunggu tiap langkah dengan await.