Configuración de Vitest/Jest para TS
Instale y configure Vitest o Jest para proyectos de TypeScript; escriba una prueba pequeña y ejecútela.
Configuración de Vitest/Jest para TS es una lección gratuita de TypeScript Academy en CoddyKit. Esta es la lección 1 de 3. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de TypeScript Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de TypeScript Academy incluye 3 lecciones en total.
Introducción
Objetivo: Configure Vitest o Jest para TypeScript. Instalará las dependencias, añadirá una configuración, escribirá una prueba pequeña y la ejecutará.
Instalar Vitest
Vitest es nativo de Vite: se inicia rápidamente, prioriza ESM y ofrece una excelente experiencia de desarrollo. Instálelo junto con @types/node para disponer de los globales.
npm install --save-dev vitest @vitest/ui @types/nodeEjemplo de Vitest
Añada vitest.config.ts, escriba una prueba pequeña y ejecútela con npx vitest o con un script npm test.
// vitest.config.ts
import { defineConfig } from "vitest/config";
export default defineConfig({
test: { globals: true }
});
// src/sum.ts
export const sum = (a: number, b: number) => a + b;
// src/sum.test.ts
import { sum } from "./sum";
import { describe, expect, it } from "vitest";
describe("sum", () => {
it("adds numbers", () => {
expect(sum(2, 3)).toBe(5);
});
});Instalar Jest
Jest necesita un transformador para TS. Utilice ts-jest para compilar las pruebas al vuelo.
npm install --save-dev jest ts-jest @types/jest @types/nodeEjemplo de Jest
Establezca preset: "ts-jest". Jest ejecutará las pruebas .ts sin un paso de compilación.
// jest.config.js
module.exports = {
preset: "ts-jest",
testEnvironment: "node",
};
// src/sum.test.ts
import { sum } from "./sum";
test("adds numbers", () => {
expect(sum(2, 3)).toBe(5);
});Scripts
Añada scripts para disfrutar de un flujo de trabajo fluido. Utilice el modo watch para obtener comentarios rápidos durante el desarrollo.
// package.json (scripts)
{
"scripts": {
"test": "vitest",
"test:ui": "vitest --ui",
"test:jest": "jest"
}
}Pregunta
Comprobación rápida: En una configuración de Jest + TS, ¿qué hace ts-jest?
Repaso
Repaso: Tanto Vitest (nativo de Vite) como Jest (de uso generalizado) funcionan muy bien con TS. Configure una vez y después ejecute las pruebas en modo watch o en CI.
Preguntas frecuentes
¿La lección «Configuración de Vitest/Jest para TS» es gratis?
Sí — el texto completo de «Configuración de Vitest/Jest para TS» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de TypeScript Academy, actualiza a CoddyKit PRO. El curso de TypeScript Academy incluye 3 lecciones en total.
¿Qué aprenderé en «Configuración de Vitest/Jest para TS»?
Instale y configure Vitest o Jest para proyectos de TypeScript; escriba una prueba pequeña y ejecútela. Practicas TypeScript Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.
¿Necesito experiencia previa para empezar TypeScript Academy?
No se requiere experiencia previa. TypeScript Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 1 de 3.
¿Cuánto tiempo toma la lección «Configuración de Vitest/Jest para TS»?
La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.
¿Puedo escribir y ejecutar código en esta lección de TypeScript Academy?
Sí. Cada lección de TypeScript Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.
Todas las lecciones de este curso
- Configuración de Vitest/Jest para TS
- Tipado de pruebas y mocks; expectTypeOf
- Introducción al tipado E2E (Playwright/Cypress)