Pengujian GUI – Kasus Uji UI (Contoh)

Untuk memahami Pengujian GUI, pertama-tama mari kita pahami-

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 tempat Anda berinteraksi dengan komputer menggunakan gambar, bukan teks.

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

Pengujian GUI adalah validasi elemen di atas.

Apa itu Pengujian GUI?

Pengujian GUI adalah jenis pengujian perangkat lunak yang memeriksa Antarmuka Pengguna Grafis 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 adalah beranda, itu adalah GUI (antarmuka pengguna grafis) dari situs tersebut. Pengguna tidak melihat kode sumber. Antarmuka terlihat oleh pengguna. Terutama fokusnya adalah pada struktur desain, gambar apakah berfungsi dengan baik atau tidak.

Dalam contoh di atas, jika kita harus melakukan pengujian GUI, pertama-tama kita periksa apakah gambar harus terlihat sepenuhnya 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 boleh menyusut, terpotong, atau tumpang tindih.

Kebutuhan Pengujian GUI

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

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

Untuk mendapatkan jawabannya, berpikirlah sebagai pengguna, bukan sebagai penguji. Seorang pengguna tidak memiliki pengetahuan apa pun tentang perangkat lunak/Aplikasi XYZ. UI Aplikasilah yang memutuskan apakah pengguna akan menggunakan Aplikasi lebih lanjut atau tidak.

Pengguna biasa pertama-tama akan mengamati desain dan tampilan Aplikasi/Perangkat Lunak dan seberapa mudah baginya untuk memahami UI. Jika pengguna tidak merasa nyaman dengan Antarmuka atau merasa Aplikasi sulit dipahami, ia tidak akan pernah menggunakan Aplikasi itu Lagi. Itulah sebabnya, GUI menjadi masalah yang perlu diperhatikan, dan pengujian yang tepat harus dilakukan untuk memastikan bahwa GUI bebas dari Bug.

Apa yang Anda Periksa dalam Pengujian GUI?

Daftar periksa berikut akan memastikan Pengujian GUI terperinci 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 kolom masukan.
Periksa apakah Anda dapat menjalankan fungsionalitas aplikasi yang diinginkan menggunakan GUI
Periksa apakah Pesan Kesalahan ditampilkan dengan benar
Periksa Hapus demarkasi bagian yang berbeda di layar
Periksa apakah Font yang digunakan dalam aplikasi dapat dibaca
Periksa perataan teks sudah benar
Periksa Warna font dan pesan peringatan apakah estetis
Periksa apakah gambar memiliki kejelasan yang baik
Periksa apakah gambar sudah sejajar dengan benar
Periksa posisi elemen GUI untuk resolusi layar yang berbeda.

Teknik Pengujian GUI

Teknik Pengujian GUI dapat dikelompokkan menjadi tiga bagian:

Pengujian Berbasis Manual

Dalam 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 pengujian yang direkam dijalankan pada Aplikasi yang Sedang Diuji. Contoh alat tersebut – QTP.

Pengujian Berbasis Model

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

Bangun model
Tentukan Input untuk model
Hitung keluaran yang diharapkan untuk model tersebut
Jalankan tes
Bandingkan keluaran aktual dengan keluaran yang diharapkan
Keputusan mengenai tindakan lebih lanjut terhadap model tersebut

Beberapa teknik pemodelan yang dapat digunakan untuk memperoleh kasus uji:

Bagan – Menggambarkan keadaan suatu sistem dan memeriksa keadaan setelah beberapa masukan.
Tabel Keputusan – Tabel yang digunakan untuk menentukan hasil 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 metode ini dapat menentukan keadaan yang tidak diinginkan yang dapat dicapai oleh GUI Anda.

Berikut ini adalah alat sumber terbuka yang tersedia untuk melakukan Uji 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

Menguji ukuran, posisi, lebar, tinggi elemen.
Pengujian pesan kesalahan yang ditampilkan.
Menguji berbagai bagian layar.
Pengujian font apakah dapat dibaca atau tidak.
Pengujian layar pada resolusi berbeda dengan bantuan pembesaran dan pengecilan seperti 640 x 480, 600×800, dst.
Menguji keselarasan teks dan elemen lain seperti ikon, tombol, dll. Apakah pada tempatnya atau tidak.
Menguji warna font.
Menguji warna pesan kesalahan, pesan peringatan.
Menguji apakah gambar mempunyai kejernihan yang baik atau tidak.
Menguji keselarasan gambar.
Pengujian ejaan.
Pengguna tidak boleh merasa frustrasi saat menggunakan antarmuka sistem.
Menguji apakah antarmukanya menarik atau tidak.
Pengujian scrollbar sesuai dengan ukuran halaman jika ada.
Menguji bidang yang dinonaktifkan jika ada.
Menguji ukuran gambar.
Menguji judul apakah sudah benar atau belum.
Menguji warna hyperlink.

Demo: Bagaimana melakukan Tes GUI

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

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

Kasus uji 01- Verifikasi bahwa kotak teks dengan label “Folder Sumber” diselaraskan dengan benar.

Kasus uji 02 – Verifikasi bahwa kotak teks dengan label “Paket” diselaraskan dengan benar.

Kasus uji 03 – Verifikasikan label dengan nama “Browse” adalah tombol yang terletak di akhir TeksBox dengan nama "Folder Sumber. "

Kasus uji 04 – Verifikasikan label dengan nama “Browse” adalah tombol yang terletak di akhir TeksBox dengan nama "Paket. "

Kasus uji 05 – Verifikasi bahwa kotak teks dengan label “Nama” diselaraskan dengan benar.

Kasus uji 06 – Verifikasi bahwa label “Pengubah” terdiri dari 4 radio button dengan nama public, default, private, protected.

Kasus uji 07 – Verifikasi bahwa label “Pengubah” terdiri dari 4 tombol radio yang disejajarkan dengan baik dalam satu baris.

Kasus uji 08 – Verifikasi bahwa label “Kelas Super” di bawah label “Pengubah” terdiri dari dropdown yang harus disejajarkan dengan benar.

Kasus uji 09 – Verifikasi bahwa label “Kelas Super” terdiri dari tombol dengan label “Browse” di atasnya yang harus disejajarkan dengan benar.

Kasus uji 10 – Verifikasi bahwa mengklik tombol radio apa pun, penunjuk tetikus default harus diubah menjadi penunjuk tetikus tangan.

Kasus uji 11 – Verifikasi bahwa pengguna tidak boleh mengetik di dropdown “Kelas Super. "

Kasus uji 12 – Verifikasi bahwa pasti ada kesalahan yang dihasilkan jika ada sesuatu yang salah dipilih.

Kasus uji 13 – Verifikasi bahwa kesalahan harus dihasilkan dalam warna MERAH jika diperlukan.

Kasus uji 14 – Verifikasi bahwa label yang tepat harus digunakan dalam pesan kesalahan.

Kasus uji 15 – Verifikasi bahwa satu tombol radio harus dipilih secara default setiap saat.

Kasus uji 16 – Verifikasi bahwa tombol TAB harus berfungsi dengan baik saat melompat ke bidang lain di sebelah sebelumnya.

Kasus uji 17 – Verifikasi bahwa semua halaman harus memuat judul yang tepat.

Kasus uji 18 – Verifikasi bahwa teks halaman harus disejajarkan dengan benar.

Kasus uji 19 – Verifikasi bahwa setelah memperbarui bidang apa pun, pesan konfirmasi yang tepat harus ditampilkan.

Kasus uji 20 – Verifikasi 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 GUI aplikasi sering berubah. Sangat sulit untuk menguji dan mengidentifikasi apakah ini merupakan masalah atau peningkatan. Masalahnya muncul ketika Anda tidak memiliki dokumen apa pun mengenai perubahan GUI.

Alat Pengujian GUI

Berikut ini adalah daftar populer Alat Pengujian GUI :

Selenium
QTP
Cucumber
Tes Sutra
TesSelesai
Penguji GUI Squish

Klik di sini untuk belajar Selenium, QTP & Cucumber.

Kesimpulan

Keberhasilan suatu 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 berulang dan membosankan sehingga rawan kesalahan. Otomatisasi sangat disarankan untuk pengujian GUI.

Anda mungkin ingin: