Tutorial Pengujian GUI: TestCases Antarmuka Pengguna (UI) dengan Contoh

Daftar Isi:

Anonim

Untuk memahami Pengujian GUI mari pertama-tama memahami-

Apa itu GUI?

Ada dua jenis antarmuka untuk aplikasi komputer. Antarmuka Baris Perintah adalah tempat Anda mengetik teks dan komputer merespons perintah itu. GUI adalah singkatan dari Graphical User Interface di mana Anda berinteraksi dengan komputer menggunakan gambar daripada teks.

Berikut adalah elemen GUI yang dapat digunakan untuk interaksi antara pengguna dan aplikasi:

Pengujian GUI adalah validasi dari elemen di atas.

Pengujian GUI

Pengujian GUI adalah jenis pengujian perangkat lunak yang memeriksa Antarmuka Pengguna Grafis dari Perangkat Lunak. Tujuan Pengujian Antarmuka Pengguna Grafis (GUI) adalah untuk memastikan fungsionalitas aplikasi perangkat lunak berfungsi sesuai spesifikasi dengan memeriksa layar dan kontrol seperti menu, tombol, ikon, dll.

GUI adalah apa yang dilihat pengguna. Katakanlah jika Anda mengunjungi guru99.com apa yang akan Anda lihat mengatakan homepage itu adalah GUI (antarmuka pengguna grafis) dari situs tersebut. Seorang pengguna tidak melihat kode sumber. Antarmuka terlihat oleh pengguna. Terutama fokusnya adalah pada struktur desain, gambar yang berfungsi dengan baik atau tidak.

Dalam contoh di atas, jika kita harus melakukan pengujian GUI, pertama kita periksa bahwa gambar harus benar-benar terlihat di browser yang berbeda.

Selain itu, tautannya tersedia, dan tombolnya akan berfungsi saat diklik.

Selain itu, jika pengguna mengubah ukuran layar, baik gambar maupun konten tidak akan menyusut atau memotong atau tumpang tindih.

Dalam tutorial ini, Anda akan belajar-

  • Apa itu Pengujian GUI?
  • Kebutuhan Pengujian GUI
  • Apa yang Anda Check-in Pengujian GUI?
  • Pendekatan Pengujian GUI
  • Kasus Uji Pengujian GUI
  • Demo: Bagaimana melakukan Tes GUI
  • Tantangan dalam Pengujian GUI

Kebutuhan Pengujian GUI

Sekarang konsep dasar pengujian GUI sudah jelas. Beberapa pertanyaan yang akan muncul di benak Anda adalah

  • Mengapa pengujian GUI?
  • Apakah itu benar-benar dibutuhkan?
  • Apakah pengujian fungsional dan logika Aplikasi tidak lebih dari cukup ?? Lalu mengapa membuang waktu untuk pengujian UI.

Untuk mendapatkan jawaban berpikir sebagai pengguna, bukan sebagai penguji. Pengguna tidak memiliki pengetahuan apa pun tentang perangkat lunak / Aplikasi XYZ. Ini adalah UI dari Aplikasi yang memutuskan bahwa pengguna akan menggunakan Aplikasi lebih lanjut atau tidak.

Pengguna biasa pertama-tama mengamati desain dan tampilan Aplikasi / Perangkat Lunak dan betapa mudahnya baginya untuk memahami UI. Jika pengguna tidak nyaman dengan Antarmuka atau menemukan Aplikasi yang kompleks untuk dipahami, dia tidak akan pernah menggunakan Aplikasi itu Lagi. Oleh karena itu, GUI menjadi perhatian, dan pengujian yang tepat harus dilakukan untuk memastikan bahwa GUI bebas dari Bug.

Apa yang Anda Check-in Pengujian GUI?

Daftar periksa berikut akan memastikan Pengujian GUI rinci dalam Pengujian Perangkat Lunak.

  • Periksa semua elemen GUI untuk ukuran, posisi, lebar, panjang, dan penerimaan karakter atau angka. Misalnya, Anda harus dapat memberikan masukan ke bidang masukan.
  • Pastikan Anda dapat menjalankan fungsionalitas aplikasi yang dimaksudkan menggunakan GUI
  • Periksa Pesan Kesalahan ditampilkan dengan benar
  • Periksa Hapus demarkasi dari berbagai bagian di layar
  • Periksa Font yang digunakan dalam aplikasi dapat dibaca
  • Periksa apakah perataan teks sudah benar
  • Periksa Warna font dan pesan peringatan menyenangkan secara estetika
  • Periksa apakah gambar memiliki kejelasan yang baik
  • Periksa apakah gambar disejajarkan dengan benar
  • Periksa posisi elemen GUI untuk resolusi layar yang berbeda.

Teknik Pengujian GUI

Teknik Pengujian GUI dapat dikategorikan menjadi tiga bagian:

Pengujian Berbasis Manual

Dengan pendekatan ini, layar grafis diperiksa secara manual oleh penguji sesuai dengan persyaratan yang tercantum dalam dokumen persyaratan bisnis.

Rekam dan Putar Ulang

Pengujian GUI dapat dilakukan dengan menggunakan alat otomatisasi. Ini dilakukan dalam 2 bagian. Selama Rekam, langkah-langkah pengujian ditangkap oleh alat otomatisasi. Selama pemutaran, langkah-langkah pengujian yang direkam dijalankan pada Aplikasi yang Sedang Diuji. Contoh alat tersebut - QTP.

Pengujian Berbasis Model

Model adalah deskripsi grafis dari perilaku sistem. Ini membantu kami untuk memahami dan memprediksi perilaku sistem. Model membantu dalam menghasilkan kasus uji yang efisien menggunakan persyaratan sistem. Berikut ini perlu dipertimbangkan untuk pengujian berbasis model ini:

  • Bangun modelnya
  • Tentukan Input untuk model
  • Hitung keluaran yang diharapkan untuk model
  • Jalankan tes
  • Bandingkan keluaran aktual dengan keluaran yang diharapkan
  • Keputusan tentang tindakan lebih lanjut atas model tersebut

Beberapa teknik pemodelan dari mana kasus uji dapat diturunkan:

  • Charts - Menggambarkan keadaan sistem dan memeriksa keadaan setelah beberapa masukan.
  • Tabel Keputusan - Tabel yang digunakan untuk menentukan hasil untuk setiap masukan yang diterapkan

Pengujian berbasis model adalah teknik yang berkembang untuk menghasilkan kasus uji dari persyaratan . Keuntungan utamanya, dibandingkan dengan dua metode di atas, adalah dapat menentukan status yang tidak diinginkan yang dapat dicapai GUI Anda.

Berikut adalah alat open source yang tersedia untuk melakukan Pengujian UI otomatis.

Produk Berlisensi Di Bawah
AutoHotkey GPL
Selenium Apache
Sikuli MIT
Kerangka Robot Apache
air BSD
Perangkat Dojo BSD

Contoh Kasus Uji Pengujian GUI

Pengujian GUI pada dasarnya melibatkan

  1. Menguji ukuran, posisi, lebar, tinggi elemen.
  2. Pengujian pesan kesalahan yang ditampilkan.
  3. Menguji berbagai bagian layar.
  4. Menguji font apakah bisa dibaca atau tidak.
  5. Menguji layar dalam resolusi berbeda dengan bantuan zoom in dan zoom out seperti 640 x 480, 600x800, dll.
  6. Menguji keselarasan teks dan elemen lain seperti ikon, tombol, dll. Berada di tempat yang tepat atau tidak.
  7. Menguji warna font.
  8. Menguji warna pesan kesalahan, pesan peringatan.
  9. Menguji apakah gambar memiliki kejernihan yang baik atau tidak.
  10. Menguji kesejajaran gambar.
  11. Pengujian ejaan.
  12. Pengguna tidak boleh frustrasi saat menggunakan antarmuka sistem.
  13. Menguji apakah antarmuka menarik atau tidak.
  14. Pengujian scrollbar menurut ukuran halaman, jika ada.
  15. Menguji bidang yang dinonaktifkan jika ada.
  16. Pengujian ukuran gambar.
  17. Menguji heading apakah disejajarkan dengan benar atau tidak.
  18. Menguji warna hyperlink.

Demo: Bagaimana melakukan Tes GUI

Di sini kita akan menggunakan beberapa contoh kasus uji untuk layar berikut.

Berikut di bawah ini adalah contoh kasus Uji, yang terdiri dari skenario pengujian UI dan Kegunaan.

TC 01- Pastikan kotak teks dengan label " Folder Sumber " disejajarkan dengan benar.

TC 02 - Pastikan kotak teks dengan label " Paket " disejajarkan dengan benar.

TC 03 - Pastikan label dengan nama " Jelajahi " adalah tombol yang terletak di akhir TextBox dengan nama " Folder Sumber ."

TC 04 - Pastikan label dengan nama " Jelajahi " adalah tombol yang terletak di akhir TextBox dengan nama " Paket ."

TC 05 - Pastikan kotak teks dengan label " Nama " disejajarkan dengan benar.

TC 06 - Pastikan label " Pengubah " terdiri dari 4 tombol radio dengan nama publik, default, pribadi, dilindungi.

TC 07 - Pastikan label " Pengubah " terdiri dari 4 tombol radio yang disejajarkan dengan benar dalam satu baris.

TC 08 - Pastikan label " Superclass " di bawah label " Modifiers " terdiri dari dropdown yang harus disejajarkan dengan benar.

TC 09 - Pastikan label " Superclass " terdiri dari tombol dengan label " Jelajahi " di atasnya yang harus disejajarkan dengan benar.

TC 10 - Pastikan dengan mengklik tombol radio apa pun, penunjuk mouse default harus diubah ke penunjuk mouse tangan.

TC 11 - Pastikan bahwa pengguna tidak boleh mengetik di menu tarik-turun " Kelas Super ".

TC 12 - Pastikan bahwa pasti ada kesalahan yang dihasilkan jika ada sesuatu yang salah pilih.

TC 13 - Verifikasi bahwa kesalahan harus muncul dalam warna MERAH jika diperlukan.

TC 14 - Pastikan label yang benar harus digunakan dalam pesan kesalahan.

TC 15 - Pastikan satu tombol radio harus selalu dipilih secara default.

TC 16 - Pastikan tombol TAB harus berfungsi dengan baik saat melompat ke bidang lain di samping sebelumnya.

TC 17 - Pastikan semua halaman harus memuat judul yang benar.

TC 18 - Pastikan teks halaman harus disejajarkan dengan benar.

TC 19 - Pastikan bahwa setelah memperbarui bidang apa pun, pesan konfirmasi yang benar harus ditampilkan.

TC 20 - Pastikan bahwa hanya 1 tombol radio yang harus dipilih dan lebih dari satu kotak centang dapat dipilih.

Tantangan dalam Pengujian GUI

Dalam Rekayasa Perangkat Lunak, masalah paling umum saat melakukan Pengujian Regresi adalah aplikasi GUI sering berubah. Sangat sulit untuk menguji dan mengidentifikasi apakah ini merupakan masalah atau peningkatan. Masalahnya muncul saat Anda tidak memiliki dokumen apa pun terkait perubahan GUI.

Alat Pengujian GUI

Berikut adalah daftar Alat Pengujian GUI yang populer :

  • Ranorex
  • Selenium
  • QTP
  • Timun
  • SilkTest
  • TestComplete
  • Penguji GUI Squish

Klik di sini untuk mempelajari Selenium, QTP & Mentimun.

Kesimpulan:

Keberhasilan sebuah produk perangkat lunak sangat bergantung pada bagaimana GUI berinteraksi dengan pengguna dan kemudahan dalam menggunakan berbagai fiturnya. Oleh karena itu, pengujian GUI sangat penting. Pengujian GUI manual terkadang bisa berulang dan membosankan dan karenanya rawan kesalahan. Otomatisasi sangat disarankan untuk pengujian GUI.

Artikel ini dibuat atas kontribusi Swati Ghildiyal, Prateek Chandra dan Guru99.