0Pricing
Sveltejs Academy · Pelajaran

Penyiapan Vitest untuk Proyek Svelte

Konfigurasikan Vitest dengan plugin Svelte dan lingkungan jsdom untuk pengujian komponen.

Penyiapan Vitest untuk Proyek Svelte adalah pelajaran Sveltejs Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Sveltejs Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Sveltejs Academy mencakup 4 pelajaran total.

Vitest

Vitest adalah pelari pengujian yang cepat dan asli Vite, serta banyak digunakan dalam ekosistem Svelte.

Instalasi

Tambahkan Vitest dan plugin Svelte.

npm install -D vitest @vitest/coverage-v8 @testing-library/svelte @testing-library/jest-dom jsdom

Konfigurasi di vite.config.js

Tambahkan bagian pengujian.

export default defineConfig({
  plugins: [sveltekit()],
  test: { environment: "jsdom", globals: true, setupFiles: ["./vitest-setup.js"] }
});

Berkas Penyiapan

Impor pencocok jest-dom dalam vitest-setup.js.

import "@testing-library/jest-dom";

Menjalankan Pengujian

Tambahkan skrip ke package.json lalu jalankan.

"test": "vitest"

Mode Pantau

Vitest secara bawaan menggunakan mode pantau; sangat cocok untuk TDD.

TypeScript

Vitest mendukung TypeScript secara langsung dengan penegasan yang memahami tipe.

Cakupan

Hasilkan laporan cakupan dengan penyedia cakupan V8.

npx vitest run --coverage

Integrasi CI

Gunakan vitest run (tanpa mode pantau) di CI agar proses berjalan secara konsisten.

Pengujian Snapshot

Vitest mendukung snapshot seperti Jest untuk mendeteksi kemunduran kinerja.

Integrasi IDE

Ekstensi Vitest untuk VS Code memungkinkan Anda menjalankan pengujian langsung dengan perintah editor.

Pemeriksaan Singkat

Lingkungan apa yang digunakan Vitest untuk pengujian DOM?

Ringkasan

Siapkan Vitest dengan jsdom, Testing Library, dan jest-dom untuk pengujian unit komponen Svelte yang cepat.

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Penyiapan Vitest untuk Proyek Svelte” gratis?

Ya — teks lengkap “Penyiapan Vitest untuk Proyek Svelte” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Sveltejs Academy, upgrade ke CoddyKit PRO. Kursus Sveltejs Academy mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “Penyiapan Vitest untuk Proyek Svelte”?

Konfigurasikan Vitest dengan plugin Svelte dan lingkungan jsdom untuk pengujian komponen. Kamu berlatih Sveltejs Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai Sveltejs Academy?

Tidak diperlukan pengalaman sebelumnya. Sveltejs Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 1 dari 4.

Berapa lama pelajaran “Penyiapan Vitest untuk Proyek Svelte” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran Sveltejs Academy ini?

Ya. Setiap pelajaran Sveltejs Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

  1. Penyiapan Vitest untuk Proyek Svelte
  2. @testing-library/svelte: render dan fireEvent
  3. Menguji Store dan Reaktivitas
  4. Membuat Mock Modul dan Fetch
← Kembali ke Sveltejs Academy