Svelte Projeleri için Vitest Kurulumu
Bileşen testleri için Vitest'i Svelte eklentisi ve jsdom ortamıyla yapılandırın.
Svelte Projeleri için Vitest Kurulumu, CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 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, Sveltejs Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Sveltejs Academy kursu toplamda 4 dersten oluşur.
Vitest
Vitest, Svelte ekosisteminde yaygın olarak kullanılan, hızlı ve Vite ile yerel çalışan bir test çalıştırıcısıdır.
Yükleme
Vitest'i ve Svelte eklentisini ekleyin.
npm install -D vitest @vitest/coverage-v8 @testing-library/svelte @testing-library/jest-dom jsdomvite.config.js'de Yapılandırma
Bir test bölümü ekleyin.
export default defineConfig({
plugins: [sveltekit()],
test: { environment: "jsdom", globals: true, setupFiles: ["./vitest-setup.js"] }
});Kurulum Dosyası
jest-dom eşleştiricilerini vitest-setup.js dosyasına içe aktarın.
import "@testing-library/jest-dom";Testleri Çalıştırma
package.json dosyasına bir betik ekleyin ve çalıştırın.
"test": "vitest"İzleme Kipi
Vitest varsayılan olarak izleme kipindedir; TDD için idealdir.
TypeScript
Vitest, tür bilgisine duyarlı doğrulamalarla TypeScript'i kutudan çıktığı hâliyle destekler.
Kapsam
V8 kapsam sağlayıcısıyla kapsam raporları oluşturun.
npx vitest run --coverageCI Entegrasyonu
Tahmin edilebilir çalıştırmalar için CI'da vitest run kullanın (izleme olmadan).
Anlık Görüntü Testi
Vitest, gerilemeleri tespit etmek için Jest gibi anlık görüntüleri destekler.
IDE Entegrasyonu
VS Code'un Vitest eklentisi, düzenleyici komutlarıyla testleri satır içinde çalıştırmanızı sağlar.
Hızlı Kontrol
Vitest, DOM testleri için hangi ortamı kullanır?
Özet
Hızlı Svelte Component birim testleri için Vitest'i jsdom, Testing Library ve jest-dom ile kurun.
Sıkça Sorulan Sorular
“Svelte Projeleri için Vitest Kurulumu” dersi ücretsiz mi?
Evet — “Svelte Projeleri için Vitest 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 Sveltejs Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Sveltejs Academy kursu toplamda 4 dersten oluşur.
“Svelte Projeleri için Vitest Kurulumu” dersinde ne öğreneceğim?
Bileşen testleri için Vitest'i Svelte eklentisi ve jsdom ortamıyla yapılandırın. Sveltejs 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.
Sveltejs Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te Sveltejs 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, 4 dersinin 1. dersidir.
“Svelte Projeleri için Vitest 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 Sveltejs Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her Sveltejs 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
- Svelte Projeleri için Vitest Kurulumu
- @testing-library/svelte: render ve fireEvent
- Store'ları ve Reaktiviteyi Test Etme
- Modülleri ve Fetch İşlemlerini Taklit Etme