testing-patterns
Escribe Mejores Tests de Jest
También disponible en: 0xDarkMatter,0xDarkMatter,ChrisWiles,CleanExpo
Esta habilidad proporciona patrones de testing con Jest listos para usar, incluyendo funciones factory, utilidades de renderizado personalizado y estrategias de mocking que ayudan a los desarrolladores a escribir tests mantenibles y DRY siguiendo principios 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 "testing-patterns". Crea una función factory para datos de usuario
Resultado esperado:
```typescript
interface User {
id: string;
name: string;
email: string;
role: 'admin' | 'user';
}
const getMockUser = (overrides?: Partial<User>): User => ({
id: '123',
name: 'John Doe',
email: 'john@example.com',
role: 'user',
...overrides,
});
```
Usando "testing-patterns". Muéstrame una función de renderizado personalizado
Resultado esperado:
```typescript
export const renderWithTheme = (ui: React.ReactElement) => {
return render(
<ThemeProvider>{ui}</ThemeProvider>
);
};
```
Usando "testing-patterns". ¿Cómo debería estructurar mis tests?
Resultado esperado:
Usa bloques describe para agrupar tests relacionados: describe('ComponentName', () => { describe('Rendering', () => {...}); describe('User interactions', () => {...}); describe('Edge cases', () => {...}); });
Auditoría de seguridad
SeguroSecurity review completed. All 42 static findings are false positives triggered by the static analyzer misinterpreting: (1) markdown code formatting backticks as shell commands, (2) TypeScript generics like Partial<X> as cryptographic patterns, and (3) the word 'APIs' as network reconnaissance. The skill is legitimate Jest testing documentation with no security concerns.
Puntuación de calidad
Lo que puedes crear
Configurando infraestructura de tests
Crear funciones de renderizado personalizado y utilidades factory que envuelvan componentes con providers requeridos como ThemeProvider, reduciendo código repetitivo en cada test.
Escribiendo tests unitarios mantenibles
Usar funciones factory para generar datos de test consistentes, haciendo los tests más fáciles de leer, mantener y actualizar cuando cambian las estructuras de datos.
Siguiendo metodología TDD
Aplicar el ciclo red-green-refactor escribiendo tests fallidos primero, luego implementando código mínimo para pasar, asegurando que los tests guíen el desarrollo.
Prueba estos prompts
Ayúdame a configurar un archivo de test básico para un componente React. Muéstrame cómo crear una función de renderizado personalizado que envuelva el componente con un ThemeProvider.
Crea una función factory llamada getMockUser que devuelva un objeto usuario con valores por defecto para id, name, email y role. Muestra cómo sobrescribir propiedades específicas usando el tipo Partial.
Muéstrame cómo mockear un módulo como 'utils/analytics' en Jest. Incluye cómo acceder al mock en el test y cómo mockear valores de retorno.
Guíame a través del flujo de trabajo TDD para añadir una nueva funcionalidad. Comienza escribiendo un test fallido, luego muestra la implementación mínima para pasarlo.
Mejores prácticas
- Usa siempre funciones factory para props y datos para mantener los tests DRY y consistentes
- Testea el comportamiento a través de la API pública en lugar de detalles de implementación
- Usa nombres de tests descriptivos que expliquen qué comportamiento se está testeando
Evitar
- Evita testear el comportamiento del mock en lugar del comportamiento real del componente
- No dupliques datos de test entre tests - usa funciones factory en su lugar
- Evita testear detalles de implementación que pueden cambiar con refactorizaciones