Panduan Langkah demi Langkah untuk Menyiapkan Selenium-webdriver dengan Node.js

Apa itu Selenium-webdriver?

Selenium-webdriver adalah paket node "otomatisasi browser". Ini dapat digunakan untuk menguji aplikasi web ATAU untuk mengotomatisasi tugas/pengumpulan informasi apa pun di internet (alias web-scraping).

Mengapa harus artikel ini?

Saya baru-baru ini menggunakan Selenium untuk pertama kalinya dan butuh waktu sekitar satu jam untuk menjalankannya. Hanya ada beberapa celah dalam dokumen mereka dan mengisinya dalam waktu singkat menjadi 5 menit untuk pemula. Tentu saja, “dokumen” mereka tidak sepenuhnya lengkap.

Pengetahuan/Ketergantungan yang Dibutuhkan

JavaScript
Node.js

1. Siapkan proyek Anda

Buat direktori untuk proyek Anda dan inisialisasi npm menggunakan:

npm -y init

2. Instal driver web Selenium

Instal paket Selenium-webdriver saat berada di direktori proyek Anda menggunakan:

npm i selenium-webdriver

3. Unduh driver web Anda

Buka dokumen Selenium NPM dan temukan tabel di bawah ini:

Di sini, Anda akan memilih browser mana pun yang ingin Anda gunakan. Dalam contoh ini saya akan menggunakan Chrome.

Ini akan membawa Anda ke halaman yang tampak menakutkan seperti ini:

Jangan khawatir! Anda hanya perlu mencari tahu versi Chrome yang Anda gunakan dan memilih tautan yang sesuai dengan versi tersebut. Untuk mengetahui versi apa yang Anda miliki, klik (Chrome ›› Tentang Google Chrome) dan Anda akan melihat ini:

Di halaman menakutkan, klik versi mana pun yang sesuai dengan versi Chrome Anda. File ini akan diunduh, Anda harus membuka dan menjalankannya. Anda akan melihat jendela terminal muncul seperti ini:

4. Tambahkan driver web ke PATH sistem Anda

Ini adalah bagian di mana saya terjebak karena dokumen Selenium tidak memberikan wawasan apa pun. Webdriver yang baru saja Anda instal harus dapat diakses oleh proyek Anda, jadi kita perlu menambahkan direktori tempat webdriver berada ke variabel lingkungan PATH sistem. Jika Anda tidak memahaminya, jangan khawatir.

Temukan jalur untuk folder unduhan Anda, seharusnya terlihat seperti ini:

/Users/YOUR_USER/Downloads/

Buka terminal dan edit profil bash Anda:

$ vim .bash_profile

dan tambahkan baris berikut TAPI dengan jalur yang Anda temukan di atas (tekan i untuk mulai mengedit)

export PATH=$PATH:/Users/YOUR_USER/Downloads/

Simpan dan keluar (tekan “esc” lalu ketik :wq dan tekan enter)

Sumber (segarkan) profil bash Anda dengan perintah di bawah ini:

$ source .bash_profile

5. Cobalah!

Anda dapat mencoba kode ini, Anda akan melihat browser terbuka, jalankan pencarian Google lalu tutup.

const {Builder, By, Key, until} = require('selenium-webdriver');
(async function example() {
let driver = await new Builder().forBrowser("chrome").build();
try {
await driver.get('http://www.google.com/ncr');
await driver.findElement(By.name('q')).sendKeys('You did it!!', Key.RETURN);
await driver.wait(until.titleIs('You did it!! - Google Search'), 1000);
} finally {
await driver.quit();
}
})();

Ringkasan

Selenium adalah alat yang sangat kuat dan menyenangkan. Saya harap ini membantu Anda menjalankannya! Jika Anda masih mengalami masalah, hubungi melalui komentar! Catatan tambahan — teriakkan ke AdHouse.