Belajar Automation Selenium [Installation+Setup untuk Windows]

Ibnu Fajar Yunardi
Binar Academy
Published in
5 min readNov 21, 2017

Hallo dab! Sebenarnya ini catatan untuk saya sendiri biar ndak lupa kalau suatu saat setup ulang selenium dari awal, tapi ndak ada salahnya untuk di-share. Langsung kemawon, kebutuhan mendasar untuk Automation ini adalah:

1. Perangkat (Laptop/PC)
2. Koneksi internet
3. Kopi+Gorengan Anget

Sebelum melangkah lebih jauh, disini saya menggunakan perangkat dengan dengan Sistem Operasi Windows 8.1 (64-bit). Saya tidak menyarankan harus sama persis dengan saya, tapi kalau mau diterapkan juga monggo. Setelah Perangkat menyala, kopi plus gorengan sudah tersedia dan internet telah terkoneksi maka kita akan perlu untuk mengunduh beberapa software yg kita perlukan.

Oke kalau sudah terunduh, pastikan juga terinstall jangan cuma diunduh doank ya ibarat udah pedekate lama tapi gak ditembak-tembak yha muspro. Sebelum melangkah lebih jauh, disini kita akan menggunakan bahasa pemrograman Ruby, kenapa saya menggunakan Ruby? Karena Ruby adalah Bahasa pemrograman open source dinamis, mudah dimengerti dan produktif. Sintaks Ruby elegan, natural, mudah dibaca dan ditulis (ini kata google). Kalau menurut saya sendiri, karena Ruby adalah bahasa pemrograman yang paling manusiawi sehingga lebih mudah dibaca dan dipelajari.

Selanjutnya, karena automation ini kita akan menggunakan bahasa pemrograman Ruby maka kita juga akan mengunduh beberapa hal yang berkaitan dengan Ruby.

*Update untuk versi ruby diatas 2.3 sudah tidak perlu rubydevkits maka tidak perlu untuk download Ruby Devkit

Langkah pertama, install ruby seperti biasa tinggal klik next-next sampai finish, jangan lupa centang semua permintaan saat installasi.

image source:https://martinbuberl.com/blog/install-ruby-for-windows/

Lanjut, buka aplikasi CMDer sebenarnya pakai Command Prompt bawaan windows juga ndak apa apa, tapi menurut saya kok enak pake CMDer ya. Masuk ke direktori Ruby dan Devkit tadi, disini saya memakai direktori Local disk C:

Perintah untuk pindah direktori (kalau mungkin lupa).

C:\Users\Ibnu f.y
λ cd\C:\
λ cd Ruby23-x64\

Kemudian, karena kita akan menggunakan kolaborasi antara ruby + selenium web-driver + cucumber maka perlu juga untuk install gem-nya. Ketik perintah berikut untuk installasinya :

$> gem install bundler
$> gem install selenium-webdriver
$> gem install cucumber
$> gem install rspec

Sudah selesai install gem nya? Oke, lanjut… Kita butuh geckodriver sebagai proxy untuk browser kita dalam hal ini firefox. Unduh dulu gecko nya disini, setelah itu ekstrak file tersebut. Pindahkan file hasil ekstraksi kedalam folder “bin”.

Selanjutnya, kita perlu menginialisasi lokasi path gecko tersebut:

  • Masuk ke System Properties > Advance System Settings > Environment variables > System Variables > Path > Masukkan alamat folder geckodriver kita tadi.
Path pada komputer saya

Instalasi sudah selesai, tapi proses belum selesai sampai disini. Kita harus mencoba-nya,oke let’s do it.

Langkah pertama, kita akan membuat satu projek selenium terlebih dahulu.

1. Buka CMDer kemudian arahkan ke disk mana yg akan kita buat untuk penyimpanan projek tersebut, disini saya menggunakan direktori E didalam folder “Tugas Kuliah”;

E:
\λ e:
E:
\λ cd "Tugas Kuliah\

2. Setelah itu, ketikan perintah “cucumber — init“, dan secara otomatis akan membuat folder dan sub folder seperti ini:

E:\Tugas Kuliah
λ cucumber --init
create features
create features/step_definitions
create features/support
create features/support/env.rb

3. Buka aplikasi Atom Atom Text Editor + Plugin language gherkin 1.0.4 yg tadi sudah kita install, kemudian Open Folder “Tugas Kuliah”

Tampilan awal Folder Tugas Kuliah

4. Buat file dengan nama test.feature didalam folder features

5. Buat file dengan nama steps.rb didalam folder step_definitions

root folder

6. Kemudian kita isi test.feature dengan scenario awal untuk membuka web browser dan menuju alamat yang kita tulis dalam hal ini saya ingin membuka facebook.

Feature: Login-logout
Scenario:Login
Given I Open the facebook homepage

7. Kembali lagi ke CMDer kemudian kita tuliskan perintah “cucumber” dan lihat apa yang terjadi.

8. Tidak terjadi apa-apa bukan? haha, iya emang. Tapi gapapa, karena emang kita belum mendeskripsikan steps-nya. Selanjutnya, kita salin apa yang berwana kuning tersebut kedalam file steps.rb dan tambahkan juga perintah untuk eksekusi gecko didalam file tersebut.

require 'selenium-webdriver'
driver = Selenium::WebDriver.for :firefox
Given(/^I Open the facebook homepage$/) do
pending # Write code here that turns the phrase above into concrete actions
end
steps phase 1

9. Sudah jalan? tentu saja belum, karena belum step kita masih belum komplit. Yuk kita komplitin dulu. Hapus tulisan “pending # Write code here that turns the phrase above into concrete actions” kemudian ganti dengan:

driver.navigate.to "https://facebook.com/"
steps komplit

10. Ini steps terakhir, ketik “cucumber” di CMDer dan kemudian lihat apakah yang akan terjadi. Jika semua langkah sudah benar maka otomatis mozilla firefox akan membuka halaman facebook dan satu scenario dan satu steps sudah berhasil pass.

Pass

Jika ini bermanfaat, jangan lupa untuk like, klik share, dan katakan Amin.

Kalau dirasa tertarik dengan dunia Software QA Engineer dan ingin belajar tentang Automation lebih lanjut, bisa mengirimkan surat elektronik ke saya : ibnu.fy@gmail.com

Salam Super Duper!

Ibnu Fajar Yunardi

--

--