Pratik Bir Tarayıcılar Arası Test Kontrol Listesi
Bir düzen bir tarayıcıda kusursuz görünebilirken bir başkasında bozulabilir. Dar ekranlı uygun fiyatlı bir Android telefon veya %125 yakınlaştırma ayarlı eski bir dizüstü bilgisayar tasarımınızı mahvedebilir.
Testi belirsiz bir son kontrol aşaması olarak görmeyin. Onu belirli bir kontrol listesi olarak ele alın.
Yüksek riskli alanlara odaklanın:
- Formlar ve giriş alanları
- Navigasyon menüleri
- Düzen kaymaları (Layout shifts)
- Yazı tipi yüklemeleri
- JavaScript etkileşimleri
Her bir tarayıcıyı test etmeye çalışmayı bırakın. Bu zaman kaybıdır. Bunun yerine yalın bir matris kullanın:
- Masaüstünde bir Chromium tarayıcısı
- Bir Safari ortamı
- Bir Firefox ortamı
- Bir Android telefon
- Bir iPhone
Testlerinizi insanların ürününüzü gerçekte nasıl kullandığına göre planlayın. Bir sayfanın her yerde tıpatıp aynı görünmesine gerek yoktur. Kullanılabilir, okunabilir ve kararlı olması yeterlidir.
Kontrol listeniz şunları içermelidir:
- Tarayıcı ve İşletim Sistemi (OS)
- Viewport genişliği
- Yakınlaştırma seviyesi
- Belirli kullanıcı akışları
Listeyi kısa tutun. Eğer bir test yarım gün sürüyorsa, ekibiniz onu atlayacaktır. İyi bir tarama bir saatten kısa sürmelidir.
Yapı ile başlayın. Ana sayfanızı, içerik sayfalarınızı ve formlarınızı kontrol edin. Pencerenizi masaüstü genişliğinden mobil genişliğe getirin. Yakınlaştırın. Şu sorunlara dikkat edin:
- Garip şekilde alt satıra geçen butonlar
- Kesilen başlıklar
- Yatay kaydırma (Horizontal scrolling)
- İçeriği kapatan yapışkan üstbilgiler (Sticky headers)
- Önemli kontrolleri gizleyen modal pencereler
Ardından etkileşimleri test edin. Tarayıcılar formları farklı şekilde işler. Metin girişlerini, şifre yöneticilerini, tarih seçicileri ve dosya yüklemelerini test edin. Otomatik doldurmanın düzeninizi nasıl etkilediğini kontrol edin.
Sekmeler, akordeonlar ve arama önerileri gibi JavaScript ağırlıklı bileşenleri test edin. Bir sayfa konsolda hiç hata göstermeyebilir ancak yine de bozuk bir butona sahip olabilir.
Son olarak, sitenizi stres testine tabi tutun:
- Ağ hızınızı sınırlayın (throttle)
- Önbelleğinizi (cache) devre dışı bırakın
- Giriş alanlarında çok uzun metinler kullanın
- Taşmaları (overflow) kontrol etmek için normalden daha fazla öğe yükleyin
En iyi kontrol listesi sıkıcı olandır. Basit bir "geçti" veya "kaldı" listesi olmalıdır. Her sürüm yayınladığınızda bunu kullanın. Üretim ortamına (production) bir hata sızdığında, o spesifik hatayı kontrol listenize ekleyin.
Bir kontrol listesi, yalnızca ekibinizin unuttuklarını hatırlatıyorsa kullanışlıdır.
Kaynak: https://dev.to/graceholloway_/a-practical-cross-browser-testing-checklist-1p6a