Generador de Configuración de Jest

Salida de ejemplo: proyecto React + TypeScript

module.exports = {
  preset: "ts-jest",
  testEnvironment: "jsdom",
  setupFilesAfterEach: ["<rootDir>/jest.setup.ts"],
  moduleNameMapper: {
    "\\.(css|less|scss|sass)$": "identity-obj-proxy",
    "\\.(jpg|jpeg|png|gif|svg)$": "<rootDir>/__mocks__/fileMock.js",
    "^@/(.*)$": "<rootDir>/src/$1"
  },
  testPathIgnorePatterns: ["/node_modules/", "/dist/", "/build/"],
  transform: {
    "^.+\\.tsx?$": ["ts-jest", { tsconfig: "tsconfig.test.json" }]
  },
  collectCoverageFrom: [
    "src/**/*.{ts,tsx}",
    "!src/**/*.d.ts",
    "!src/**/*.stories.*"
  ],
  coverageThreshold: {
    global: { branches: 80, functions: 80, lines: 85, statements: 85 }
  }
};

Guía de decisiones: ¿qué entorno?

Hoja de trucos de transformadores

Umbrales de cobertura: ¿qué números?

• Ruta crítica / bibliotecas: 90%+ líneas, 85%+ ramas.
• Equipos de características: 80% líneas, 70% ramas.
• UI en cambio rápido: 60-70% líneas; apunta más alto para lógica de negocio, más bajo para diseño.
• Prototipos: desactiva los umbrales por completo; rastrea la cobertura como un número, no como una puerta.

Errores comunes

• Usar jsdom para código de Node puro. Pruebas más lentas y nada ganado, cambia a node.
• Falta transformIgnorePatterns para paquetes ESM. Los paquetes modernos se envían solo en ESM; Jest necesita ser informado para transformarlos.
• Simular imágenes / CSS sin un mapeador. Importa un .png en una prueba y Jest falla sin un módulo simulado.
• Configurar clearMocks en falso. Las simulaciones se filtran entre pruebas y los fallos se vuelven no determinísticos. Actívalo por defecto.