Çünkü Gözler Yalan Söylemez - Applitools Eyes Kullanarak Görsel Test

Yayınlanan: 2021-08-17

Regresyon testi, yazılıma yapılan herhangi bir değişikliğin daha önce iyi çalışan hiçbir şeyi bozmamasını sağlar. Görsel regresyon testi, yapılan değişiklikler nedeniyle herhangi bir GUI sorununun ortaya çıkmamasını sağlar. Uygulama, değişiklikler yapılmadan önceki hali gibi görünmelidir. Görsel bir regresyon test aracı, mevcut kullanıcı arayüzünün ekran görüntülerini yakalar ve bunları orijinal ekran görüntüleri ile karşılaştırır. Tarihsel kutuplara bakar ve değişikliklerden sonra bile web sayfalarının çeşitli tarayıcılarda beklendiği gibi işlendiğini onaylar. Applitools Eyes, tescilli bilişsel görme teknolojisiyle desteklenen, piyasada bulunan en popüler Görsel Test Araçlarından biridir.

Applitools, herhangi bir web, mobil ve yerel uygulamanın tüm görsel yönlerini otomatik olarak doğrulayan bulut tabanlı bir yazılım test aracı olan Applitools Eyes'ı geliştirdi. Bu doğrulamalar, bir manuel test cihazının yaptığına benzer. Applitools teknolojisi, UI düzeninin, içeriğinin ve görünümün doğruluğunu otomatik olarak doğrular ve onsuz yalnızca manuel olarak yapılabilecek testleri otomatikleştirmenizi sağlar. Uygulamaları herhangi bir tarayıcı, cihaz, işletim sistemi ve programlama dilinde, herhangi bir ekran çözünürlüğünde ve form faktöründe test edebilir.

Applitools Eyes Sistemine Genel Bakış

Çeşitli test ortamları, görsel UI testi uygulamak için Applitools'un çeşitli Eyes Bileşenleri ile etkileşime girer. Sistem aşağıdaki bileşenlerden oluşur:

Test Edilen Uygulama (AUT).
AUT için çalışan ve doğruluğunu doğrulayan bir test takımı.
SDK'lar, ekran görüntüsü yakalama ve görsel denetimi tetiklemek için test paketi kodunda çağrılır.
AUT'ye gönderilebilecek test takımları oluşturmak için bir çerçeve sağlayan Selenium veya Appium gibi Uygulama Sürücüleri. Ayrıca bunları ekran görüntüsü almak için kullanır.
Sunucu, SDK'lardan gönderilen ekran görüntüsünü alır ve saklar. Bunları depolanan temel görüntülerle karşılaştırır ve farklılıkları bildirir.
Eyes Test Manager, kullanıcıya gözden geçirebilecekleri test sonuçları sağlar ve kullanıcının hataları bildirmesine ve temel görüntüleri yönetmesine yardımcı olur.

Aşağıda, bileşenlerin bir testi çalıştırmak için nasıl etkileşime girdiğine ve Test ekibinin test sonuçlarını görüntülemesine ve yönetmesine izin vermenin bir örneği verilmiştir.

Kredi bilgileri: Applitools

ADIM 1: Test ekibi, test takımını çalıştırır. Kod genellikle farklı uygulama durumları için aşağıdaki adımları tekrarlar.

ADIM 2.1: Selenium veya Appium gibi sürücüler kullanılarak fare tıklaması, klavye girişi vb. kullanıcı eylemleri simüle edilir.

ADIM 2.2: Bununla birlikte, aynı anda görsel bir kontrol noktası gerçekleştirmek için Eyes SDK API'si çağrılır.

ADIM 2.2.a: Eyes SDK, ekran görüntüsünü toplamak için Sürücüyü kullanır.

ADIM 2.2.b: Bundan sonra Eyes SDK toplanan görüntüyü Eyes Sunucusuna gönderir. Burada görüntüler ve diğer kontrol noktası görüntüleri, daha önce sunucuda depolanan temel görüntülerle karşılaştırılır.

ADIM 3: Testteki görüntüler işlendikten sonra Eyes Server, gözlemlenen farklılıklar hakkında bilgi sağlar. Bununla birlikte, sonuçların görüntülenebileceği Eyes sitesine bir bağlantı sağlanır.

ADIM 4: Test ekibi, test sonuçlarını görüntülemek, temelleri güncellemek, hataları bildirmek ve özel işlem gerektiren bölgelere açıklama eklemek için Eyes Test Manager'ı kullanır. Tüm sonuçları görüntüledikten sonra, test ekibi temel çizgiyi kaydeder. Bu, bir sonraki test çalıştırmasında karşılaştırmanın temeli olur.

Applitools, çok çeşitli popüler - web, mobil ve masaüstü test otomasyon çerçevelerini, çeşitli uygulama sürücüsü altyapılarını, programlama dillerini ve tüm ortak platformları, tarayıcıları ve işletim sistemlerini destekleyen SDK'lara sahiptir. Bu SDK'lar doğrudan AUT ile etkileşime girmez, bu nedenle Eyes, uygulamanın nasıl uygulandığından ve dağıtıldığından tamamen bağımsızdır.

Applitools Eyes Uyumluluğu

Applitools, web, mobil, masaüstü, PDF, TV işletim sistemleri, IoT, Görüntüler ve daha fazlası için tam test kapsamı sağlayan tüm popüler programlama dilleri ve test çalıştırıcıları için SDK'lara sahiptir.

WEB SDK'ları

WEB SDK'ları, tüm önemli web test araçlarını ve programlarını destekler:

-Java, JavaScript, C#, Ruby, PHP, Python için Selenyum
WebdriverIO4, WebdriverIO5, WebdriverIO6
selenyum IDE
selvi
Oyun Yazarı (Yeni ek)
Kuklacı (Yeni ek)
TestKafe
Storybook CSF React (Yeni ek), Storybook -React, Angular, Vue
Vatir
Kapibara
İletki (Yeni ek)
UFT/QTP
Yalın CFT#, Yalın JavaScript
kodlanmış kullanıcı arayüzü

Mobil SDK'lar

Mobil SDK'lar, tüm önemli Mobil test araçlarını ve Programlarını destekler:

Appium Native –C#, Java, JavaScript, PHP, Python, Ruby
Appium Web - C#, Java, JavaScript, PHP, Python, Ruby
XCUI Objective-C, XCUI Swift
Espresso
Su kabağı iOS ve Android

Ekran görüntüsü SDK'ları

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

Masaüstü SDK'ları

Windows UFT, Windows Kodlu Kullanıcı Arayüzü

Kodsuz Araçlar

PDF Formları, Kodsuz IDE

Applitools Eyes'daki Test Yöneticisi

Eyes Test Manager, görsel UI test verilerine erişim sağlayan tarayıcı tabanlı bir araçtır. Kullanıcıların test sonuçlarını, temelleri ve diğer meta verileri yönetmesine olanak tanır.

Eyes Test Manager aşağıdaki olanakları sağlar:

Görsel UI test çalıştırmalarının sonuçlarına erişin
Kaydedilen farklılıkları kabul edin veya reddedin
Adımları yorumlarla açıklama
Eşleşme düzeyi ekle ve bölgeleri yoksay
Taban çizgisini güncelle
Uygulamayı ve test adlarını görüntüleyin ve yönetin
Temelleri ve dalları görüntüleyin ve yönetin
Yürütme ortamlarını görüntüleyin ve yönetin
Temel dalları karşılaştırın ve birleştirin
Hesabınızı, ekiplerinizi ve kullanıcılarınızı yönetin

Eyes'a entegre edilmiş ve kullanıcının test ve test senaryolarını düzenlemesine yardımcı olan çeşitli başka araçlar ve kavramlar vardır. Böyle bir araç Baseline'dır. Görsel inceleme protokolü, yakalanan görüntüleri önceki test çalıştırmasından itibaren taban çizgisinde saklanan görüntülerle karşılaştırır. Her test çalıştırması farklı bir görünüme ve hisse sahip olabilir. Gözlerin test başına birçok temel çizgisi vardır ve her bir temel, seçilen bir ortamı temsil eder. Bu taban çizgilerinin her biri, bir dizi görüntü referansını saklayabilir.

Görsel test çalıştırıldığında, uygulama bir dizi uygulama durumu boyunca sürülür ve her durum için, o durum için uygulamanın bir görüntüsünü yakalayan bir kontrol noktası yürütülür. Gözler, yakalanan görüntü dizisini, o testin başlangıç çizgisinde depolanan referans görüntü dizisiyle karşılaştırır ve önemli farklılıkları bildirir. Taban çizgisi içindeki görüntü, test çalıştırmalarına bağlıdır, ancak işletim sistemleri, tarayıcı türü ve görünüm alanı boyutu gibi diğer faktörlere de bağlı olabilir. Bu faktörlere yürütme ortamı denir.

Görünüm alanı, uygulama penceresindeki herhangi bir uygulamanın görsel alanıdır. Görünüm alanının boyutu, herhangi bir sayfanın düzenini de etkileyebilir. Örneğin, tarayıcının boyutunu değiştirmek, işlenmiş metnin görünümünü değiştirebilir. Menüler gibi öğeler içeren duyarlı sayfalar, farklı boyutlar için farklı görünebilir. Yazı tipi ve resim boyutu değişebilir. Not: görünüm, platforma özeldir.