Latihan 3: E2E Testing dengan Playwright — Testing
Latihan 3 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 untuk form login:
Buat const form = {}; dan const page = { submitted: false, async fill(selector, value) { ... }, async click() { ... } }: fill menyimpan isian ke form[selector], dan click mengisi this.submitted dengan true hanya kalau form['#email'] dan form['#password'] sudah terisi.
Tulis describe('form login', ...) berisi satu it(...) dengan callback async.
Di dalamnya: await page.fill('#email', '[email protected]'), await page.fill('#password', 'rahasia'), await page.click('button[type=submit]'), lalu expect(page.submitted).toBe(true).
Yang dinilai: kodenya memuat page.fill, page.click, dan expect, dan semua test yang kamu tulis lulus.
Hint
Tanpa browser, objek page-nya kamu buat sendiri: dia cukup mengingat isian, lalu memutuskan pengirimannya berhasil atau gak dari isian itu.
fill menyimpan nilai ke form[selector]. click mengisi this.submitted dari Boolean(form['#email'] && form['#password']). Tunggu tiap langkah dengan await sebelum memeriksa.