Görsel Test - UI Testing Inspector

Yanlış alarm vermeyen görsel regresyon testi. Sayfanızı referansla karşılaştırır, dinamik içeriği yok sayar. %100 yerel çalışır.

Görsel regresyonları bulan bir uzantı. Yalnızca gerçek değişiklikleri gösterir, gerisi hakkında sessiz kalır. Sayfanızın referans halini (baseline) alın. Değişikliklerinizi yapın. "Compare" düğmesine tıklayın. Rapor yalnızca gerçekten değişeni gösterir. Rapor neden temiz kalır 🔸 Uzantı sayfanızı bir referansla karşılaştırır. Tasarımın zaten bir parçası olan çakışmalar hata sayılmaz. 🔸 Karuseller, bannerlar, sayaçlar ve reklamlar otomatik olarak tespit edilip hariç tutulur. Ayar yapmanıza gerek yok. 🔸 Gerçek web sitelerinde test edildi. Piksel araçlarının binlerce yanlış uyarısı burada sıfıra iner. Gizlilik Ekran görüntüleri ve veriler bilgisayarınızdan asla çıkmaz. Bulut yok, hesap yok, abonelik yok. Raporda neler var 🔸 Tek satırlık bir sonuç. Sayfanın sorunsuz olup olmadığını hemen görürsünüz. 🔸 Sade dille yazılmış bulgular. Örneğin "bir blok bir düğmenin üzerine biniyor". Her bulgu, kırpılmış bir ekran görüntüsü ve vurguyla birlikte gelir. 🔸 Metin değişiklikleri. Önce ve sonra, değişen kelimeler vurgulanmış halde. 🔸 Referansı mevcut sürümle karşılaştırmak için bir kaydırıcı, artı bir fark haritası. 🔸 Raporu tüm ekran görüntüleriyle birlikte tek bir dosya olarak dışa aktarın. Müşterinize veya ekip arkadaşınıza gönderin. Uzantı olmadan da açılır. Duyarlı tasarım denetimi 📱 Sayfanızı 320, 768, 1024, 1440 px genişliklerinde veya kendi belirlediğiniz genişliklerde kontrol edin. Rapor, düzenin nerede bozulduğunu gösterir ve her boyut için bir ekran görüntüsü içerir. Ayrıca şunları da yapar 🔸 Sayfanın tamamını, ekranın altında kalan kısım dahil, yakalar 🔸 Kırpılmış metinleri ve kapsayıcısının dışına taşan blokları fark eder 🔸 Açıklaması olmayan görseller gibi erişilebilirlik sorunlarını işaretler 🔸 Son 10 raporunuzu saklar. Herhangi birini istediğiniz zaman yeniden açabilirsiniz Nasıl çalışır 1️⃣ Sayfanızı açın ve bir referans alın 2️⃣ Kodunuzu ve içeriğinizi değiştirin 3️⃣ "Compare with baseline" (Referansla karşılaştır) düğmesine tıklayın. Rapor yeni bir sekmede açılır 4️⃣ Yeni sürümden memnun musunuz? Referansı tek tıkla güncelleyin Kimler için ➡️ Frontend geliştiriciler. Commit'ten önce regresyonları yakalayın ➡️ QA mühendisleri. CI veya kurulum gerektirmeyen görsel kontroller ➡️ Serbest çalışanlar ve ajanslar. Müşterilere tek dosyalık bir rapor gönderin ➡️ Tasarımcılar. Uygulamayı maketle hızlıca karşılaştırın Sorular ve cevaplar ❓ Karuseller, reklamlar ve saatler ne olacak? 💬 Uzantı dinamik içeriği otomatik olarak bulur ve karşılaştırma dışında tutar. ❓ Verilerim güvende mi? 💬 Evet. Her şey yalnızca tarayıcınızda saklanır ve işlenir. ❓ localhost üzerinde çalışır mı? 💬 Evet. Yerel geliştirme için oldukça uygundur. ❓ Hesap veya kurulum gerekir mi? 💬 Hayır. Uzantıyı kurun ve düğmeye tıklayın.