Configuration de Vitest/Jest pour TS
Installez et configurez Vitest ou Jest pour des projets TypeScript ; écrivez un petit test et exécutez-le.
Configuration de Vitest/Jest pour TS est une leçon TypeScript Academy gratuite sur CoddyKit. Ceci est la leçon 1 sur 3. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage TypeScript Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours TypeScript Academy comprend 3 leçons au total.
Introduction
Objectif : configurez Vitest ou Jest pour TypeScript. Vous installerez les dépendances, ajouterez une configuration, écrirez un petit test et l’exécuterez.
Installer Vitest
Vitest est natif de Vite : démarrage rapide, ESM en priorité et excellente DX. Installez-le avec @types/node pour les variables globales.
npm install --save-dev vitest @vitest/ui @types/nodeExemple avec Vitest
Ajoutez vitest.config.ts, écrivez un petit test et exécutez-le avec npx vitest ou le 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);
});
});Installer Jest
Jest a besoin d’un transformateur pour TS. Utilisez ts-jest pour compiler les tests à la volée.
npm install --save-dev jest ts-jest @types/jest @types/nodeExemple avec Jest
Définissez preset: "ts-jest". Jest exécutera les tests .ts sans étape de compilation.
// 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
Ajoutez des scripts pour un flux de travail fluide. Utilisez le mode de surveillance pour obtenir rapidement des retours pendant le développement.
// package.json (scripts)
{
"scripts": {
"test": "vitest",
"test:ui": "vitest --ui",
"test:jest": "jest"
}
}Question
Vérification rapide : dans une configuration Jest + TS, que fait ts-jest ?
Récapitulatif
Récapitulatif : Vitest (natif de Vite) et Jest (largement utilisé) fonctionnent tous deux très bien avec TS. Configurez une fois, puis exécutez les tests en mode de surveillance ou dans l’intégration continue.
Questions Fréquemment Posées
La leçon « Configuration de Vitest/Jest pour TS » est-elle gratuite ?
Oui — le texte complet de « Configuration de Vitest/Jest pour TS » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours TypeScript Academy, passe à CoddyKit PRO. Le cours TypeScript Academy comprend 3 leçons au total.
Qu'est-ce que j'apprendrai dans « Configuration de Vitest/Jest pour TS » ?
Installez et configurez Vitest ou Jest pour des projets TypeScript ; écrivez un petit test et exécutez-le. Tu pratiques TypeScript Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer TypeScript Academy ?
Aucune expérience préalable n'est requise. TypeScript Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 1 sur 3.
Combien de temps prend la leçon « Configuration de Vitest/Jest pour TS » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon TypeScript Academy ?
Oui. Chaque leçon TypeScript Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- Configuration de Vitest/Jest pour TS
- Typage des tests et simulations ; expectTypeOf
- Aperçu du typage E2E (Playwright/Cypress)