Menemukan Locator untuk Element
Web element adalah hal yang ada di web page.
Faktanya, semua yang ada di web page adalah element, seperti button, label, text input.
User dan tester berinteraksi dengan web pages melalui elemen-elemen ini.
Pada umumnya tidak menyadari akan hal ini. Tetapi lebih kepada visual yang diinginkan seperti klik, atau mengetik.
Tetapi untuk test automation memerlukan lebih daripada konsep ini.
Interaksi automation mengambil 3 langkah sebagai berikut:
1. menunggu sampai element yang sudah di targetkan muncul
2. mendapatkan objek yang mewakili elemen yang sudah di targetkan
3. mengirim perintah ke element tersebut
Automation menggunakan locator untuk menenukan elemen di dalam web page.
Locator adalah query string sederhana untuk menemukan element.
Lalu akan mengembalikan (return) semua element yang sesuai dengan querinya.
Selenium WebDriver mendukung banyak tipe dari locator :
-ID
-class name
-CSS Selector
-Xpath
-link text
-name
Locator ID dan class name adalah contoh locator yang sederhana.
Sedangkan Xpath lebih kompleks daripada ID dan class name.
Direkomendasikan untuk menggunakan locator yang sederhana yang mungkin bisa mengidentifikasi secara unik untuk target elemen.
Contoh:
Element:
<button id="tombol_ok">OK</button>
Locator:
(By.ID,"tombol_ok")
Di python lebih baik menulis locator sebagai tipe data tuples.
-Tipe locator yang menggunakan kelas untuk Selenium WebDriver By Class
-Queri dalam hal ini adalah value dari ID
-Tidak setiap element memiliki ID
Kemungkinan web page memiliki element class bukan ID
Seperti,
Element:
<button class="tombol_ok">OK</button>
Locator:
(By.CSS_SELECTOR, "button.tombol_ok")
Disini, memilih menggunakan "button.tombol_ok" untuk memilih element button dengan class "tombol_ok".
Terkadang element tidak memiliki anchor yang membantu dalam kasus ini, solusinya menggunakan Xpath
Dengan Xpath dapat mengidentifikasikan beberapa element atau semua element di web page.
Seperti element yang tidak memiliki value atributnya.
Misalkan,
Element:
<button>OK</button>
Locator:
(By.XPATH, "//button[tect()="OK"]")
Dengan menggunakan Xpath kita dapat cek value dari text button nya.
// adalah : menemukan dimana saja di halaman web di bawah element root [root nya]
button adalah : menemukan elemen dengan tag "button"
[ ] adalah : menyatakan kondisi untuk menemukan nilai teks harus sama dengan "OK"
Contoh:
Suatu Test Case memerlukan 3 element:
1. Input pencarian pada halaman pencarian
2. Input pencarian pada halaman hasil
3. Tautan hasil pada halaman hasil
Jadi kita perlu menulis 3 element dari case tersebut
Untuk mulai dengan element yang sudah disebutkan tadi.
Caranya adalah dengan menggunakan browser, klik kanan pilih "inspect".
Setelah itu akan muncul jendela halaman Source Code HTML disitulah nanti bisa di temukan elementnya.
Let me briefly introduce myself
My Name is Salim Suprayogi
I'm really excited to share my tips and tricks with you
Comments
Post a Comment