Opsætning af Vitest/Jest til TS
Installér og konfigurér Vitest eller Jest til TypeScript-projekter, skriv en lille test, og kør den.
Opsætning af Vitest/Jest til TS er en gratis TypeScript Academy-lektion på CoddyKit. Dette er lektion 1 af 3. Du kan læse hele lektionen gratis nedenfor — og derefter øve dig praktisk i browseren med en indbygget kodeeditor og en AI-vejleder, der er tilgængelig døgnet rundt. Den er en del af læringsforløbet i TypeScript Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. TypeScript Academy-kurset indeholder 3 lektioner i alt.
Introduktion
Mål: Konfigurér Vitest eller Jest til TypeScript. Du installerer afhængigheder, tilføjer en konfiguration, skriver én lille test og kører den.
Installér Vitest
Vitest er udviklet til Vite: hurtig opstart, ESM først og god udvikleroplevelse. Installér den sammen med @types/node for globale værdier.
npm install --save-dev vitest @vitest/ui @types/nodeVitest-eksempel
Tilføj vitest.config.ts, skriv en lille test, og kør den med npx vitest eller scriptet 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);
});
});Installér Jest
Jest kræver en omformer til TS. Brug ts-jest til at kompilere test under kørsel.
npm install --save-dev jest ts-jest @types/jest @types/nodeJest-eksempel
Angiv preset: "ts-jest". Jest kører .ts-test uden et bygge-trin.
// 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
Tilføj scripts for at få et problemfrit arbejdsforløb. Brug overvågningstilstand for hurtig feedback under udviklingen.
// package.json (scripts)
{
"scripts": {
"test": "vitest",
"test:ui": "vitest --ui",
"test:jest": "jest"
}
}Spørgsmål
Hurtigt tjek: Hvad gør ts-jest i en Jest- og TS-opsætning?
Opsummering
Opsummering: Vitest (udviklet til Vite) og Jest (bredt anvendt) fungerer begge godt med TS. Konfigurér én gang, og kør derefter test i overvågnings- eller CI-tilstand.
Lær TypeScript med en AI-underviser — gratis
Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.
- Kurser
- 101
- Lektioner
- 352
Ofte stillede spørgsmål
Er lektionen “Opsætning af Vitest/Jest til TS” gratis?
Ja — hele teksten til “Opsætning af Vitest/Jest til TS” kan læses gratis her på nettet. Hvis du vil øve dig interaktivt med en indbygget kodeeditor og en AI-vejleder døgnet rundt og få adgang til resten af TypeScript Academy-kurset, skal du opgradere til CoddyKit PRO. TypeScript Academy-kurset indeholder 3 lektioner i alt.
Hvad lærer jeg i “Opsætning af Vitest/Jest til TS”?
Installér og konfigurér Vitest eller Jest til TypeScript-projekter, skriv en lille test, og kør den. Du øver dig i TypeScript Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.
Skal jeg have erfaring for at begynde på TypeScript Academy?
Der kræves ingen tidligere erfaring. TypeScript Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 1 af 3.
Hvor lang tid tager lektionen “Opsætning af Vitest/Jest til TS”?
De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.
Kan jeg skrive og køre kode i denne TypeScript Academy-lektion?
Ja. Alle TypeScript Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.
Alle lektioner i dette kursus
- Opsætning af Vitest/Jest til TS
- Typning af tests og mocks; expectTypeOf
- Glimt af E2E-typning (Playwright/Cypress)