RiffaMedia

Tutorial Belajar Node JS Web Automation dengan dan Puppeteer . Kali ini kita akan belajar tentang jenis Locators yang bisa kita gunakan di dalam puppeteer.Kita perlu menguasai ini, karena pemilihan Locators merupakan salah satu hal wajib ketika kita ingin terjun di web automation. Dan untuk puppteer sendiri mendukung banyak jenis. Salah satunya adalah xpath yang sangat powerfull untuk mendapatkan element dalam sebuah halaman web. Dengan Xpath kita bisa mendapatkan element dinamis maupun statis dengan efektif.

Adapun jenis jenis Locators yang bisa kita gunakan adalah

• ID : Locator berdasarkan attribute id
• Class : Locator berdasarkan attribute class
• Type : Locator berdasarkan Type
• Xpath : Locator menggunakan rumus xpath
• Attribute : Locator mengguanakan attribute
• Selector : Css Selector

Method untuk mendapatkan Locator

• page.$(locator value) : Untuk mendapatkan locator dengan singgle output
• page.$$(locator value) : Untuk mendpatkan locator dengan multiple ouput.
• page.$x(xpath value) : Untuk mendapatkan locator dengan value berupa xpath

Contoh Penerapan untuk mendapatkan element berdasarkan id

const elemen = await page.$("#id_value")

Contoh Penerapan untuk mendapatkan element berdasarkan class

const elemen = await page.$(".class_value")

Contoh Penerapan untuk mendapatkan element berdasarkan type / attribute

const elemen = await page.$("button")

const elemen = await page.$("input[type='checkbox']")

Contoh Penerapan untuk mendapatkan element berdasarkan xpath

const elemen = await page.$("xpath='//button'")

const elemen = await page.$x("//button")

Contoh Penerapan untuk mendapatkan element berdasarkan Selector

const elemen = await page.$("#n2-ss-2item5 > a")