RiffaMedia

Form Automation ~ Tutorial Belajar Node JS Web Automation dengan dan Puppeteer.
Kali ini kita akan belajar bagaimana cara mengautomasi form di halaman website dengan dengan bahasa pemrograman nodejs, dengan menggunakan library puppeteer. Sebelum mengikuti tutorial ini, alangkah baiknya teman teman semuanya mengikuti tutorial kami sebelumnya agar bisa terstruktur dan tidak bingung jika menemukan istilah istlah yang baru dalam puppteer.

Metod yang bisa kita gunakan untuk Web Automation

Berikut adalalh method yang digunakan untuk mencari locator.

• Page.$()  : Digunakan untuk mencari locator dengan singgel ouput
• Page.$$() : Digunakan untuk mencari locator dengan multiple ouput
• Page.$x() : Digunakan untuk mencari locator dengan multiple ouput dan locator berupa array

Berikut adalalh method yang digunakan untuk automation

• Page.click() method : Untuk Click element seperti button / link
• Page.select() method : Untuk memilih elemen seperti selectbox
• Page.type() method     : Untuk mengetikan ke elemen input dengan type text
• Page.Evaluate() method : Melakukan automation dengan javascript code

Berikut adalah code untuk click element

	
const selector = await page.$("xpath=//*[@id='BlogSearch1_form']/form/table/tbody/tr/td[2]/input")
await selector.click()
await page.click("xpath=//*[@id='BlogSearch1_form']/form/table/tbody/tr/td[2]/input")

	
await page.evaluate(()=>{
    const xx = document.querySelector("input[value=Search]").click();
})

Berikut adalah code untuk Type element

const selector = await page.$("#ta1")
await selector.type("kirimkan text")
await page.type("#ta1","kirim kan text")

await page.evaluate(()=>{
    const selector = document.getElementById("ta1").value ="test ya" ;
})

Berikut adalah code untuk Clear element

await page.evaluate(()=>{
    const xx = document.querySelector("#textbox1").value="";
})

Berikut adalah kode untuk menseleksi element\

const selector = await page.$("#multiselect1")
selector.select("volvox")
selector.select("volvox","swiftx")
selector.type("Volvo ")


await page.evaluate(()=>{
    const selector = document.getElementById("multiselect1").value ="volvox" ;
})