javascript-testing-patterns
Escribir pruebas JavaScript con Jest y Vitest
متاح أيضًا من: sickn33
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.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "javascript-testing-patterns". Escribir pruebas para un servicio de usuario que crea, actualiza y elimina usuarios
النتيجة المتوقعة:
- 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
استخدام "javascript-testing-patterns". Crear una prueba para un servicio de API que obtiene datos de un endpoint externo
النتيجة المتوقعة:
- 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
استخدام "javascript-testing-patterns". Escribir una prueba de componente de React para un formulario con entrada de usuario y envío
النتيجة المتوقعة:
- 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
التدقيق الأمني
آمنThis 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.
عوامل الخطر
🌐 الوصول إلى الشبكة (33)
⚙️ الأوامر الخارجية (43)
📁 الوصول إلى نظام الملفات (9)
🔑 متغيرات البيئة (8)
درجة الجودة
ماذا يمكنك بناءه
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.
جرّب هذه الموجهات
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.
أفضل الممارسات
- 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 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