Pratik Bir Tarayıcılar Arası Test Kontrol Listesi

Bir düzen Chrome'da kusursuz görünebilir ancak düşük bütçeli bir Android telefonda veya %125 yakınlaştırma ayarlı eski bir dizüstü bilgisayarda bozulabilir.

Testi belirsiz bir son adım olarak görmeyin. Onu tekrarlanabilir bir kontrol listesi olarak ele alın.

Her cihazı ve her tarayıcıyı test etmek zaman kaybıdır. Bunun yerine yalın bir matrise ihtiyacınız var.

Şu temel unsurları seçin:

  • Masaüstünde bir Chromium tarayıcı
  • 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 kurgulayın. Bir sayfanın her yerde tıpatıp aynı görünmesine gerek yoktur. Kullanılabilir, okunabilir ve kararlı kalması yeterlidir.

Kontrol listenizi kısa tutun. Eğer uygulanması yarım gün sürüyorsa, ekibiniz bunu atlayacaktır. Bir saatlik bir tarama daha iyidir.

Yapı ile başlayın:

  • Ana sayfayı, içerik sayfalarını ve formları inceleyin.
  • Geniş masaüstü ekranlarından dar mobil genişliklere kadar yeniden boyutlandırın.
  • Butonların alt satıra kayıp kaymadığını veya başlıkların kesilip kesilmediğini kontrol etmek için yakınlaştırın.
  • Yatay kaydırma veya içeriği kapatan yapışkan (sticky) başlıklar olup olmadığını gözlemleyin.

Ardından etkileşimleri test edin:

  • Yukarıdan aşağıya kaydırın.
  • Menüleri açın ve modal pencereleri tetikleyin.
  • Klavye kullanarak sayfa üzerinde "tab" tuşuyla ilerleyin.
  • Metin girişleri, tarih seçiciler ve dosya yüklemeleri içeren formları test edin.
  • Otomatik doldurmanın düzeninizi bozup bozmadığını kontrol edin.

JavaScript bileşenlerini test edin:

  • Akordiyonları, sekmeleri ve arama önerilerini kontrol edin.
  • Bir betiğin (script) bir butona bağlanamadığı zamanlama sorunlarına dikkat edin.
  • Sayfa yenilemelerini ve geri butonu davranışlarını test edin.

Son olarak, sınırları zorlayın (stres testi yapın):

  • Ağ hızınızı sınırlayın (throttle).
  • Önbelleğinizi devre dışı bırakın.
  • Giriş alanlarında uzun metin dizileri kullanın.
  • Büyük tabloların veya çok sayıda kartın düzeni nasıl etkilediğini kontrol edin.

En iyi kontrol listesi sıkıcı olandır. Basit "geçti" veya "kaldı" kutucuklarıyla yayın sürecinize dahil olabilmelidir.

Canlı ortama (production) her hata sızdığında, onu listenize ekleyin. Bir kontrol listesi, ekibinizin unuttuklarını hatırlattığında değer kazanır.

Kaynak: https://dev.to/graceholloway_/a-practical-cross-browser-testing-checklist-1p6a