Karena Mata Tidak Berbohong - Pengujian Visual menggunakan Applitools Eyes

Diterbitkan: 2021-08-17

Pengujian regresi memastikan bahwa setiap perubahan yang diperkenalkan ke perangkat lunak tidak merusak apa pun yang sebelumnya berfungsi dengan baik. Pengujian regresi visual memastikan bahwa masalah GUI tidak muncul karena perubahan yang dibuat. Aplikasi harus tetap terlihat seperti dulu sebelum modifikasi diperkenalkan. Alat pengujian regresi visual menangkap tangkapan layar dari UI saat ini dan membandingkannya dengan tangkapan layar asli. Ini melihat polaritas historis dan menegaskan bahwa halaman web masih ditampilkan seperti yang diharapkan di berbagai browser bahkan setelah modifikasi. Applitools Eyes adalah salah satu Alat Pengujian Visual paling populer yang tersedia di pasar yang didukung oleh teknologi visi kognitif miliknya.

Applitools telah mengembangkan alat pengujian perangkat lunak berbasis cloud, Applitools Eyes, yang secara otomatis memvalidasi semua aspek visual dari aplikasi web, seluler, dan asli apa pun. Validasi ini mirip dengan validasi yang dilakukan oleh penguji manual. Teknologi Applitools secara otomatis memvalidasi kebenaran tata letak, konten, dan tampilan UI, dan memungkinkan Anda untuk mengotomatiskan pengujian yang hanya dapat dilakukan secara manual tanpanya. Itu dapat menguji aplikasi pada browser, perangkat, OS, dan bahasa pemrograman apa pun, pada resolusi layar dan faktor bentuk apa pun.

Gambaran Umum Sistem Mata Applitools

Berbagai lingkungan pengujian berinteraksi dengan berbagai Komponen Mata dari Applitools untuk mengimplementasikan pengujian UI visual. Sistem terdiri dari komponen-komponen berikut:

Aplikasi Dalam Pengujian (AUT).
Rangkaian pengujian yang berjalan untuk AUT dan memverifikasi keakuratannya.
SDK dipanggil dengan kode suite pengujian untuk memicu tangkapan layar dan pemeriksaan visual.
Driver Aplikasi seperti Selenium atau Appium yang menyediakan kerangka kerja untuk membangun setelan uji yang dapat dikirim ke AUT. Itu juga menggunakan ini untuk menangkap tangkapan layar.
Server menerima dan menyimpan tangkapan layar yang dikirim dari SDK. Ini membandingkannya dengan gambar dasar yang disimpan dan melaporkan perbedaan apa pun.
Eyes Test Manager memberi pengguna hasil tes yang dapat mereka tinjau dan membantu pengguna melaporkan bug dan mengelola gambar dasar.

Di bawah ini adalah contoh bagaimana komponen berinteraksi untuk menjalankan pengujian, memungkinkan tim Pengujian untuk melihat dan mengelola hasil pengujian.

Kredit: Applitools

LANGKAH 1: Tim pengujian menjalankan rangkaian pengujian. Kode biasanya mengulangi langkah-langkah berikut untuk status aplikasi yang berbeda.

LANGKAH 2.1: Menggunakan driver seperti Selenium atau Appium, tindakan pengguna seperti klik mouse, entri keyboard, dll disimulasikan.

LANGKAH 2.2: Bersamaan dengan itu, Eyes SDK API dipanggil untuk melakukan pemeriksaan visual secara bersamaan.

LANGKAH 2.2.a: Eyes SDK menggunakan Driver untuk mengumpulkan tangkapan layar.

LANGKAH 2.2.b: Setelah itu Eyes SDK mengirimkan gambar yang dikumpulkan ke Eyes Server. Di sini gambar dan gambar pos pemeriksaan lainnya dibandingkan dengan gambar dasar yang sebelumnya disimpan di server.

LANGKAH 3: Setelah gambar dalam pengujian diproses, Server Mata memberikan informasi mengenai perbedaan yang diamati. Bersamaan dengan ini, tautan ke situs Eyes disediakan di mana hasilnya dapat dilihat.

LANGKAH 4: Tim pengujian menggunakan Eyes Test Manager untuk melihat hasil pengujian, memperbarui baseline, melaporkan bug, dan membubuhi keterangan wilayah yang memerlukan penanganan khusus. Setelah melihat semua hasil, tim penguji menyimpan baseline. Hal ini menjadi dasar perbandingan pada uji coba selanjutnya.

Applitools memiliki SDK yang mendukung berbagai kerangka kerja otomatisasi pengujian web, seluler, dan desktop yang populer, berbagai infrastruktur driver aplikasi, bahasa pemrograman, dan semua platform umum, browser, dan sistem operasi. SDK ini tidak berinteraksi langsung dengan AUT, jadi Eyes sepenuhnya independen dari cara aplikasi diimplementasikan dan di-deploy.

Kompatibilitas Mata Applitools

Applitools memiliki SDK untuk semua bahasa pemrograman populer dan uji coba yang menyediakan cakupan pengujian penuh untuk web, seluler, desktop, PDF, OS TV, IoT, Gambar, dan banyak lagi.

SDK WEB

SDK WEB mendukung semua alat dan program pengujian web utama:

Selenium untuk -Java, JavaScript, C#, Ruby, PHP, Python
WebdriverIO4, WebdriverIO5, WebdriverIO6
Selenium IDE
cemara
Penulis naskah (tambahan baru)
Dalang (tambahan baru)
TestCafe
Buku Cerita CSF React (Penambahan baru), Buku Cerita -React, Angular, Vue
Watir
kapibara
Busur derajat (tambahan baru)
UFT/QTP
Ramping CFT#, Lean JavaScript
UI berkode

SDK Seluler

SDK Seluler mendukung semua alat dan Program pengujian Seluler utama:

Appium Asli –C#, Java, JavaScript, PHP, Python, Ruby
Appium Web - C#, Java, JavaScript, PHP, Python, Ruby
XCUI Objective-C, XCUI Swift
espreso
Labu iOS dan Android

SDK Tangkapan Layar

CLI, C#, Java, JavaScript, PHP, Ruby, XCTest Objective-C, XCTest Swift

SDK Desktop

Windows UFT, UI Berkode Windows

Alat Tanpa Kode

Formulir PDF, IDE Tanpa Kode

Manajer Tes di Mata Applitools

Eyes Test Manager adalah alat berbasis browser yang menyediakan akses ke data pengujian UI visual. Ini memungkinkan pengguna untuk mengelola hasil tes, baseline, dan metadata lainnya.

Eyes Test Manager menyediakan fasilitas sebagai berikut:

Akses hasil pengujian UI visual
Terima atau tolak perbedaan yang dicatat
Anotasi langkah dengan komentar
Tambahkan level kecocokan dan abaikan wilayah
Perbarui garis dasar
Lihat dan kelola aplikasi dan nama pengujian
Lihat dan kelola garis dasar dan cabang
Lihat dan kelola lingkungan eksekusi
Bandingkan dan gabungkan cabang dasar
Kelola akun, tim, dan pengguna Anda

Ada berbagai alat dan konsep lain yang telah diintegrasikan ke dalam Eyes yang membantu pengguna mengatur pengujian dan kasus pengujian. Salah satu alat tersebut adalah Baseline. Protokol inspeksi visual membandingkan gambar yang diambil dengan gambar yang disimpan di baseline dari uji coba sebelumnya. Setiap uji coba dapat memiliki tampilan dan nuansa yang berbeda. Mata memiliki banyak garis dasar per tes, di mana setiap garis dasar mewakili lingkungan yang dipilih. Masing-masing garis dasar ini dapat menyimpan serangkaian referensi gambar.

Saat pengujian visual berjalan, aplikasi didorong melalui urutan status aplikasi, dan untuk setiap status, sebuah pos pemeriksaan dijalankan yang menangkap gambar aplikasi untuk status tersebut. Mata membandingkan rangkaian gambar yang diambil dengan rangkaian gambar referensi yang disimpan di dasar pengujian itu dan melaporkan perbedaan yang signifikan. Gambar dalam baseline bergantung pada pengujian yang dijalankan, tetapi juga dapat bergantung pada faktor lain, seperti sistem operasi, jenis browser, dan ukuran viewport. Faktor-faktor ini disebut lingkungan eksekusi.

Area pandang adalah area visual dari aplikasi apa pun di dalam jendela aplikasi. Ukuran area pandang juga dapat memengaruhi tata letak halaman mana pun. Misalnya, mengubah dimensi browser dapat mengubah tampilan teks yang dirender. Halaman responsif dengan elemen seperti menu mungkin tampak berbeda untuk dimensi yang berbeda. Font dan ukuran gambar dapat berubah. Catatan: viewport adalah platform khusus.