Dalam pengujian otomatisasi web, salah satu aspek paling krusial adalah kemampuan untuk menemukan dan berinteraksi dengan elemen-elemen di halaman web. Locator adalah cara untuk mengidentifikasi elemen-elemen ini secara unik. Katalon Studio, sebagai salah satu alat otomatisasi pengujian yang populer, menyediakan berbagai metode untuk menemukan locator elemen. Artikel ini akan membahas berbagai cara untuk mencari locator di Katalon dan tips untuk meningkatkan keakuratan dan efisiensi dalam pengujian.
Jenis-Jenis Locator
Katalon Studio mendukung beberapa jenis locator yang dapat digunakan untuk mengidentifikasi elemen web:
ID: Locator yang menggunakan atribut ID unik dari elemen HTML. ID biasanya bersifat unik dalam sebuah halaman, sehingga sangat efektif untuk digunakan.
Name: Locator yang menggunakan atribut name dari elemen HTML. Biasanya digunakan pada form input.
WebUI.setText(findTestObject('Page_Login/input_Password', [('name') : 'password']), 'myPassword')
Class: Locator yang menggunakan atribut class. Cocok untuk elemen dengan kelas yang spesifik, namun kurang efektif jika kelas tidak unik.
WebUI.click(findTestObject('Page_Home/button_Submit', [('class') : 'btn-primary']))
XPath: Locator yang menggunakan path XML untuk menavigasi ke elemen tertentu. XPath sangat fleksibel dan kuat, terutama untuk elemen kompleks.
WebUI.click(findTestObject('Page_Home/link_Profile', [('xpath') : '//a[@href="/profile"]']))
CSS Selector: Locator yang menggunakan selector CSS untuk memilih elemen. Efektif untuk elemen dengan atribut khusus dan kombinasi class.
WebUI.click(findTestObject('Page_Home/button_Logout', [('css') : 'button.btn-logout']))
Text: Locator yang berdasarkan teks yang terlihat dari elemen. Berguna untuk elemen seperti tautan dan tombol dengan teks unik.
WebUI.click(findTestObject('Page_Home/link_Logout', [('text') : 'Logout']))
Cara Mencari Locator di Katalon
Menggunakan Katalon Recorder:
- Katalon Recorder adalah ekstensi browser yang dapat merekam interaksi pengguna dengan halaman web dan menghasilkan skrip otomatisasi.
- Setelah merekam, Katalon Recorder akan menampilkan locator yang digunakan untuk setiap tindakan.
Menggunakan Katalon Spy Web:
- Fitur Spy Web di Katalon Studio memungkinkan pengguna untuk menangkap elemen web secara langsung dari browser.
- Jalankan Spy Web, pilih elemen di halaman web, dan Katalon akan secara otomatis menampilkan berbagai locator yang mungkin.
Memeriksa Kode Sumber (Source Code) Halaman Web:
- Buka halaman web di browser dan gunakan fitur Inspect Element (biasanya dengan klik kanan pada elemen dan pilih "Inspect").
- Identifikasi atribut unik seperti ID, name, class, atau atribut khusus lainnya yang dapat digunakan sebagai locator.
Menggunakan Alat Developer Browser:
- Alat developer seperti Chrome DevTools menyediakan fitur untuk melihat XPath atau CSS Selector dari elemen yang dipilih.
- Klik kanan pada elemen di DevTools, pilih "Copy" lalu pilih "Copy XPath" atau "Copy selector".
Tips Mencari Locator yang Efektif
- Gunakan Locator yang Unik: ID adalah pilihan terbaik jika tersedia karena biasanya unik.
- Minimalkan Ketergantungan pada XPath yang Panjang: XPath yang panjang dan kompleks rentan terhadap perubahan kecil di struktur halaman.
- Pertimbangkan Stabilitas Locator: Pilih locator yang kurang mungkin berubah seiring pembaruan desain atau konten halaman.
- Verifikasi Locator: Selalu uji locator yang dipilih untuk memastikan dapat menemukan elemen dengan konsisten.