← Blog

PLAYWRIGHT · LOCATOR · WEB AUTOMATION

Locator Playwright: Cara Memilih Element yang Tidak Rapuh

Diterbitkan 11 Agustus 2026 · Oleh Ide Jongkok

Locator adalah fondasi web automation. Test yang memakai selector rapuh akan mudah rusak saat class CSS atau susunan HTML berubah.

Urutan pilihan yang praktis

  1. Role: page.get_by_role("button", name="Login")
  2. Label: page.get_by_label("Email")
  3. Text: page.get_by_text("Dashboard")
  4. Test id: page.get_by_test_id("submit-order")

Hindari selector yang terlalu detail

Selector seperti div:nth-child(2) > div.button bergantung pada struktur internal halaman. Jika memang perlu CSS atau XPath, buat sesingkat dan sejelas mungkin.

Locator bukan sekadar syntax

Locator yang baik membaca intent pengguna. Itu membuat test lebih mudah direview dan lebih stabil ketika UI berkembang. Setelah locator siap, gunakan auto-waiting Playwright agar test tidak bergantung pada timing kebetulan.

Pelajari jurus Playwright lainnya