Praktyczna lista kontrolna testów międzyprzeglądarkowych

Układ może wyglądać idealnie w Chrome, ale rozpaść się na budżetowym telefonie z Androidem lub starym laptopie przy 125% powiększeniu.

Nie traktuj testowania jako nieokreślonego, końcowego etapu. Traktuj je jako powtarzalną listę kontrolną.

Testowanie każdego urządzenia i każdej przeglądarki to strata czasu. Zamiast tego potrzebujesz zwięzłej macierzy.

Wybierz te niezbędne elementy:

  • Jedna przeglądarka Chromium na komputerze stacjonarnym
  • Jedno środowisko Safari
  • Jedno środowisko Firefox
  • Jeden telefon z Androidem
  • Jeden iPhone

Dopasuj testy do sposobu, w jaki ludzie faktycznie korzystają z Twojego produktu. Strona nie musi wyglądać identycznie wszędzie. Musi pozostać użyteczna, czytelna i stabilna.

Trzymaj listę kontrolną krótko. Jeśli jej wykonanie zajmuje pół dnia, Twój zespół ją pominie. Lepiej sprawdzić wszystko w godzinę.

Zacznij od struktury:

  • Sprawdź stronę główną, podstrony z treścią i formularze.
  • Zmieniaj rozmiar okna od szerokiego ekranu desktopowego do wąskich szerokości mobilnych.
  • Powiększ widok, aby sprawdzić, czy przyciski nie zawijają się do nowej linii lub czy nagłówki nie są ucinane.
  • Zwróć uwagę na przewijanie poziome lub przyklejone nagłówki (sticky headers), które zasłaniają treść.

Następnie przetestuj interakcje:

  • Przewiń stronę od góry do dołu.
  • Otwórz menu i wywołaj okna modalne.
  • Przeglądaj stronę za pomocą klawisza Tab.
  • Przetestuj formularze zawierające pola tekstowe, selektory daty i przesyłanie plików.
  • Sprawdź, czy autouzupełnianie nie psuje układu.

Przetestuj komponenty JavaScript:

  • Sprawdź akordeony, karty (tabs) i sugestie wyszukiwania.
  • Zwróć uwagę na problemy z czasem (timing issues), w których skrypt nie przypisuje się poprawnie do przycisku.
  • Przetestuj odświeżanie strony i działanie przycisku „wstecz”.

Na koniec przeprowadź testy obciążeniowe granic:

  • Ogranicz prędkość sieci (throttling).
  • Wyłącz pamięć podręczną (cache).
  • Użyj długich ciągów znaków w polach wejściowych.
  • Sprawdź, jak duże tabele lub duża liczba kart wpływają na układ.

Najlepsza lista kontrolna jest nudna. Powinna pasować do Twojego procesu wydawniczego za pomocą prostych pól „zaliczono” lub „niezaliczono”.

Za każdym razem, gdy błąd trafi na produkcję, dodaj go do swojej listy. Lista kontrolna zyskuje na wartości, gdy pamięta o tym, o czym zapomniał Twój zespół.

Źródło: https://dev.to/graceholloway_/a-practical-cross-browser-testing-checklist-1p6a