اختبار Stores والتفاعلية
اختبر Stores في Svelte بمعزل وتحقق من تحديث القيم المشتقة بشكل صحيح.
اختبار Stores والتفاعلية درس مجاني في Sveltejs Academy على CoddyKit. هذا هو الدرس 3 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Sveltejs Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
المخازن بمعزل
اختبروا مخازن Svelte باستيرادها والتحقق من قيمها بعد التحديثات.
import { count } from "$lib/stores";
import { get } from "svelte/store";
count.set(5);
expect(get(count)).toBe(5);المساعد get
تقرأ get(store) القيمة الحالية بشكل متزامن، وهو أمر مفيد في الاختبارات.
الاشتراك في الاختبارات
يمكنكم الاشتراك مباشرةً لالتقاط كل قيمة يتم إصدارها.
const values = [];
const unsub = count.subscribe(v => values.push(v));
count.set(1);
unsub();المخازن المشتقة
اختبروا المخازن المشتقة بتعيين قيم المصدر وقراءة الناتج المشتق.
أساليب المخزن المخصصة
استدعوا الإجراءات المخصصة لمخزنكم وتحققوا من الحالة.
المخازن غير المتزامنة
بالنسبة إلى المخازن غير المتزامنة، انتظروا المهام الصغيرة أو استخدموا vi.runAllTimers عند استخدام المؤقتات الوهمية.
إعادة الضبط بين الاختبارات
أعيدوا ضبط المخازن في beforeEach لتجنّب تداخل الاختبارات.
المكوّنات التفاعلية
اعرضوا مكوّنًا واشتركوا في مخزن داخل الاختبار للتأكد من التحديثات التفاعلية.
المخازن داخل المكوّنات
اجمعوا بين render وتحديثات المخزن والتأكيدات لاختبار التدفقات التفاعلية الكاملة.
أمان الأنواع
مع TypeScript، تنتقل أنواع المخازن إلى الاختبارات لإجراء تأكيدات آمنة.
المحاكاة
حاكوا المخازن عند عزل منطق المكوّن عن بياناتها.
تحقق سريع
كيف تقرؤون قيمة مخزن في الاختبارات؟
مراجعة
اختبروا المخازن باستخدام get(store) والاشتراكات وإعادة الضبط في beforeEach. وادمجوها مع render لاختبارات المكوّنات.
تعلم HTML مع معلم ذكاء اصطناعي — مجانًا
اكتب وقم بتشغيل أكوادك الفعلية في المتصفح، واحصل على مساعدة فورية من معلم ذكاء اصطناعي متاح 24/7، واستمر من حيث توقفت على الويب أو في التطبيق.
- الدورات
- 41
- الدروس
- 163
الأسئلة الشائعة
هل درس «اختبار Stores والتفاعلية» مجاني؟
نعم — نص درس «اختبار Stores والتفاعلية» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Sveltejs Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
ماذا ستتعلم في «اختبار Stores والتفاعلية»؟
اختبر Stores في Svelte بمعزل وتحقق من تحديث القيم المشتقة بشكل صحيح. تتمرن على Sveltejs Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Sveltejs Academy؟
لا تُشترط خبرة سابقة. Sveltejs Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 3 من أصل 4.
كم من الوقت يستغرق درس «اختبار Stores والتفاعلية»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Sveltejs Academy هذا؟
نعم. كل درس في Sveltejs Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- إعداد Vitest لمشاريع Svelte
- @testing-library/svelte: render وfireEvent
- اختبار Stores والتفاعلية
- محاكاة Modules وFetch