Daftar Periksa Pengujian Lintas-Browser yang Praktis

Tata letak mungkin terlihat sempurna di Chrome, tetapi bisa berantakan di ponsel Android murah atau laptop lama dengan zoom 125%.

Jangan menganggap pengujian sebagai langkah akhir yang samar. Perlakukan pengujian sebagai daftar periksa yang dapat diulang.

Menguji setiap perangkat dan setiap browser membuang-buang waktu. Sebaliknya, Anda memerlukan matriks yang ramping.

Pilih hal-hal esensial berikut:

  • Satu browser Chromium di desktop
  • Satu lingkungan Safari
  • Satu lingkungan Firefox
  • Satu ponsel Android
  • Satu iPhone

Sesuaikan pengujian Anda dengan cara orang benar-benar menggunakan produk Anda. Sebuah halaman tidak perlu terlihat identik di mana pun. Halaman tersebut harus tetap dapat digunakan, terbaca, dan stabil.

Jaga agar daftar periksa Anda tetap singkat. Jika membutuhkan waktu setengah hari untuk dijalankan, tim Anda akan melewatkannya. Pemeriksaan cepat selama satu jam lebih baik.

Mulailah dengan struktur:

  • Periksa beranda, halaman konten, dan formulir.
  • Ubah ukuran dari desktop yang lebar ke lebar seluler yang sempit.
  • Perbesar (zoom in) untuk memeriksa apakah ada tombol yang terbungkus (wrapped) atau judul yang terpotong (clipped).
  • Perhatikan adanya pengguliran horizontal atau header yang menempel (sticky) yang menutupi konten.

Selanjutnya, uji interaksinya:

  • Gulir dari atas ke bawah.
  • Buka menu dan picu modal.
  • Gunakan tombol Tab untuk menelusuri halaman menggunakan keyboard.
  • Uji formulir dengan input teks, pemilih tanggal (date picker), dan unggahan file.
  • Periksa apakah fitur pengisian otomatis (autofill) merusak tata letak Anda.

Uji komponen JavaScript:

  • Periksa akordeon, tab, dan saran pencarian.
  • Perhatikan masalah waktu (timing issues) di mana skrip gagal menempel pada tombol.
  • Uji pemuatan ulang halaman dan perilaku tombol kembali (back-button).

Terakhir, lakukan uji beban (stress test) pada batas-batasnya:

  • Batasi (throttle) kecepatan jaringan Anda.
  • Nonaktifkan cache Anda.
  • Gunakan string teks yang panjang pada kolom input.
  • Periksa bagaimana tabel besar atau banyak kartu memengaruhi tata letak.

Daftar periksa terbaik adalah yang membosankan. Daftar tersebut harus dapat masuk ke dalam proses rilis Anda dengan kotak centang lulus atau gagal yang sederhana.

Setiap kali ada bug yang lolos ke produksi, tambahkan ke daftar Anda. Sebuah daftar periksa memberikan nilainya ketika ia mengingat apa yang dilupakan oleh tim Anda.

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