Selenium Tutorial IDE

Oleh: Krishna rungta Krishna rungta
Hours Updated

⚡ Ringkasan Cerdas

Selenium IDE adalah alat perekaman dan pemutaran ulang dari Selenium rangkaian, dibangun untuk prototipeping Pengujian dilakukan alih-alih memelihara rangkaian pengujian yang besar, dan panel-panelnya mencakup perekaman, pengeditan, menjalankan, dan memeriksa setiap perintah Selenese.

  • 🔘 Tujuan: IDE tersebut merekam tindakan browser sebagai perintah Selenese dan memutarnya kembali tanpa pemrograman apa pun.
  • ☑️ Cakupan: Anggap saja ini sebagai prototipe.ping lalu ekspor skrip tersebut untuk kerangka kerja yang mudah dipelihara.
  • ✅ Bilah menu: File menangani pembuatan, pembukaan, penyimpanan, dan ekspor; Edit menyisipkan perintah dan komentar baru.
  • 🧪 Pilihan: Dialog Opsi mengatur batas waktu default, dasar URL perilaku dan urutan pembuatan locator.
  • ️ Editor: Tampilan Tabel adalah tempat memasukkan perintah, target, dan nilai; Tampilan Kode Sumber menampilkan skrip yang sama sebagai markup.
  • 📊 Panel umpan balik: Panel Log menampilkan pesan Debug, Info, Peringatan, dan Kesalahan, sedangkan Panel Referensi menjelaskan perintah yang dipilih.
  • 🚀 Hari ini: IDE yang digunakan saat ini adalah Chrome, Firefox dan ekstensi Edge yang menyimpan proyek sebagai satu file .side tunggal.
Baca Selengkapnya

Selenium Tutorial IDE yang membahas panel, menu, dan toolbar-nya.

Apa itu Selenium IDE?

Selenium IDE (Integrated Development Environment) adalah alat paling sederhana di dunia Selenium Rangkaian. Ini adalah sebuah Firefox Add-on yang membuat pengujian dengan sangat cepat melalui fungsi rekam dan putar ulang. Fitur ini mirip dengan fitur pada QTPSistem ini mudah dipasang dan dipelajari.

⚠️ Catatan tentang versi: itu Firefox Add-on yang gambarnya ditampilkan di seluruh artikel ini telah dihentikan. Alat tersebut masih tersedia sebagai Chrome, Firefox dan Tepi ekstensi browser yang mempertahankan fungsi rekam dan putar ulang tetapi menata ulang antarmuka dan menyimpan proyek sebagai satu file tunggal. .side berkas. Setiap tangkapan layar dan pengaturan asli di bawah ini dipertahankan seperti yang diterbitkan.

Karena kesederhanaannya, Selenium IDE sebaiknya hanya digunakan sebagai prototipe.ping alat, bukan solusi menyeluruh untuk pengembangan.ping serta memelihara rangkaian pengujian yang kompleks.

Meskipun Anda akan dapat menggunakannya Selenium IDE tanpa pengetahuan sebelumnya dalam pemrograman, Anda setidaknya harus akrab dengan HTML, JavaNaskah, dan DOM (Document Object Model) untuk memanfaatkan alat ini secara maksimal. Pengetahuan tentang JavaSkrip akan dibutuhkan ketika kita sampai pada bagian tentang perintah Selenese "runScript".

Selenium IDE mendukung mode pelengkapan otomatis saat membuat pengujian. Fitur ini memiliki dua tujuan:

  • Ini membantu penguji untuk memasukkan perintah lebih cepat.
  • Ini membatasi pengguna untuk memasukkan perintah yang tidak valid.

Selenium Fitur IDE

Layar berlabel di bawah ini mengidentifikasi setiap wilayah yang dirujuk di bagian selanjutnya dari artikel ini.

Selenium Jendela IDE dengan bilah menu, dasar URL bilah, bilah alat, panel kasus uji, editor, dan panel log diberi label

menu Bar

Letaknya di bagian paling atas IDE. Menu yang paling sering digunakan adalah menu File, Edit, dan Options.

menu File

  • Ini berisi opsi untuk membuat, membuka, menyimpan dan menutup tes.
  • Tes disimpan dalam format HTML.
  • Opsi yang paling berguna adalah "Ekspor" karena memungkinkan Anda untuk mengubah data Anda. Selenium Uji kasus IDE ke dalam format file yang dapat dijalankan Selenium Kontrol Jarak Jauh dan WebDriver
  • “Ekspor Kasus Uji Sebagai…” hanya akan mengekspor kasus uji yang sedang dibuka saat ini.
  • “Ekspor Rangkaian Pengujian Sebagai…” akan mengekspor semua kasus uji dalam rangkaian pengujian yang sedang dibuka.

Menu File yang diperluas di bawah ini menunjukkan kedua entri ekspor berdampingan.

Selenium Menu File IDE diperluas menampilkan Ekspor Kasus Uji Sebagai dan Ekspor Rangkaian Uji Sebagai

  • Mulai Selenium IDE v1.9.1, kasus uji hanya dapat diekspor ke format berikut:
    • .cs (kode sumber C#)
    • .java (Java kode sumber)
    • .py (Python kode sumber)
    • .rb (kode sumber Ruby)

Ekspor akan menulis ulang setiap baris Selenese sebagai pernyataan dalam bahasa yang dipilih, seperti halnya HTML-ke-Java Perbandingan menunjukkan.

Contoh kasus uji HTML Selenese ditampilkan di samping hasil ekspor yang setara. Java kode sumber

Catatan: Selenium Remote Control telah dihapus di Selenium 3, jadi skrip RC yang diekspor tidak lagi berjalan. IDE saat ini mengekspor kode WebDriver sebagai gantinya.

Sunting Menu

  • Ini berisi opsi biasa seperti Undo, Redo, Cut, Copy, Paste, Delete, dan Select All.
  • Dua opsi terpenting adalah “Sisipkan Perintah Baru” dan “Sisipkan Komentar Baru”.

Selenium Menu Edit IDE dengan opsi Sisipkan Perintah Baru dan Sisipkan Komentar Baru yang disorot.

Perintah atau komentar yang baru disisipkan akan ditempatkan di atas baris yang dipilih saat ini.

Tampilan grid editor sebelum dan sesudah menyisipkan perintah baru di atas baris yang dipilih.

  • Perintah-perintah tersebut berwarna hitam.
  • Komentar diberi warna ungu.

Perbedaan warna membuat komentar yang disisipkan mudah ditemukan dalam naskah yang panjang.

Baris editor menampilkan perintah Selenese berwarna hitam di samping baris komentar berwarna ungu.

Menu opsi

Ini menyediakan antarmuka untuk mengkonfigurasi berbagai pengaturan Selenium ide.

Kita akan berkonsentrasi pada opsi Pengaturan dan Format Clipboard.

Submenu Format Clipboard yang mencantumkan setiap format cuplikan kode yang tersedia

Format Papan Klip

  • Format Clipboard memungkinkan Anda untuk menyalin perintah Selenese dari editor dan menempelkannya sebagai cuplikan kode.
  • Format kode mengikuti opsi yang Anda pilih di sini dalam daftar Format Papan Klip.
  • HTML adalah pilihan default.

Misalnya, ketika Anda memilih Java/JUnit 4/WebDriver sebagai format clipboard Anda, setiap perintah Selenese yang Anda salin dari Selenium Editor IDE akan ditempel sebagai Java kode. Lihat ilustrasi di bawah ini.

Perintah Selenese disalin dari editor dan ditempelkan sebagai Java Pernyataan WebDriver

Jangan lewatkan:

Selenium Kotak dialog Opsi IDE

Anda dapat meluncurkan Selenium Kotak dialog Opsi IDE dengan mengeklik Opsi > Opsi… pada bilah menu. Meskipun ada banyak pengaturan yang tersedia, kami akan fokus pada beberapa yang penting.

Selenium Dialog Opsi IDE dengan pengaturan waktu habis, ekstensi, dan basis. URL dan merekam pengaturan yang diberi label

  • Nilai Batas Waktu Default. Ini merujuk pada waktu ketika Selenium Harus menunggu elemen tertentu muncul atau dapat diakses sebelum menghasilkan kesalahan. Nilai batas waktu default adalah 30000ms.
  • Selenium Ekstensi IDE. Di sinilah Anda menentukan ekstensi yang ingin Anda gunakan untuk memperluas Selenium kemampuan IDE. Anda dapat mengunjungi addons.mozilla.org dan gunakan “Selenium” sebagai kata kunci untuk mencari ekstensi tertentu.
  • Ingat dasar URL. Tetap centang ini jika Anda mau Selenium IDE untuk mengingat Basis URL setiap kali Anda meluncurkannya. Jika Anda menghapus centang ini, Selenium IDE akan selalu diluncurkan dengan nilai kosong untuk Base. URL.
  • Rekam mulai otomatis. Jika Anda memeriksa ini, Selenium IDE akan segera merekam tindakan browser Anda saat startup.
  • Pembuat pencari lokasi. Di sinilah Anda menentukan urutan pembuatan lokator saat perekaman. Pelacak ada cara untuk mengetahui Selenium IDE elemen UI mana yang harus ditindaklanjuti oleh perintah Selenese. Dalam pengaturan di bawah ini, ketika Anda mengklik elemen dengan atribut ID, ID elemen tersebut akan digunakan sebagai pencari lokasi karena “id” adalah yang pertama dalam daftar. Jika elemen tersebut tidak memiliki atribut ID, Selenium selanjutnya akan mencari atribut "nama" karena atribut tersebut berada di urutan kedua dalam daftar. Daftarnya terus bertambah hingga ditemukan yang sesuai.

Menyeret entri ke atas atau ke bawah daftar ini akan mengubah atribut mana yang akan diakses perekam terlebih dahulu.

Daftar pembuat lokator yang menunjukkan urutan prioritas yang digunakan saat perekam menghasilkan lokator.

Mendasarkan URL bar

Setiap alamat relatif dalam sebuah skrip akan diselesaikan berdasarkan bidang ini.

Mendasarkan URL batang Selenium IDE yang menyimpan alamat aplikasi yang sedang diuji.

  • Ini memiliki menu dropdown yang mengingat semua nilai sebelumnya untuk memudahkan akses.
  • Perintah Selenese “buka” akan membawa Anda ke URL yang Anda tentukan di Basis URL.
  • Dalam seri tutorial ini, kita akan menggunakan demo.guru99.com/test/newtours/ sebagai Basis kami URLIni adalah situs untuk Mercury Tours, sebuah aplikasi web demo yang digunakan di sini untuk tujuan pengujian web. Kita akan menggunakan aplikasi ini karena berisi serangkaian elemen lengkap yang kita butuhkan untuk topik-topik selanjutnya.
  • Base URL sangat berguna dalam mengakses relatif URLMisalkan Pangkalan Anda URL diatur ke Mercury Alamat tur di atas. Saat Anda menjalankan perintah “open” dengan nilai target “signup,” Selenium IDE akan mengarahkan browser ke halaman pendaftaran. Lihat ilustrasi di bawah ini.

Perintah buka dengan target pendaftaran relatif yang diselesaikan terhadap basis yang dikonfigurasi. URL

toolbar

Toolbar berisi kontrol perekaman dan pemutaran. Setiap tombol dan fungsinya tercantum di bawah ini.

Penggeser kecepatan pemutaran Kecepatan Pemutaran. Ini mengontrol kecepatan Eksekusi Skrip Pengujian Anda.
Tombol rekam Rekam. Ini memulai/mengakhiri sesi perekaman Anda. Setiap tindakan browser dimasukkan sebagai perintah Selenese di Editor.
Tombol Putar seluruh rangkaian pengujian Jalankan seluruh rangkaian pengujian. Ini akan menjalankan semua kasus uji yang tercantum di Panel Kasus Uji secara berurutan.
Tombol Putar Kasus Uji Saat Ini Jalankan kasus uji saat ini. Ini hanya akan menjalankan kasus uji yang saat ini dipilih di Panel Kasus Uji.
Tombol jeda dan lanjutkan Jeda/Lanjutkan. Ini akan menjeda atau melanjutkan pemutaran Anda.
Tombol langkah Langkah. Tombol ini memungkinkan Anda untuk masuk ke setiap perintah dalam skrip pengujian Anda.
Tombol Terapkan aturan penggabungan Terapkan aturan penggabungan (rollup rules). Ini adalah fungsi tingkat lanjut. Fungsi ini memungkinkan Anda untuk mengelompokkan perintah Selenese dan mengeksekusinya sebagai satu tindakan tunggal.

Panel Kasus Uji

Panel kasus uji yang menampilkan daftar kasus uji terbuka dengan kode warna lulus dan gagal serta ringkasan eksekusi.
  • In Selenium Di IDE, Anda dapat membuka lebih dari satu kasus uji sekaligus.
  • Panel kasus uji menampilkan daftar kasus uji yang sedang dibuka.
  • Saat Anda membuka rangkaian pengujian, panel kasus uji akan secara otomatis mencantumkan semua kasus uji yang terdapat di dalamnya.
  • Kasus uji yang ditulis dengan huruf tebal adalah kasus uji yang saat ini dipilih.
  • Setelah diputar ulang, setiap kasus uji diberi kode warna untuk menunjukkan apakah kasus tersebut berhasil atau gagal.
  • Warna hijau berarti “Lulus.”
  • Warna merah berarti “Gagal.”
  • Di bagian bawah adalah ringkasan jumlah kasus uji yang dijalankan dan gagal.

editor

Anda dapat menganggap editor sebagai tempat semua aksi terjadi. Editor tersedia dalam dua tampilan: Tabel dan Kode Sumber.

Tampilan Tabel

  • Seringkali, Anda akan terus mengerjakannya Selenium IDE menggunakan Tampilan Tabel.
  • Di sinilah Anda membuat dan memodifikasi perintah Selenese.
  • Setelah pemutaran, setiap langkah diberi kode warna.

Editor dalam Tampilan Tabel dengan langkah-langkah yang dieksekusi diberi kode warna setelah pemutaran ulang.

  • Untuk membuat langkah, ketik nama perintah di kotak teks “Perintah”.
  • Ini menampilkan daftar tarik-turun perintah yang sesuai dengan entri yang sedang Anda ketik.ping.
  • Target adalah parameter apa pun (seperti nama pengguna, kata sandi) untuk suatu perintah dan Nilai adalah nilai input (seperti tom, 123pass) untuk itu Targets.

Perintah, Target dan kolom Nilai dari Selenium Editor tabel IDE

Tampilan Sumber

  • Ini menampilkan langkah-langkah dalam format HTML (default).
  • Ini juga memungkinkan Anda untuk mengedit skrip Anda seperti di Tampilan Tabel.

Editor dalam Tampilan Kode Sumber menampilkan kasus uji yang sama sebagai tabel Selenese HTML.

Panel Log

Panel Log menampilkan pesan runtime selama eksekusi. Panel ini memberikan pembaruan secara real-time tentang apa yang terjadi. Selenium IDE sedang bekerja.

Log dikategorikan menjadi empat jenis:

  • Debug – Secara default, pesan debug tidak ditampilkan di panel log. Pesan tersebut hanya muncul saat Anda memfilternya. Pesan tersebut memberikan informasi teknis tentang apa yang terjadi. Selenium IDE bekerja di belakang layar. Ini mungkin menampilkan pesan seperti modul tertentu telah selesai dimuat, fungsi tertentu dipanggil, atau eksternal JavaBerkas skrip dimuat sebagai ekstensi.
  • Info – Ini menunjukkan perintah yang mana Selenium IDE sedang dijalankan.
  • Memperingatkan – Ini adalah pesan peringatan yang ditemui dalam situasi khusus.
  • error – Ini adalah pesan kesalahan yang dihasilkan ketika Selenium IDE gagal mengeksekusi perintah, atau jika kondisi yang ditentukan oleh perintah “verifikasi” atau “tegaskan” tidak terpenuhi.

Daftar tarik-turun panel log yang menampilkan tipe pesan Debug, Info, Warn, dan Error.

Log dapat difilter berdasarkan jenisnya. Misalnya, jika Anda memilih opsi "Kesalahan" dari daftar tarik-turun, Panel Log hanya akan menampilkan pesan kesalahan.

Panel log difilter ke Kesalahan sehingga hanya pesan perintah yang gagal yang tetap terlihat.

Panel Referensi

Panel Referensi menampilkan deskripsi singkat dari perintah Selenese yang saat ini dipilih di Editor. Panel ini juga menampilkan deskripsi tentang locator dan nilai yang akan digunakan pada perintah tersebut.

Panel referensi yang menjelaskan perintah Selenese yang dipilih beserta argumen target dan nilainya.

Panel Elemen UI

Elemen UI untuk tingkat lanjut Selenium pengguna. Ini menggunakan JavaScript Object Notation (JSON) untuk mendefinisikan peta elemen.pingDokumentasi dan sumber daya dapat ditemukan di opsi “Dokumentasi Elemen UI” di bawah menu Bantuan. Selenium ide.

Menu bantuan dari Selenium IDE dengan entri Dokumentasi Elemen UI

Contoh layar elemen UI ditunjukkan di bawah ini.

Panel elemen UI yang berisi peta elemen JSON untuk aplikasi yang sedang diuji.

Panel Gulung

Rollup memungkinkan Anda untuk mengeksekusi sekelompok perintah dalam satu langkah. Sekumpulan perintah disebut sebagai "rollup." Rollup banyak menggunakan... JavaKonsep skrip dan elemen UI untuk merumuskan kumpulan perintah yang mirip dengan “fungsi” dalam bahasa pemrograman.

Rollup dapat digunakan kembali; artinya, rollup dapat digunakan beberapa kali dalam kasus uji. Karena rollup adalah kumpulan perintah yang dipadatkan menjadi satu, rollup sangat membantu dalam mempersingkat skrip pengujian Anda.

Beberapa langkah Selenese diringkas menjadi satu perintah rollup di editor.

Contoh tampilan isi tab rollup ditunjukkan di bawah ini.

Panel gulir yang menampilkan JavaDefinisi skrip di balik aturan rollup yang dapat digunakan kembali

Panel rollup dan UI-Element tidak memiliki padanan di ekstensi saat ini; perintah kontrol alur dan ekspor kode sekarang mengisi peran tersebut.

Pertanyaan Umum Demo Slot

Satu file tunggal dengan ekstensi .side berisi seluruh proyek — setiap pengujian, setiap rangkaian pengujian, dan basisnya. URLHal itu menggantikan model lama yang menggunakan satu file HTML per kasus uji, dan membuat proyek mudah untuk dimasukkan ke dalam kontrol versi.

Ya. Pemutaran di dalam ekstensi menggunakan browser tempat ekstensi tersebut diinstal, tetapi pelaksana baris perintah menjalankan proyek yang tersimpan pada browser lain dan sesuai dengan alur kerja pembangunan, yang tidak dapat dilakukan oleh pemutar di dalam browser.

IDE saat ini menyediakan perintah kontrol alur termasuk if, else if, else, while, times, do, repeat if, dan for each. Itu mencakup percabangan dan pencarian.ping dalam naskah yang direkam tanpa JavaSkrip ini mengatasi kekurangan fitur rollup lama yang dibutuhkan.

Perekam menyimpan beberapa kandidat locator untuk setiap elemen. Selama pemutaran, alternatif dicoba hingga salah satunya berhasil, sehingga perubahan ID tidak selalu menghentikan langkah tersebut. Kegagalan yang terus-menerus tetap berarti daftar locator perlu diedit secara manual.

Mengklik kanan sebuah pengujian atau rangkaian pengujian akan menampilkan kode WebDriver untuk C# NUnit, C# xUnit, Java JUnit, JavaSkrip Mocha, Python uji coba dan Ruby RSpec. Tombol opsional menambahkan komentar. tracmengembalikan setiap baris yang dihasilkan ke langkah yang direkamnya.

Pembelajaran mesin terutama diterapkan pada bagian terlemah dari pengujian yang direkam: penentu lokasi. Mesin yang dapat memperbaiki diri sendiri memberi peringkat beberapa kandidat pemilih dan menggantinya dengan yang berfungsi ketika penandaan bergeser, dan model serupa mengelompokkan kegagalan berulang untuk memisahkan cacat nyata dari gangguan waktu.

Ini sangat cocok untuk tahap pembersihan. Kode yang diekspor adalah satu metode linier yang panjang, dan Copilot akan merefaktornya menjadi objek halaman, menarik data yang dikodekan secara langsung ke dalam fixture, dan mengganti jeda tetap dengan penantian eksplisit. Revlihat lokasi yang disimpannya.

Segera setelah pengujian memerlukan pengaturan bersama, file data, pelaporan, atau penggunaan kembali di seluruh rangkaian pengujian. IDE sangat baik untuk membuktikan skenario dengan cepat; sebuah kode yang dibuat Selenium Kerangka kerja inilah yang membuat ratusan skenario tersebut tetap dapat dikelola.

Ringkaslah postingan ini dengan: