En 2022 comencé mi migración a Mastodon y a la plataforma Activity Pub. Al integrarme en la comunidad aprendí la importancia de la accesibilidad y de añadir texto alternativo a cada imagen para mejorar la experiencia de quienes usan lectores de pantalla. Personalmente me frustraban las fotos de documentos a página completa que son difíciles de leer en una ventana de móvil.
Actualmente estoy muy activo en PixelFed y disfruto publicando fotos y viendo las de los demás. A veces soy perezoso y no quiero escribir el texto alt desde el teléfono. Antes usaba un bot que generaba descripciones con IA pero dejó de funcionar por cambios en GDPR. Por eso desarrollé un pequeño proyecto para rellenar los alt faltantes en mi cuenta de PixelFed: una aplicación Flask que genera descripciones con llava 7b ejecutándose en un servidor Ollama local. Empecé probando prompts en asistentes de chat y luego usé herramientas como Amazon Q para pulirlos.
Al adoptar Kiro como marco de trabajo para desarrollo guiado por especificaciones mi script creció de unas pocas líneas a un sistema complejo. En el proceso surgieron muchos problemas de frontend, especialmente errores en la consola JavaScript y desajustes de tokens CSRF. Para depurarlos encargué a Kiro la generación de tests con Playwright y la integración con el MCP server de Playwright para poder reproducir visualmente los fallos y revisar tanto la consola como los logs de la aplicación. La instalación del MCP server es sencilla y permite autorizar acciones comunes para que las pruebas puedan interactuar con el navegador en modo visual.
Resumen de buenas prácticas al usar Playwright para localizar errores de consola JS y problemas CSRF: siempre establecer timeouts razonables para evitar falsos negativos; ejecutar pruebas en modo no headless para depuración visual y usar WebKit como navegador principal cuando se requiere compatibilidad con Safari; preferir waitUntil domcontentloaded en las navegaciones en entornos con WebSockets; evitar page.evaluate para limpieza de almacenamiento por motivos de seguridad y en su lugar usar context.clearCookies y APIs compatibles; asegurarse de limpiar sesión y estado entre pruebas para evitar interferencias; capturar mensajes de consola en tiempo real para detectar errores JavaScript, avisos de CORS o mensajes AJAX; y comprobar que los formularios contienen los tokens CSRF esperados antes de simular envíos.
Para probar formularios AJAX conviene interactuar con elementos directamente, esperar la finalización de las operaciones con esperas explícitas o con la aparición de selectores, y verificar respuestas de éxito mediante mensajes en consola o cambios en la interfaz. En caso de recargas tras envíos AJAX adaptar los timeouts y comprobar el estado de la página o la URL para confirmar que la acción se completó. Además es importante probar en varios navegadores y añadir capturas de pantalla y logs cuando se ejecuta en modo debug para facilitar el diagnóstico.
En Q2BSTUDIO somos una empresa de desarrollo de software que ofrece soluciones integrales: aplicaciones a medida y software a medida diseñados para resolver necesidades concretas, servicios de inteligencia artificial e ia para empresas que incluyen agentes IA personalizados, soluciones de ciberseguridad y pentesting para proteger sus sistemas, y despliegues y migraciones en servicios cloud aws y azure. También trabajamos servicios inteligencia de negocio y power bi para transformar datos en decisiones, y automatización de procesos para optimizar operaciones. Si necesita una plataforma que incluya testing automatizado con Playwright, pipelines de CI que detecten errores en la consola JS o auditorías de seguridad CSRF, podemos ayudarle. Conozca nuestras soluciones de desarrollo de aplicaciones en desarrollo de aplicaciones y software multiplataforma y descubra nuestros servicios de inteligencia artificial en soluciones de inteligencia artificial para empresas.
Si desea que revisemos su flujo de pruebas Playwright, que integremos un MCP server para depuración visual o que realicemos una auditoría de seguridad y accesibilidad, en Q2BSTUDIO ofrecemos consultoría y ejecución completa para que su aplicación pase de errores intermitentes en la consola JavaScript a una experiencia estable, segura y accesible.