Form Automation ~ Tutorial Belajar Node JS Web Automation dengan dan Puppeteer.
Kali ini kita akan belajar bagaimana cara Upload file 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 Upload File

  • ElementHandle.uploadFile() method ini menggunakan elementHandle untuk menunjuk ke elemen input mengupload sebuah file
  • Page.waitForFileChooser() method ini digunakan untuk mengatur ketika muncul file dialog unuk menambahkan sebuah file.

Contoh kode untuk upload file dengan  ElementHandle.uploadFile()

const testUpload = await page.$("input[type='file']")
await testUpload.uploadFile("lokasi file")

Contoh kode untuk upload file dengan Page.waitForFileChooser()

const [fileChooser] = await Promise.all([
    page.waitForFileChooser(),
    page.click("#uploadfile"), 
  ]);
await fileChooser.accept(["lokasi file"]);

 

Pin It on Pinterest

Share This