إعداد Vitest لمشاريع Svelte
اضبط Vitest باستخدام إضافة Svelte وبيئة jsdom لاختبار المكوّنات.
إعداد Vitest لمشاريع Svelte درس مجاني في Sveltejs Academy على CoddyKit. هذا هو الدرس 1 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Sveltejs Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
Vitest
Vitest هو مشغّل اختبارات سريع ومتكامل مع Vite، ويُستخدم على نطاق واسع في منظومة Svelte.
التثبيت
أضيفوا Vitest والمكوّن الإضافي الخاص بـ Svelte.
npm install -D vitest @vitest/coverage-v8 @testing-library/svelte @testing-library/jest-dom jsdomالإعداد في vite.config.js
أضيفوا قسمًا للاختبارات.
export default defineConfig({
plugins: [sveltekit()],
test: { environment: "jsdom", globals: true, setupFiles: ["./vitest-setup.js"] }
});ملف الإعداد
استوردوا أدوات المطابقة الخاصة بـ jest-dom في vitest-setup.js.
import "@testing-library/jest-dom";تشغيل الاختبارات
أضيفوا سكربتًا إلى package.json ثم شغّلوه.
"test": "vitest"وضع المراقبة
يستخدم Vitest وضع المراقبة افتراضيًا، وهو مناسب جدًا للتطوير القائم على الاختبارات.
TypeScript
يدعم Vitest لغة TypeScript مباشرةً، مع تأكيدات تراعي الأنواع.
التغطية
أنشئوا تقارير التغطية باستخدام موفّر التغطية V8.
npx vitest run --coverageالتكامل مع CI
استخدموا vitest run، أي دون وضع المراقبة، في CI للحصول على عمليات تشغيل متوقعة.
اختبار اللقطات
يدعم Vitest اللقطات مثل Jest لاكتشاف التراجعات.
التكامل مع بيئة التطوير
يتيح امتداد Vitest في VS Code تشغيل الاختبارات مباشرةً باستخدام أوامر المحرّر.
تحقق سريع
ما البيئة التي يستخدمها Vitest لاختبارات DOM؟
مراجعة
أعدّوا Vitest باستخدام jsdom وTesting Library وjest-dom لإجراء اختبارات وحدات سريعة لمكوّنات Svelte.
الأسئلة الشائعة
هل درس «إعداد Vitest لمشاريع Svelte» مجاني؟
نعم — نص درس «إعداد Vitest لمشاريع Svelte» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Sveltejs Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
ماذا ستتعلم في «إعداد Vitest لمشاريع Svelte»؟
اضبط Vitest باستخدام إضافة Svelte وبيئة jsdom لاختبار المكوّنات. تتمرن على Sveltejs Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Sveltejs Academy؟
لا تُشترط خبرة سابقة. Sveltejs Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 4.
كم من الوقت يستغرق درس «إعداد Vitest لمشاريع Svelte»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Sveltejs Academy هذا؟
نعم. كل درس في Sveltejs Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- إعداد Vitest لمشاريع Svelte
- @testing-library/svelte: render وfireEvent
- اختبار Stores والتفاعلية
- محاكاة Modules وFetch