Fixtures, factories y handlers de MSW: organiza escenarios de test escalables
Una estructura práctica para separar datos de prueba, variaciones y respuestas HTTP con Vitest, MSW y TypeScript en aplicaciones Vue 3.
Ideas y aprendizajes
Notas prácticas sobre frontend, arquitectura, calidad y las decisiones que hacen avanzar a los equipos.
Una estructura práctica para separar datos de prueba, variaciones y respuestas HTTP con Vitest, MSW y TypeScript en aplicaciones Vue 3.
Cómo escribir tests de componentes Vue 3 centrados en comportamiento observable, consultas accesibles e interacciones de usuario para refactorizar con confianza.
Así utilizo ChatGPT, Linear, Codex y agentes especializados para convertir ideas de mis side projects en funcionalidades planificadas, implementadas, probadas y revisadas visualmente.
Caso práctico de una plataforma de formularios con Vite Module Federation: configuración por entorno, pruebas con MSW y quality gates para cuatro aplicaciones.
Qué aporta Awesome Copilot MCP, cómo configurarlo en VS Code y cómo usar sus instrucciones, prompts y agentes para mejorar revisiones, tests y documentación.
Cómo separar una aplicación de recomendaciones y una plataforma editorial automatizada, compartir servicios y usar IA con controles técnicos y revisión humana.
Cómo centralizar mocks HTTP con Mock Service Worker en una aplicación Vue 3 para reutilizarlos en desarrollo local, tests con Vitest y Storybook sin duplicar contratos.
Seis decisiones prácticas para acelerar tests de Vue con Vitest y Testing Library, evitando optimizaciones que vuelven la suite menos fiable.
Cómo conectar Sentry MCP en VSCode para resumir errores, detectar APIs con mayor impacto y priorizar correcciones sin salir del editor.