Latihan 1: E2E Testing dengan Playwright — Testing

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

Lengkapi dua function di kode awal. Empat baris console.log di bawahnya sudah ada, biarkan.

getLocator(type, value) mengembalikan teks locator Playwright sesuai type, dengan value di dalam tanda kutip dua:
- "role": getByRole("..."), misalnya getLocator("role", "button") mengembalikan getByRole("button")
- "text": getByText("...")
- "label": getByLabel("..."), misalnya getLocator("label", "Email") mengembalikan getByLabel("Email")
- "placeholder": getByPlaceholder("...")
- "testid": getByTestId("..."), misalnya getLocator("testid", "btn") mengembalikan getByTestId("btn")
- selain itu: locator("...")
bestLocator(element) menerima objek { role, text, testId } dan memanggil getLocator untuk yang tersedia lebih dulu, dengan urutan role, lalu text, lalu testId:
- bestLocator({ role: "button", text: "Submit", testId: "btn" }) mengembalikan getByRole("button")
- bestLocator({ text: "Halo", testId: "greeting" }) mengembalikan getByText("Halo")

Hint

getLocator cuma menyusun teks: nama method Playwright sesuai type, lalu value di dalam kurung dan tanda kutip dua. bestLocator memilih yang paling mirip cara user melihat halaman.
Pakai if per type dan template string, misalnya if (type === "role") return `getByRole("${value}")`. Di bestLocator, periksa element.role dulu, lalu element.text, lalu element.testId.
if (element.role) return getLocator("role", element.role); if (element.text) return getLocator("text", element.text); if (element.testId) return getLocator("testid", element.testId);

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

Versi baru

HyperSheets

bagian dari BelajarWeb.dev

Membuka gerbang…

Latihan 1: E2E Testing dengan Playwright — Testing

Hint

Memperbarui Aplikasi