TypeScript için Vitest/Jest kurulumu
TypeScript projeleri için Vitest veya Jest'i yükleyip yapılandırın; küçük bir sınama yazıp çalıştırın.
TypeScript için Vitest/Jest kurulumu, CoddyKit'te ücretsiz bir TypeScript Academy dersidir. Bu, 3 dersinin 1. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, TypeScript Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. TypeScript Academy kursu toplamda 3 dersten oluşur.
Giriş
Hedef: TypeScript için Vitest veya Jest yapılandırın. Bağımlılıkları kuracak, bir yapılandırma ekleyecek, küçük bir sınama yazacak ve çalıştıracaksınız.
Vitest kurulumu
Vitest, Vite tabanlıdır: hızlı başlatma, ESM önceliği ve güçlü DX sunar. Genel değişkenler için @types/node ile birlikte kurun.
npm install --save-dev vitest @vitest/ui @types/nodeVitest örneği
vitest.config.ts ekleyin, küçük bir sınama yazın ve npx vitest veya npm test betiğiyle çalıştırın.
// 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);
});
});Jest kurulumu
Jest, TS için bir dönüştürücüye ihtiyaç duyar. Sınamaları anında derlemek için ts-jest kullanın.
npm install --save-dev jest ts-jest @types/jest @types/nodeJest örneği
preset: "ts-jest" ayarını yapın. Jest, derleme adımı olmadan .ts sınamalarını çalıştırır.
// 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);
});Betikler
Sorunsuz bir iş akışı için betikler ekleyin. Geliştirme sırasında hızlı geri bildirim almak için izleme kipini kullanın.
// package.json (scripts)
{
"scripts": {
"test": "vitest",
"test:ui": "vitest --ui",
"test:jest": "jest"
}
}Soru
Hızlı denetim: Jest + TS kurulumunda ts-jest ne yapar?
Özet
Özet: Vitest (Vite tabanlı) ve Jest (yaygın kullanılan) TS ile çok iyi çalışır. Bir kez yapılandırın, ardından izleme/CI ortamında sınamaları çalıştırın.
Sıkça Sorulan Sorular
“TypeScript için Vitest/Jest kurulumu” dersi ücretsiz mi?
Evet — “TypeScript için Vitest/Jest kurulumu” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve TypeScript Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. TypeScript Academy kursu toplamda 3 dersten oluşur.
“TypeScript için Vitest/Jest kurulumu” dersinde ne öğreneceğim?
TypeScript projeleri için Vitest veya Jest'i yükleyip yapılandırın; küçük bir sınama yazıp çalıştırın. TypeScript Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
TypeScript Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te TypeScript Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 3 dersinin 1. dersidir.
“TypeScript için Vitest/Jest kurulumu” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu TypeScript Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her TypeScript Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- TypeScript için Vitest/Jest kurulumu
- Sınamaların ve sahte nesnelerin türlerini belirleme; expectTypeOf
- E2E türlerine kısa bakış (Playwright/Cypress)