Oppsett av Vitest/Jest for TS
Installer og konfigurer Vitest eller Jest for TypeScript-prosjekter, skriv en liten test og kjør den.
Oppsett av Vitest/Jest for TS er en gratis leksjon i TypeScript Academy på CoddyKit. Dette er leksjon 1 av 3. Du kan lese hele leksjonen gratis nedenfor – og deretter øve praktisk i nettleseren med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i TypeScript Academy, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i TypeScript Academy inneholder totalt 3 leksjoner.
Introduksjon
Mål: Konfigurer Vitest eller Jest for TypeScript. De skal installere avhengigheter, legge til en konfigurasjon, skrive én liten test og kjøre den.
Installer Vitest
Vitest er innebygd i Vite: rask oppstart, ESM først og god utvikleropplevelse. Installer det sammen med @types/node for globale elementer.
npm install --save-dev vitest @vitest/ui @types/nodeVitest-eksempel
Legg til vitest.config.ts, skriv en liten test, og kjør den med npx vitest eller et npm test-skript.
// 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 trenger en transformer for TS. Bruk ts-jest til å kompilere tester underveis.
npm install --save-dev jest ts-jest @types/jest @types/nodeJest-eksempel
Angi preset: "ts-jest". Jest kjører .ts-tester uten et eget byggesteg.
// 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);
});Skript
Legg til skript for en smidig arbeidsflyt. Bruk watch-modus for rask tilbakemelding under utvikling.
// package.json (scripts)
{
"scripts": {
"test": "vitest",
"test:ui": "vitest --ui",
"test:jest": "jest"
}
}Spørsmål
Hurtigsjekk: Hva gjør ts-jest i et Jest + TS-oppsett?
Oppsummering
Oppsummering: Vitest (innebygd i Vite) og Jest (mye brukt) fungerer begge svært godt med TS. Konfigurer én gang, og kjør deretter tester i watch-modus eller CI.
Lær deg TypeScript med en AI-veileder – gratis
Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.
- Kurs
- 101
- Leksjoner
- 352
Ofte stilte spørsmål
Er leksjonen «Oppsett av Vitest/Jest for TS» gratis?
Ja – hele teksten i «Oppsett av Vitest/Jest for TS» er gratis å lese her på nettet. For å øve interaktivt med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt, og for å låse opp resten av TypeScript Academy-kurset, kan du oppgradere til CoddyKit PRO. Kurset i TypeScript Academy inneholder totalt 3 leksjoner.
Hva lærer jeg i «Oppsett av Vitest/Jest for TS»?
Installer og konfigurer Vitest eller Jest for TypeScript-prosjekter, skriv en liten test og kjør den. Du øver på TypeScript Academy med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.
Trenger jeg erfaring for å begynne med TypeScript Academy?
Ingen tidligere erfaring er nødvendig. TypeScript Academy på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 1 av 3.
Hvor lang tid tar leksjonen «Oppsett av Vitest/Jest for TS»?
De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.
Kan jeg skrive og kjøre kode i denne TypeScript Academy-leksjonen?
Ja. Alle TypeScript Academy-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.
Alle leksjonene i dette kurset
- Oppsett av Vitest/Jest for TS
- Typetilordning av tester og mocks; expectTypeOf
- Innføring i typetilordning av E2E-tester (Playwright/Cypress)