Cara penggunaan Selenium IDE dengan Skrip & Perintah (Tegaskan, Verifikasi)

Kami akan menggunakan Mercury Situs web tur sebagai aplikasi web kami sedang diuji. Ini adalah sistem reservasi penerbangan online yang berisi semua elemen yang kita perlukan untuk tutorial ini. URL-nya adalah https://demo.guru99.com/test/newtours/, dan ini akan menjadi URL Dasar kami.

Sekarang mari kita membuat skrip pengujian pertama kita Selenium IDE menggunakan metode yang paling umum – dengan merekam. Setelah itu, kami akan menjalankan skrip kami menggunakan fitur pemutaran.

Buat Skrip dengan Merekam

Langkah 1

• Launch Firefox dan Selenium ide.
• Ketikkan nilai untuk URL Dasar kami: https://demo.guru99.com/test/newtours/.
• Toggle tombol Rekam aktif (jika belum diaktifkan secara default).

Langkah 2 In Firefox, navigasi ke https://demo.guru99.com/test/newtours/. Firefox akan membawa Anda ke halaman yang mirip dengan yang ditunjukkan di bawah ini.
Langkah 3 Klik kanan pada ruang kosong mana pun di dalam halaman, seperti di Mercury Logo wisata di pojok kiri atas. Ini akan memunculkan Selenium Menu konteks IDE. Catatan: Jangan klik objek atau gambar apa pun yang memiliki hyperlink Pilih opsi “Tampilkan Perintah yang Tersedia”. Kemudian, pilih “assertTitle tepat: Selamat Datang: Mercury Tur.” Ini adalah perintah yang memastikan bahwa judul halaman sudah benar.
Langkah 4 Di kotak teks “Nama Pengguna” Mercury Tur, ketikkan nama pengguna yang tidak valid, “invalidUNN”. Pada kotak teks “Kata Sandi”, ketik kata sandi yang tidak valid, “invalidPWD”.
Langkah 5 Klik tombol "Masuk". Firefox akan membawa Anda ke halaman ini.
Langkah 6 Toggle tombol rekam mati untuk berhenti merekam. Skrip Anda sekarang akan terlihat seperti yang ditunjukkan di bawah ini.
Langkah 7 Sekarang kita sudah selesai dengan skrip pengujian, kita akan menyimpannya dalam kasus pengujian. Di menu File, pilih "Simpan Kasus Uji". Alternatifnya, Anda cukup menekan Ctrl+S.
Langkah 8 Pilih lokasi yang Anda inginkan, lalu beri nama Uji Kasus sebagai “Login_tidak valid”. Klik tombol "Simpan".
Langkah 9 Perhatikan bahwa file tersebut disimpan sebagai HTML.

Langkah 10) Kembali ke Selenium IDE dan klik tombol Putar untuk menjalankan seluruh skrip. Selenium IDE harus mampu mereplikasi semuanya dengan sempurna.

Pengantar Selenium Perintah – Selenese

• Perintah Selenese dapat memiliki maksimal dua parameter: target dan nilai.
• Parameter tidak diperlukan setiap saat. Itu tergantung pada berapa banyak perintah yang dibutuhkan.

Jenis Perintah

tindakan	Ini adalah perintah yang berinteraksi langsung dengan elemen halaman. Contoh: perintah “klik” adalah suatu tindakan karena Anda berinteraksi langsung dengan elemen yang Anda klik. Perintah "type" juga merupakan suatu tindakan karena Anda memasukkan nilai ke dalam kotak teks, dan kotak teks tersebut akan menampilkannya kepada Anda sebagai balasannya. Ada interaksi dua arah antara Anda dan kotak teks tersebut.
Aksesor	Itu adalah perintah yang memungkinkan Anda menyimpan nilai ke variabel. Contoh: perintah “storeTitle” merupakan accessor karena hanya “membaca” judul halaman dan menyimpannya dalam sebuah variabel. Itu tidak berinteraksi dengan elemen apa pun di halaman.
Pernyataan	Itu adalah perintah yang memverifikasi apakah kondisi tertentu terpenuhi. 3 Jenis Pernyataan Tegas. Ketika perintah “assert” gagal, pengujian segera dihentikan. Memeriksa. Ketika perintah “verifikasi” gagal, Selenium IDE mencatat kegagalan ini dan melanjutkan eksekusi pengujian. Tunggu. Sebelum melanjutkan ke perintah berikutnya, perintah “waitFor” akan menunggu terlebih dahulu hingga kondisi tertentu menjadi kenyataan. Jika kondisi menjadi benar dalam masa tunggu, langkah tersebut lolos. Jika kondisi tidak menjadi kenyataan, maka langkah tersebut gagal. Kegagalan dicatat, dan eksekusi pengujian dilanjutkan ke perintah berikutnya. Secara default, nilai batas waktu diatur ke 30 detik. Anda dapat mengubahnya di Selenium Dialog Opsi IDE di bawah tab Umum.

Tegaskan vs. Verifikasi Selenium

Perintah Umum

perintah	Jumlah Parameter	Description
Buka	0 - 2	Membuka halaman menggunakan URL.
klik/klikDanTunggu	1	Klik pada elemen tertentu.
ketik/ketikKeys	2	Mengetik urutan karakter.
verifikasiJudul/tegaskanJudul	1	Membandingkan judul halaman sebenarnya dengan nilai yang diharapkan.
verifikasiTeksPresent	1	Memeriksa apakah teks tertentu ditemukan di dalam halaman.
verifikasiElementPresent	1	Memeriksa keberadaan elemen tertentu.
verifikasiTabel	2	Membandingkan isi tabel dengan nilai yang diharapkan.
tungguForPageToLoad	1	Menjeda eksekusi hingga halaman dimuat sepenuhnya.
tungguUntukElementPresent	1	Menjeda eksekusi hingga elemen yang ditentukan ada.

Buat Script Secara Manual dengan Firebug

Sekarang, kita akan membuat ulang test case yang sama secara manual, dengan mengetikkan perintah. Kali ini, kita perlu menggunakan Firebug.

Langkah 1 Open Firefox dan Selenium ide. Ketikkan URL dasar https://demo.guru99.com/test/newtours/ Tombol rekam harus MATI.

Langkah 2: Klik pada baris kosong paling atas di Editor.

Ketik “buka” di kotak teks Perintah dan tekan Enter.

Langkah 3 Arahkan Firefox ke URL dasar kami dan aktifkan Firebug Dalam majalah Selenium Pada panel Editor IDE, pilih baris kedua (baris di bawah perintah “buka”) dan buat perintah kedua dengan mengetik “assertTitle” pada kotak Perintah. Jangan ragu untuk menggunakan fitur pelengkapan otomatis.

Langkah 4 Di Firebug, perluas tag untuk menampilkan menandai. Klik pada nilai tag (yaitu “Selamat datang: Mercury Tours”) dan tempelkan ke Target bidang di Editor.

Langkah 5 Untuk membuat perintah ketiga, klik pada baris kosong ketiga di Editor dan ketik “ketik” pada kotak teks Perintah. Di Firebug, klik tombol “Periksa”.

Klik kotak teks Nama Pengguna. Perhatikan bahwa Firebug secara otomatis menampilkan kode HTML untuk elemen tersebut.

Langkah 6 Perhatikan bahwa kotak teks Nama Pengguna tidak memiliki ID, tetapi memiliki atribut NAMA. Oleh karena itu, kita akan menggunakan NAMA sebagai penentu lokasi. Salin nilai NAMA dan tempel ke Target lapangan di Selenium ide. Masih dalam Target kotak teks, awalan “userName” dengan “name=”, yang menunjukkan bahwa Selenium IDE harus menargetkan elemen yang atribut NAME-nya adalah “userName.” Ketik “invalidUN” di kotak teks Nilai Selenium IDE. Skrip pengujian Anda sekarang akan terlihat seperti gambar di bawah. Kita selesai dengan perintah ketiga. Catatan: Daripada invalidUN, Anda dapat memasukkan string teks lainnya. Tetapi Selenium IDE peka terhadap huruf besar-kecil, dan Anda mengetikkan nilai/atribut persis seperti di aplikasi.

Langkah 7 Untuk membuat perintah keempat, ketik “ketik” pada kotak teks Perintah. Sekali lagi, gunakan tombol “Periksa” Firebug untuk mendapatkan penentu lokasi kotak teks “Kata Sandi”. Tempelkan atribut NAMA (“kata sandi”) ke Target bidang dan awali dengan “nama=” Ketik “invalidPW” di kolom Nilai Selenium IDE. Skrip pengujian Anda sekarang akan terlihat seperti gambar di bawah.

Langkah 8 Untuk perintah kelima, ketik “clickAndWait” pada kotak teks Perintah di Selenium ide. Gunakan tombol "Periksa" Firebug untuk mendapatkan pencari lokasi tombol "Masuk". Tempelkan nilai atribut NAME (“login”) ke Target kotak teks dan awali dengan “nama=". Skrip pengujian Anda sekarang akan terlihat seperti gambar di bawah.

Langkah 9: Simpan test case dengan cara yang sama seperti yang kita lakukan di bagian sebelumnya.

Menggunakan Tombol Temukan

Tombol Temukan di Selenium IDE digunakan untuk memverifikasi apakah apa yang telah kita masukkan ke dalam Target Kotak teks memang merupakan elemen UI yang benar.

Mari kita gunakan kasus uji Invalid_login yang kita buat di bagian sebelumnya. Klik pada perintah apa pun dengan a Target masuk, katakanlah, perintah ketiga.

Klik tombol Temukan. Perhatikan bahwa kotak teks Nama Pengguna di dalam Mercury Halaman tur menjadi disorot sesaat.

Ini menunjukkan itu Selenium IDE mampu mendeteksi dan mengakses elemen yang diharapkan dengan benar. Jika tombol Temukan menyorot elemen berbeda atau tidak ada elemen sama sekali, pasti ada yang salah dengan skrip Anda.

Jalankan Perintah

Hal ini memungkinkan Anda untuk menjalankan perintah apa pun tanpa menjalankan keseluruhan test case. Cukup klik pada baris yang ingin Anda jalankan lalu klik “Actions > Execute this command” dari bilah menu atau cukup tekan “X” pada keyboard Anda.

Langkah 1) Pastikan browser Anda aktif Mercury Beranda tur. Klik pada perintah yang ingin Anda jalankan. Dalam contoh ini, klik pada “type | nama pengguna | baris UN yang tidak valid.

Langkah 2) Tekan "X" pada keyboard Anda.

Langkah 3) Perhatikan bahwa kotak teks untuk nama pengguna terisi dengan teks “invalidUN”

Menjalankan perintah dengan cara ini sangat bergantung pada halaman itu Firefox sedang ditampilkanIni berarti jika Anda mencoba contoh di atas dengan beranda Google yang ditampilkan alih-alih Mercury Tours', maka langkah Anda akan gagal karena tidak ada kotak teks dengan atribut “userName” di beranda Google.

Titik awal

Titik awal adalah indikator yang memberitahukan Selenium IDE yang barisnya eksekusi akan dimulai. Tombol pintasnya adalah "S".

Pada contoh di atas, pemutaran akan dimulai pada baris ketiga (ketik | kata sandi | invalidPW). Anda hanya dapat memiliki satu titik awal dalam satu skrip pengujian.

Titik awalnya mirip dengan Jalankan Perintah sehingga bergantung pada halaman yang sedang ditampilkan. Titik awal akan gagal jika Anda berada di halaman yang salah.

Breakpoints

Breakpoint adalah indikator yang memberi tahu Selenium IDE tempat menghentikan pengujian secara otomatis. Tombol pintasnya adalah "B".

Sorotan kuning berarti langkah saat ini tertunda. Ini membuktikan hal itu Selenium IDE telah menghentikan sementara eksekusi pada langkah tersebut. Anda dapat memiliki beberapa breakpoint dalam satu test case.

Langkah

Hal ini memungkinkan Anda untuk menjalankan perintah berikutnya satu per satu setelah menghentikan sementara kasus uji. Mari kita gunakan skenario di bagian sebelumnya “Breakpoints.”

Sebelum mengklik “Langkah.” Kasus uji berhenti di baris “clickAndWait | Gabung".

Setelah mengklik “Langkah.” Tombol “klikDanTunggu | login” baris dijalankan dan dijeda ke perintah berikutnya (verifyTitle | Masuk: Mercury Tur). Perhatikan bahwa baris berikutnya dijeda meskipun tidak ada breakpoint di sana. Ini adalah tujuan utama fitur Langkah – fitur ini menjalankan perintah berikutnya satu per satu untuk memberi Anda lebih banyak waktu untuk memeriksa hasilnya setelah setiap langkah.

Hal Penting yang Perlu Diperhatikan Saat Menggunakan Format Lain dalam Tampilan Sumber

Selenium IDE hanya berfungsi baik dengan HTML – format lain masih dalam mode eksperimental. Sekarang Tidak disarankan untuk membuat atau mengedit pengujian menggunakan format lain di Tampilan Sumber karena masih banyak pekerjaan yang diperlukan untuk membuatnya stabil. Di bawah ini adalah bug yang diketahui pada versi 1.9.1.

• Anda tidak akan dapat melakukan pemutaran atau beralih kembali ke Tampilan Tabel kecuali Anda kembali ke HTML.
• Satu-satunya cara untuk menambahkan perintah dengan aman pada kode sumber adalah dengan merekamnya.
• Saat Anda mengubah kode sumber secara manual, semuanya akan hilang saat Anda beralih ke format lain.
• Meskipun Anda dapat menyimpan kasus pengujian saat berada di Tampilan Sumber, Selenium IDE tidak akan bisa membukanya.

Cara yang disarankan untuk mengonversi pengujian Selenese adalah dengan menggunakan opsi “Ekspor Kasus Uji Sebagai…” di bawah menu File, dan bukan melalui Tampilan Sumber.

Ringkasan

• Skrip pengujian dapat dibuat dengan merekam atau mengetikkan perintah dan parameter secara manual.
• Saat membuat skrip secara manual, Firebug digunakan untuk mendapatkan pencari lokasi.
• Tombol Temukan digunakan untuk memeriksa apakah perintah dapat mengakses elemen yang benar.
• Table View menampilkan skrip pengujian dalam bentuk tabel sedangkan Source View menampilkannya dalam format HTML.
• Mengubah Tampilan Sumber ke format non-HTML masih bersifat eksperimental.
• Jangan gunakan Tampilan Sumber dalam membuat pengujian dalam format lain. Gunakan fitur Ekspor sebagai gantinya.
• Parameter tidak diperlukan setiap saat. Itu tergantung pada perintahnya.
• Ada tiga jenis perintah:
• Tindakan – berinteraksi langsung dengan elemen halaman
• Accessors – “membaca” properti elemen dan menyimpannya dalam variabel
• Pernyataan – membandingkan nilai aktual dengan nilai yang diharapkan
• Pernyataan memiliki tiga jenis:
• Assert – jika gagal, langkah selanjutnya tidak lagi dijalankan
• Verifikasi – jika gagal, langkah selanjutnya tetap dijalankan.
• WaitFor – lolos jika kondisi yang ditentukan menjadi benar dalam periode waktu habis; jika tidak, akan gagal
• Perintah yang paling umum adalah:
• Buka
• klik/klikDanTunggu
• ketik/ketikKeys
• verifikasiJudul/tegaskanJudul
• verifikasiTeksPresent
• verifikasiElementPresent
• verifikasiTabel
• tungguForPageToLoad
• tungguUntukElementPresent