guide visual regression testing with visual testing tools
Bu Kapsamlı Kılavuz Görsel Regresyon Testi Hakkında Her Şeyi Açıklamaktadır. Ayrıca, Applitools, Percy, Screener, vb. Gibi Ücretsiz ve Ticari Görsel Test Araçlarının İncelenmesini içerir:
Yazılımda Görsel Regresyon testi veya Görsel test, uygulamanın kullanıcı arayüzünün görsel yönlerinin kullanıcıya uygun görünüp görünmediğini doğrulayan bir kalite güvence faaliyetidir. Görsel Doğrulama Testi olarak da bilinir.
Uygulamanın ön ucunda doğru verilerin ve içeriğin görüntülenip görüntülenmediğini doğrulamayı amaçlar. Ek olarak, kullanıcı arayüzünde ve tüm kullanıcı arayüzünde bulunan her görsel öğenin düzenini ve görünümünü de doğrular.
Ne öğreneceksin:
Görsel Regresyon Testi
Layout'un doğruluğundan bahsettiğimizde bu, ekrandaki her bir öğenin konumunun, şeklinin ve boyutunun doğru olduğu anlamına gelir. Öğeler birbiriyle örtüşmemeli, görünür olmalı ve gizlenmemelidir.
Buradaki görsel unsur, bir görüntüye, sayfaya, bir sayfanın bir kısmına veya bir görüntünün bir kısmına atıfta bulunabilir.
Görünümü doğrulamak, görsel unsurların yazı tipi, rengi, parlaklığı, kontrastı, yoğunluğu, dokusu, görsel ağırlığı, grafikleri vb. Düzgün görünmesi gerektiği anlamına gelir.
akıl sağlığı ve duman testi arasındaki fark
Görsel Regresyon Testi Nedir?
Regresyon testi, yazılıma yapılan herhangi bir değişikliğin daha önce iyi durumda olan hiçbir şeyi bozmamasını sağlar.
Görsel test söz konusu olduğunda, görsel regresyon testi, yazılımda herhangi bir değişiklik yapıldığında herhangi bir stil sorununun ortaya çıkmamasını sağlar. Uygulama eskisi kadar iyi görünmeye devam etmelidir.
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üleriyle karşılaştırır. Dolayısıyla, görsel gerileme testi tarihsel farklılıklara bakar. Kodda yapılan değişikliklerden sonra bile web sayfasının çeşitli tarayıcılarda beklendiği gibi çalıştığını doğrular.
Aşağıda, otomatikleştirilmiş bir araç aracılığıyla gerçekleştirilen bir Görsel Regresyon Testinin ekran baskısı verilmiştir:
(resim kaynak )
Günümüzün sürekli entegrasyon uygulamalarında görsel regresyon testi, uygulama sürümden sürüme gelişirken ve tarayıcılar arasında ilerlerken yeni değişikliklerin düzende herhangi bir karışıklığa neden olmamasını sağlamak için çok önemli hale gelmektedir.
Birçok kuruluş, bir yinelemeden diğerine nasıl değiştiğini belgelemek için belirli web sayfalarının sürümlerini kaydetmek için görsel regresyon testi kullanır.
Görsel Doğrulama Testinin Önemi
Uygulamanızın işlevselliği ne kadar doğru çalışıyor olursa olsun, iyi bir kullanıcı arayüzü ve kullanıcı deneyimi sağlayamadığı sürece müşterinin işine yaramayacaktır.
Bugünlerde sadece UI (Kullanıcı Arayüzü) hakkında konuşmuyoruz, aynı zamanda UX'e (kullanıcı deneyimi) de çok odaklanıyoruz. Daha iyi bir kullanıcı deneyimi sunmayı hedeflediğimizde, görsel testler çok önemli hale gelir çünkü daha çekici görsel tasarım, kullanıcı için daha kullanışlı olarak algılanabilir.
Amazon web sitesinden aşağıdaki örneğe bakalım:
(resim kaynak )
Yukarıdaki görselde, metin ve görsellerin örtüştüğünü ve düzgün şekilde hizalanmadığını fark edebilirsiniz. Bu, müşteri web sitesinde amaçlanan işlemi tamamlayamayacağı için kötü bir kullanıcı deneyimi yaratabilecek görsel bir hata örneğidir.
Görsel tasarım, kullanıcı deneyimini birçok yönden şekillendirir.
Örneğin,
- Harika görsel tasarımlar, güven ve inanılırlık oluşturmaya yardımcı olur.
- Marka imajını güçlendirir.
- Okunaklılığı etkiler.
- Ekranda görsel bir denge oluşturur.
- Kullanıcıları eylemlere yönlendirir.
- Gözü, dikkatini belirli sayfa öğelerine kaydırmaya ikna eder.
Ayrıca, günümüzde çok çeşitli işletim sistemlerine, web tarayıcılarına, ekran çözünürlüklerine ve cihazlara sahibiz, bu nedenle UI'nin bunların olası kombinasyonlarının her birinde doğru görünmesini sağlamak çok önemli hale geliyor.
Kullanıcı arayüzündeki küçük bir bozulma bile iş kaybına neden olabilir. Görsel hatalar kullanıcılar için can sıkıcı ve rahatsız edici olabilir ve onlar için rahatsızlık yaratabilir.
Bankacılık işinde olduğunuzu ve müşterilerinize bir çevrimiçi mobil bankacılık uygulaması sunduğunuzu varsayalım.
Bazı müşterilerinizden, birisinin hesabına para transfer etmek istediklerinde ve gerekli tüm bilgileri doldurduktan sonra bulamadıklarına dair şikayetler alıyorsunuz. 'Sunmak' düğmesi ve bu onlar için rahatsız edici bir deneyim.
Sorunu araştırdığınızda, gönder düğmesinin android cep telefonları için belirli bir ekran çözünürlüğünde gizlendiğini ve bu nedenle, belirli ekran boyutuna sahip Android telefonlara sahip tüm müşterilerin gönder düğmesini göremediğini görüyorsunuz.
Dolayısıyla, uygulamanın işlevselliği bu durumda iyi çalışıyordu, ancak görsel hata nedeniyle kullanıcılar uygulamada amaçlanan eylemlerini tamamlayamadı. Bu örnek, uygulamayı müşterilere teslim etmeden önce uygulamanın görsel yönlerini olası her konfigürasyonda test etmenin ne kadar önemli olduğunu göstermektedir.
Görsel doğrulama testinin şiddetle tavsiye edildiği bazı alanlar (çünkü markanızı doğrudan etkileyecektir):
- Mobil uygulamalar
- Mobil Web / Duyarlı Web
- Pazarlama siteleri
- İçerik yönetim sistemleri
- Havayolları, seyahat, bankacılık vb. Tüketici sistemleri
Önemi göz önünde bulundurulduğunda, şirketler Görsel test için önemli bir çaba ve para harcamalıdır. Mevcut geliştirici testleriyle birlikte kullanılırsa, geliştirme yaşam döngüsünün ilk aşamalarında görsel sorunları tespit etmenize yardımcı olur.
Görsel Test Yöntemleri ve Süreçleri
Geliştiriciler veya testçiler olarak, genellikle uygulamaların işlevselliğini test etmek için çalışırız. Manuel veya bazı otomatik araçlarla, uygulamanın beklendiği gibi çalışıp çalışmadığını kontrol ederiz. Bu tür işlevsellik testleri, uygulamanın düzgün çalışmasını sağlamak için çok önemlidir.
Bununla birlikte, buna görsel test eklersek, genel testi önemli ölçüde iyileştirecektir. Bu nedenle, bu test genellikle fonksiyonel testlerle birlikte yapılır.
Geniş konfigürasyonlarda uygulamaların görsel olarak test edilmesinin zorluklarını aşmak için birkaç test yöntemi ve süreci vardır. Görsel doğrulama testini desteklemek için birçok araç da mevcuttur.
Genel olarak, görsel doğrulama testi için izlenen iki ana yaklaşım vardır, yani Kod tabanlı ve Yapılandırma tabanlı. Görsel test araçları da bu iki yaklaşıma göre sınıflandırılır.
Manuel veya otomatik bir şekilde yapılabilir. İlgili belirli zorluklar nedeniyle, tamamen manuel veya tam otomatik olamaz. Genel olarak, manuel ve otomatik yaklaşımın bir kombinasyonu tercih edilir.
Aşağıda, genel olarak izlenen 3 farklı Görsel Test Yöntemi verilmiştir.
Takımlar, ihtiyaçlarına bağlı olarak bu seçeneklerden herhangi birini seçebilirler:
# 1) Özel Görsel Testler Oluşturun : Bu, size görsel doğrulama üzerinde tam kontrol sağladığından en çok önerilen yöntemdir. Ayrıca, bu yaklaşımı kullanarak, makul çabalarla testler yazabilirsiniz. Ama evet, testleri sıfırdan yazmanız gerekecek ve biraz zamana ihtiyacı olacak.
# 2) Mevcut İşlevsel Testlere Görsel Kontrol Noktaları Ekleyin: Bu yöntemde, uygulamanın işlevselliğini doğrulamak için zaten testlere sahipsiniz ve sayfaları doğrulamak için bu testlerin arasına yalnızca bazı görsel kontroller eklemiş olursunuz.
Elbette, bu yöntem test kapsamınızı sınırlar, ancak görsel testleri eklemenin hızlı bir yoludur ve mevcut işlevsel test kodundan faydalanır.
# 3) Mevcut Test Çerçevesine Örtük Görsel Doğrulama Ekleme: Bu yöntemin uygulanması çok kolaydır çünkü yalnızca birkaç satır kod gerektirir. Bununla birlikte, bu durumda genel doğrulama da yapabileceğiniz sınırlamasından muzdariptir. Çerçevedeki belirli bileşenleri doğrulayamazsınız.
Devam ederken, Manuel ve Otomatik görsel testi tartışacağız. Ayrıca görsel test araçlarını ve çerçevelerini ayrıntılı olarak kontrol edeceğiz.
Manuel Görsel Test
Yazılım şirketleri, görsel test yapmak için iki seçenekle karşı karşıyadır, yani Manuel test veya Otomatik test. Manuel görsel testi ayrıntılı olarak inceleyelim.
Manuel test yavaş, pahalı ve hataya açık olsa da, arayüz tasarımının sübjektif doğası nedeniyle, her senaryonun doğruluğunu yakalamak için otomatik bir test yapmak genellikle mümkün değildir. Bu nedenle, bazen Manuel ve Otomasyon testi arasında bir denge seçmemiz gerekir.
Ayrıca, bir insan tarafından yapılan manuel testin en büyük avantajlarından biri, testin kapsamı dışında görünebilir. Bir otomasyon testi yalnızca kapsamındaki sorunu yakalayabilir, ancak manuel bir testte, bir insan testçisi diğer kozmetik hataları ve kullanıcı arayüzünde yanlış görünen diğer şeyleri de tespit edebilir.
Manuel testler gerçek hayattaki kullanıcı eylemlerine daha yakın olduğundan, gerçek bir kullanıcı uygulamayla etkileşim kurduğunda genellikle ortaya çıkan düzen hatalarını ve tasarım sorunlarını yakalayabilir.
Kullanıcı arayüzünüz kararsız olduğunda, uygulama geliştirmenin ilk aşamalarında manuel teste gidebilirsiniz. Hızlı yerinde kontrollere ihtiyaç duyduğunuzda geçici testler için de yararlıdır.
Manuel görsel doğrulama testinde, test uzmanı görsel öğelerin görünümünü ve düzenini manuel olarak kontrol etmelidir. Bu, mevcut ekran görüntülerini almayı ve ardından herhangi bir boşluğu belirlemek için bunları temel ekran görüntüleriyle manuel olarak karşılaştırmayı içerebilir.
Manuel test yapmanın bir başka etkili yolu, bir bileşen gezgini kullanmaktır. Bunda, test durumlarını tanımlarsınız, bir durum ve bileşen seçmek için gezgini kullanın ve ekranda kontrol edin. Böyle bir araç, UI bileşenlerini ayrı ayrı geliştirebileceğiniz React Storybook'dur.
Bu yöntem sayesinde, bir test cihazı bir bileşenin manuel testini yapabilir, nasıl işlediğini kontrol edebilir ve iyi çalışıp çalışmadığını görebilir.
Manuel Test Adımları:
- Uygulamaya göz atın ve bilinen iyi temel ekran görüntülerini yakalayın.
- Daha sonraki bir noktada, uygulamanın en son sürümünden başka bir ekran görüntüsü seti alın.
- Şimdi, görsel hataları anlamak için bu ekran görüntülerini (temel ve güncel) manuel olarak karşılaştırın.
Otomatik Görsel Test
Otomatik görsel test, bir kullanıcı arayüzünün amaçlandığı gibi görsel olarak görünüp görünmediğini otomatik olarak doğrulamanın bir yoludur.
Görsel testlerin otomatikleştirilmesinin faydaları, uzun vadeli maliyet verimliliği sunmaları, manuel testlerden daha hızlı olmaları, insan hatalarını ortadan kaldırabildikleri ve piksel açısından mükemmel görsel testler sunabildikleri için daha doğru olmaları, Takımdaki herkes tarafından kolayca ve kolayca erişilebilir.
Otomatik görsel testin bazı sınırlamaları, büyük ön harcamalar olabileceği ve her değişikliği karşılamak için test bakımı için önemli çaba harcamanız gerekmesidir.
Otomasyon testinde, ekran görüntüsü testi yapılmadıkça kapsam daha dardır. Ayrıca, kuruluşlar otomasyon test araçları hakkında bilgi edinmek için zaman ayırdıklarından, dik bir öğrenme eğrisi vardır.
Kararlı bir kullanıcı arayüzünde sıklıkla meydana gelen değişikliklerle başa çıkmak için regresyon görsel testi yapmanız gerekiyorsa, otomasyona gitmek iyi bir seçim olacaktır. Otomatik test, harika bir görsel ekran görüntüsü karşılaştırmasına da yardımcı olur.
Otomatik ekran görüntüsü karşılaştırması, görsel testte büyük ölçüde hassasiyet sunar ve ROI'yi artırır. Otomatik ekran görüntüsü karşılaştırması, insan gözü ve manuel karşılaştırma ile tespit edilmesi imkansız olan hataları yakalayabilir. Karmaşık kullanıcı hikayeleri için uçtan uca testlerde de faydalıdır.
Otomatik test için çok çeşitli açık kaynak ve ticari araçlar mevcuttur.
Aşağıdaki resim, görsel doğrulamanın herhangi bir programlama dili kullanılarak nasıl otomatikleştirilebileceğini göstermektedir:
pl sql röportaj sorusu ve cevapları
(resim kaynak )
Görsel Test Otomasyonunun genel iş akışı aşağıda verilmiştir:
(resim kaynak )
Yukarıdaki iş akışı şemasında gösterildiği gibi, Otomatik Görsel Testte yer alan 4 adım vardır:
Aşama 1 : Bu adımda, uygulamayı ve testi çalıştırmamız ve ekran görüntülerini yakalamamız gerekiyor.
Adım 2 : Bu adımda, otomasyon aracı bu ekran görüntülerini temel ekran görüntüleriyle karşılaştırır. Temel ekran görüntüleri genellikle önceki test çalışmalarında alınmış ve bir test uzmanı tarafından kanıtlanmış görüntülerdir.
Aşama 3: Araç, görüntü karşılaştırmalarının sonuçlarını aldıktan sonra, bulunan tüm farklılıkları vurgulayan bir rapor oluşturur.
Örneğin,Aşağıdaki resim, açısal bir uygulamadaki farklılıkları vurgulayan test otomasyon araçlarından birini göstermektedir:
4. adım : Son adımda, test uzmanı raporu inceler ve her bir farkı, bunun bir hata veya geçerli bir değişiklik (yanlış pozitifler) olup olmadığını kontrol eder. Buna dayanarak, temel görüntüler güncellenir.
İlk test çalıştırması için temel görüntülere sahip olmazsınız. Bu nedenle, ilk çalıştırmada elde edilen görüntüler genellikle kendilerine temel görüntüler olarak kabul edilir. Bir sonraki çalıştırmadan itibaren ekran görüntüleriyle karşılaştırılırlar.
Otomatik Görsel Test İçin En İyi Uygulamalar
- Yanlış pozitifleri görmezden gelebilecek kadar akıllı bir araç seçin. Araç, kenar yumuşatma, piksel ofsetleri vb. İşleyebilmelidir ve bu nedenlerden dolayı testlerinizde başarısız olmaz.
- Test otomasyonu dinamik ve hareketli içeriği işleyebilmelidir.
- Hata oranlarına veya eşik yapılandırmasına güvenmeyin. Önemli olması gereken tek şey, bir insanın bu farkı görüp göremeyeceğidir ve bu, kullanıcı deneyimini etkileyecek mi?
- Otomasyon algoritması, sayfanın yapısını analiz edebilmeli ve mizanpaj karşılaştırmaları yapabilmelidir.
- Tek tek bileşenler yerine tam UI sayfasını doğrulamayı tercih edin. Bu, daha fazla ve daha iyi kapsama alanı sağlayacaktır. Yalnızca belirli bileşenlerin doğrulanması durumunda, beklenmedik hataları gözden kaçırabilirsiniz.
Otomatik Test Araçları ve Görsel Test Çerçeveleri
Bugün piyasada otomatik görsel test için çok çeşitli (neredeyse 30 artı) araç bulunmaktadır. Bu araçlardan bazıları açık kaynak kodluyken bazıları ticari. Bu araçların çoğu aynı şekilde çalışır, ancak hedef kitleye göre farklı bir iş akışı izlerler.
Ön uç geliştiriciler için görsel teste dahil olan iki tür çerçeve vardır. Öncelikle, testleri yazmanıza ve yürütmenize izin veren bir test çalıştırıcısına ihtiyacınız var. İkinci olarak, kullanıcı etkileşimlerini çoğaltmak için bir tarayıcı otomasyon çerçevesine ihtiyacınız var. Bu iki çerçeve birlikte Görsel test kodu olarak adlandırılır.
Bu test çerçevelerinin yardımıyla geliştiriciler, metin yazmak veya düğmelere tıklamak gibi gerçek kullanıcı eylemlerini taklit eden kodu oluşturur. Test kodu, ilgili noktalarda ekran görüntüsü almak için komutlara sahiptir. Test ilk kez yürütüldüğünde, bir başlangıç ekran görüntüsü seti alınır.
Bu ekran görüntüleri, uygulamada herhangi bir değişiklik yapıldığında karşılaştırma için bir temel görevi görür. Temel oluşturulduktan sonra, geliştirici kodu arka planda yürütür. Bir değişiklik bulunduğunda, değişikliğin ekran görüntüsü alınır.
Test koşucusu, bu ekran görüntüsünü o kod alanı için temel ekran görüntüsüyle karşılaştırır. Görüntüler arasında herhangi bir farklılık bulunursa, test başarısız olarak kabul edilir ve görsel hata bildirilir.
Tüm test kodu yürütüldüğünde, otomatik olarak bir rapor oluşturulur. Bu rapor, temel görüntülerden farklı olan tüm ekran görüntüsü görüntülerini kontrol etmek için bir insan testçisi tarafından manuel olarak incelenir. Bazı araçlar, gerçek ve beklenen ekran görüntüsü arasındaki farkı vurgulamak için bir fark görüntüsü oluşturur.
Fark, koddaki bir sorundan kaynaklanıyorsa, geliştirici bu sorunu çözebilir ve kodu yeniden çalıştırabilir. Fark, uygulamanın kullanıcı arayüzündeki gerekli bir değişiklikten kaynaklanıyorsa, geliştirici bu ekran görüntüsünü inceler ve gelecekteki testlerin geçilebilmesi için temel ekran görüntüsünü günceller.
Görsel Test hem ücretsiz hem de ücretli araçları içerir. Araçları ayrıntılı olarak tartışalım.
En İyi Görsel Test Araçlarının Listesi
Kod / Komut Tabanlı Açık Kaynak ve Ücretsiz Araçlar
Aşağıda, açık kaynaklı ve ücretsiz olarak kullanılabilen kod tabanlı görsel doğrulama araçlarının listesi listelenmiştir.
- PhantomCSS (UJ'ler CapserJ'ler)
- FBSnapshotTestCase (XCTest kullanır)
- ikizler burcu (JS DSL kullanır)
- İğne (Python kullanır)
- Rspec Sayfa Regresyonu (Capibara kullanır)
- Pix-Diff (JS ve Açıölçer kullanır)
- Selenyum Görsel Fark (Java ve WD kullanır)
- Vizregress (.NET ve WD kullanır)
- VisualCeption (PHP ve CodeCeption kullanır)
- Spectre (JS DSL kullanır)
Yapılandırma Tabanlı Açık Kaynak ve Ücretsiz Araçlar
Açık kaynaklı ve ücretsiz olarak sunulan konfigürasyona dayalı görsel doğrulama araçları referansınız için aşağıda listelenmiştir:
- BaskstopJS
- dpxdtMake –Depicted
- CSSCritic
- Grunt Photobox
- VIFF
- Yeşil soğan
- cüce cin
- CSS Görsel Testi
- Çek ve Karşılaştır
- Grunt-Vigo
- Galen Çerçevesi
- Otomasyon
Yukarıdaki araçların her birine derinlemesine girmeyeceğiz, ancak en iyilerini kısaca tartışalım.
Phantom CSS görsel doğrulama için en popüler açık kaynaklı araçlardan biridir. 4.768 GitHub yıldızına sahiptir. Otomatik görsel regresyon testi ile size yardımcı olur. Ekran görüntülerini almak için CasperJS'yi kullanır ve bunları Resemble.js kullanarak temel ekran görüntüleriyle karşılaştırır.
(resim kaynak )
Görüntü farklılıklarını RGB piksel farklılıklarına göre oluşturur. Bu araç yalnızca kullanıcı arayüzü tahmin edilebilir olduğunda kullanışlıdır.
FBSnapshotTestCase aynı zamanda bu kategorideki bir diğer popüler araçtır. 880 GitHub yıldızına sahiptir.
Yapılandırılmış bir UIView veya CALayer yakalar ve içeriklerinin anlık görüntüsünü almak için InContext oluşturma adı verilen bir yöntemi kullanır. Bu görüntüyü kaynak kod deponuzda tutulan bir 'referans görüntü' ile eşleştirir ve iki anlık görüntünün eşleşmemesi durumunda testte başarısız olur.
Geri döndürmez JS konfigürasyona dayalı araçlar kategorisinde lider bir araçtır. CSS Eğrilerini yakalar. Zaman içinde DOM ekran görüntülerini eşleştirerek duyarlı Web kullanıcı arayüzünü test edebilen görsel regresyon testi için bir otomasyon aracıdır.
Tarayıcı içi raporlama kullanıcı arayüzü, entegre docker işleme, JUnit raporları, CLI raporları vb. Gibi bazı harika özelliklere sahip, kullanımı kolay bir araçtır.
Galen çerçevesi ayrıca görsel doğrulama testleri için ünlü açık kaynaklı çerçevelerden biridir. Bu aracı kullanarak web uygulamalarının düzenini ve duyarlı tasarımını otomatik bir şekilde test edebilirsiniz.
(resim kaynak )
Bu çerçeve selenyum ızgarasında iyi çalışır.
Şimdi Görsel Test Otomasyonu için kullanılabilen bazı ticari araçları ve çerçeveleri tartışalım!
Ticari Araçlar
# 1) Aletler
Otomatikleştirilmiş görsel test ve görsel regresyon testi için çok popüler ticari çerçevelerden biridir. Bu araç, yapay zeka destekli bir bilişsel vizyon sağlar. Uçtan uca görsel test ve izleme konusunda size yardımcı olmak için yapay zeka kullanır.
Applitools ile, herhangi bir kod yazmadan veya çok az kodla yüzlerce UI bileşenini tüm platformlarda ve konfigürasyonlarda otomatik olarak test edebilirsiniz. 40'tan fazla test çerçevesi ve dil desteği vardır.
Ayrıca görsel test durumlarınızı CI / CD ardışık düzenine kolayca entegre edebileceğiniz DevOps sürecini de destekler. Bu araç aynı zamanda özel görsel raporlar oluşturmanıza da olanak tanır.
Bu çerçeve, Sony, SAP, MasterCard ve PayPal gibi bazı Top şirketler tarafından kullanılmaktadır. Çok olumlu müşteri yorumları da var.
Satıcı, bu çerçevenin üç sürümünü sunar, yani Başlangıç, Kurumsal Genel Bulut ve Kurumsal Özel Bulut. Fiyatlandırma için satıcıyla iletişime geçmeniz gerekecektir.
İnternet sitesi: Aletler
# 2) Crossbrowsertest Görsel Test
Crossbrowsertesting, SmartBear tarafından tüm test süreci için geliştirilmiş bir web test platformudur. Bu araç, görsel testlerin yanı sıra görsel regresyon testini de kapsar.
Bu aracın sağladığı ekran görüntüsü test özelliği, tam sayfa ekran görüntülerini yakalar ve görsel hataları bulmaya ve görsel tutarsızlıkları takip etmeye hızlı bir şekilde yardımcı olur. Bir ekran görüntüsü testi başlatmak için, URL'yi sağlamanız ve bazı tarayıcılar seçmeniz gerekir.
Masaüstü cihazların ve popüler mobil cihazların çoğu için ekran görüntüsü testleri mevcuttur. Masaüstü tarayıcılarda ve mobil yönelimlerde dinamik duyarlı test için tarayıcı çözünürlüğünüzü karıştırıp eşleştirebilirsiniz. Ekran görüntüsü testiniz, her bir yapılandırmanın üç görünümünü, yani Pencereli, Tam Sayfa ve Tam Sayfa kromsuz yakalar.
Test sonuçlarınızı hızlıca filtreleyebilir ve görsel hataları görebilirsiniz. Ayrıca canlı bir teste atlayabilir ve görsel kusurların hatalarını ayıklayabilir veya düzeltebilirsiniz. Bu yazılım tarafından sağlanan yerel bir bağlantı aracı aracılığıyla yerel ve geliştirme ortamlarını test edebilirsiniz.
Görsel regresyon testi için, bir ekran görüntüsü testini başarıyla gerçekleştirdikten sonra, günlük, haftalık veya aylık olarak planlayabilirsiniz. Araç, test sonucu bildirimlerini de gönderecektir.
Bu araç, çeşitli yapılandırmalarda aynı sayfanın otomatik ekran görüntülerini yakalamak için otomatik bir karşılaştırma motoruna sahiptir. Buradan bir temel tarayıcı seçebilir ve ardından vurgulanan düzen farklılıklarını birlikte değerlendirebilirsiniz.
Testinizi daha güçlü hale getirmek için bazı gelişmiş seçenekler de sunar. Bu seçenekler arasında Temel kimlik doğrulama, Oturum açma profili, Selenium komut dosyası, Ekran görüntüsü gecikmesi, E-posta gönder, Sabit öğeleri gizle vb. Bulunur.
Ayrıca Oku = >> Selenium'da ekran görüntüsü nasıl alınır
Bu, ücretli bir araçtır. Bununla birlikte, ücretsiz bir deneme de mevcuttur. Bu aracın Canlı test sürümü size 29 $ / ay, Otomatik test 60 $ / ay ve Sınırsız test 100 $ / ay fiyatlandırılır.
İnternet sitesi: Crossbrowsertesting
# 3) Percy Görsel Test
Percy, otomatik görsel testler için güçlü araçlardan biridir. Görsel testleri entegre etmenize, yürütmenize ve gözden geçirmenize olanak tanır. Entegrasyon, test otomasyon çerçeveleri, CI / CD hizmetleri veya doğrudan uygulamanız aracılığıyla yapılabilir.
Entegrasyonun ardından uygulama ve bileşenler üzerinde gerekli görsel testleri yapmaya başlayabiliriz. Görsel bir test başlatıldığında, Percy aracı, çeşitli tarayıcılar ve duyarlı genişliklerde kullanıcı arayüzü ekran görüntülerini çıkarır. Daha sonra, piksel bazında temel karşılaştırma yapar ve kullanıcı arayüzünüzdeki ilgili görsel değişiklikleri tanımlar.
Ekran görüntüleri oluşturulduktan sonra, herhangi bir görsel sorun olup olmadığını inceleyebilirsiniz.
Bu araç tarafından sağlanan piksel bazında farklılıklar ve duyarlı farklar harika bir görsel kapsam sağlar. Ayrıca, anlık görüntü sabitleme özelliği yanlış pozitifleri en aza indirir.
Bu ücretli bir araçtır. Ancak, ücretsiz bir deneme sürümü de sunuyor. Ücretli sürümlerin üç çeşidi vardır: Essential, Business ve Enterprise. Essential versiyonu 29 $ / ay, Business versiyonu 849 $ / ay olarak fiyatlandırılır ve Enterprise versiyonu ihtiyacınıza göre özel olarak oluşturulur, dolayısıyla fiyatı buna göre değişecektir.
İnternet sitesi: Percy Görsel Test
# 4) Screener.io
Bu, testleri bulutta gerçek zamanlı olarak kaydetmenizi ve yürütmenizi sağlayan otomatik bir test aracıdır. Test akışları, kodlama gerektirmeden kolayca otomatik hale getirilebilir. Farklı platformlardaki kullanıcı arayüzü tutarsızlıklarını otomatik olarak belirler. Ayrıca hikaye kitabı bileşen testini de destekler.
Aynı test çalıştırmasında fonksiyonel test ile birlikte görsel test yapmanızı sağlar ve böylece genel test kapsamını artırır. Screener.io kullanan şirketler arasında Yammer, Microsoft, uber vb. Yer alır.
Bu aracın Başlangıç paketi size yaklaşık 249 $ / ay, Perform paketi 499 $ / ay fiyatlandırılır ve Enterprise paketi gereksinimlerinize göre özel fiyatlandırmaya sahiptir.
İnternet sitesi: Screener.io
android için iyi mp3 indirici uygulaması
# 5) son test
endtest, makine öğrenimi yardımıyla kodsuz otomasyon testini destekleyen bir UI test platformudur. Otomatikleştirilmiş testleri hızlı bir şekilde oluşturmanıza, bunları doğrudan bulutta depolamanıza ve yürütmenize olanak tanır. Ayrıca testleri kaydedebileceğiniz bir krom uzantısına da sahiptirler.
Bu araç, rastgele test verileri oluşturma, gelişmiş onaylama, otomatik yedeklemeler, coğrafi konum, canlı videolar, ekran görüntüsü karşılaştırması vb. Gibi birçok özelliğe sahiptir.
İnternet sitesi: son test
Sonuç
Bu eğiticide, yazılım uygulamasının ekran boyutlarının, mobil cihazların, işletim sistemlerinin, ekran çözünürlüklerinin vb. Birden çok konfigürasyonunda iyi çalışması gereken günümüz senaryosunda görsel doğrulama testinin ne kadar önemli olduğunu tartıştık.
İyi bir kullanıcı deneyimi istiyorsanız, görsel doğrulama testi, fonksiyonel test kadar önemlidir. Görsel test ve Fonksiyonel test, birleştirildiğinde geniş test kapsamı sağlayabilir.
Görsel doğrulama testleri için çok çeşitli açık kaynaklı ve ticari araçlar ve çerçeveler mevcuttur. Bu eğitimde en iyi araçlardan bazılarını tartıştık. Bu araçlar, Otomatik Görsel Test ve Görsel Regresyon Testi konusunda size gerçekten yardımcı olabilir.
Mutlu Okumalar!
Önerilen Kaynaklar
- En İyi Yazılım Test Araçları 2021 (QA Test Otomasyon Araçları)
- Alfa Testi ve Beta Testi (Tam Kılavuz)
- Doğrulama Testi Nihai Kılavuz
- Android Uygulamalarını Test Etmek İçin En İyi 11 Otomasyon Aracı (Android Uygulama Test Araçları)
- Ağ Güvenliği Testi ve En İyi Ağ Güvenliği Araçları
- Fonksiyonel Test ve Fonksiyonel Olmayan Test
- Primer e-Kitap İndirmeyi Test Etme
- Birim Testi, Entegrasyon Testi ve İşlevsel Test Arasındaki Farklar