javascript-testing-patterns
Escribir pruebas JavaScript con Jest y Vitest
Escribir pruebas confiables para aplicaciones JavaScript y TypeScript consume tiempo y es propenso a errores. Esta habilidad proporciona patrones de prueba listos para usar para pruebas unitarias, pruebas de integración y pruebas de componentes con mocking, fixtures y flujos de trabajo TDD.
Descargar el ZIP de la skill
Subir en Claude
Ve a Configuración → Capacidades → Skills → Subir skill
Activa y empieza a usar
Pruébalo
Usando "javascript-testing-patterns". Escribir pruebas para un servicio de usuario que crea, actualiza y elimina usuarios
Resultado esperado:
- Creado UserService con operaciones CRUD
- Probado método create() - caso de éxito y error de usuario duplicado
- Probado método update() - caso de éxito y error de usuario no encontrado
- Probado método delete() - eliminación exitosa y usuario no existente
- Usado beforeEach para reiniciar estado del servicio entre pruebas
- Añadido aserciones comprehensivas para todos los casos límite
Usando "javascript-testing-patterns". Crear una prueba para un servicio de API que obtiene datos de un endpoint externo
Resultado esperado:
- Configurado ApiService con métodos fetchUser y createUser
- Hecho mock de global.fetch con vi.fn() para pruebas aisladas
- Probada obtención exitosa de usuario con respuesta mock
- Probado manejo de errores para llamadas a API fallidas
- Verificados métodos HTTP correctos y cuerpos de solicitud
Usando "javascript-testing-patterns". Escribir una prueba de componente de React para un formulario con entrada de usuario y envío
Resultado esperado:
- Renderizado componente UserForm con Testing Library
- Probado renderizado de campos de entrada y actualizaciones de estado
- Verificado que callback onSubmit se dispara con datos correctos
- Usado fireEvent para simular interacciones de usuario
- Añadido atributos testid para selección confiable de elementos
Auditoría de seguridad
SeguroThis is a documentation-only skill containing testing pattern examples. The static analyzer flagged 153 patterns, but ALL are FALSE POSITIVEs: weak crypto alerts are triggered by test fixture strings (hashed_password), backtick alerts are TypeScript template literals, path traversal alerts are relative import paths in test code, and the critical heuristic is an invalid combination of benign testing patterns. The previous audit correctly classified this as SAFE.
Factores de riesgo
🌐 Acceso a red (33)
⚙️ Comandos externos (43)
📁 Acceso al sistema de archivos (9)
🔑 Variables de entorno (8)
Puntuación de calidad
Lo que puedes crear
Probar componentes de React
Escribir pruebas de componentes con React Testing Library para verificar el comportamiento de la interfaz de usuario y las interacciones del usuario.
Probar endpoints de API
Crear pruebas de integración para APIs REST con fixtures de base de datos y flujos de autenticación.
Implementar flujo de trabajo TDD
Seguir patrones de desarrollo guiado por pruebas para construir funciones y servicios confiables con alta cobertura.
Prueba estos prompts
Escribir pruebas unitarias para esta función que cubran casos normales, casos límite y condiciones de error.
Crear pruebas para este servicio que haga mock de llamadas a APIs externas usando vi.mock o jest.mock.
Escribir pruebas de componentes usando @testing-library/react que prueben interacciones de usuario y renderizado.
Crear pruebas de integración para este endpoint de API REST incluyendo autenticación y limpieza de base de datos.
Mejores prácticas
- Usar el patrón AAA: Organizar entradas, Actuar sobre la función, Afirmar resultados esperados
- Hacer mock de dependencias externas para mantener las pruebas rápidas y aisladas de servicios reales
- Probar comportamiento, no detalles de implementación, para hacer las pruebas resistentes a refactorizaciones
Evitar
- Evitar probar detalles de implementación que cambian frecuentemente
- No escribir pruebas que dependan del orden de ejecución o estado compartido
- No omitir el mock de servicios externos lentos en pruebas unitarias