الملحق

في ما يلي بعض المفاهيم والمعلومات الإضافية التي قد تساعدك في تطوير اختباراتك.

Vitest هو إطار عمل وبرنامج لتشغيل الاختبارات يزدادان شعبيةً. وتستخدم هذه الدورة التدريبية هذا الإطار كلما تطلّب الأمر تقديم أمثلة محدّدة، ولكن العديد من العيّنات المضمّنة هي عامة وتنطبق على أي إطار عمل اختَرته.

تميل معظم القواسم المشتركة بين العدو أو أطر الاختبار، وستكون هذه الدورة مفيدة بغض النظر عن الحزمة التي اخترتها. لقد اخترنا التركيز على Vitest لعدة أسباب:

  • وهو حديث ولا يتطلّب سوى القليل من العمل لإعداده أو ضبطه، مقارنةً بأدوات تشغيل الاختبارات الأخرى. على الرغم من أنّه مبني على أداة الإنشاء Vite ، لا يزال Vitest يعمل مع المشاريع الحالية.

  • تتوفّر أيضًا مساعدة كبيرة للعمل مع وحدات EcmaScript (ESM)، بما في ذلك محاكاة عمليات الاستيراد بالكامل. على الرغم من أنّه يتضمّن بعض الاحتياطات، إلا أنّه أكثر ثباتًا مقارنةً بالأدوات الأخرى.

والأهم من ذلك، أنّه يقدّم واجهة برمجة تطبيقات متوافقة إلى حد كبير مع Jest، الذي يُعدّ على الأرجح أداة التشغيل الأكثر رواجًا . لكن مرة أخرى، تميل طريقة هيكلة اختباراتك وتجميعها إلى أن تكون متشابهة بغض النظر عن إطار العمل الذي تستخدمه. أمّا الميزات الأكثر تقدّمًا، مثل الاختبارات المزدوجة المعقّدة، فيميل أداؤها إلى الانحراف أكثر قليلاً. وتستخدم هذه الدورة التدريبية أداة Vitest لوصفها، ولكنها تصف دائمًا الحلّ العام أيضًا.

التفاعل كنموذج مكوّن

على الرغم من أنّ هذه الدورة التدريبية تقدّم أمثلة عامة على الرموز البرمجية التي تختبر JavaScript العادية، مثل الدوالّ الحسابية، إلا أنّها تنتقل بسرعة إلى اختبار مكوّنات React قبل تضمين Web Components بشكل عام واستخدام Lit لاحقًا. يستخدم هذا المسار التدريبي أيضًا Next.js.

هذا خيار عملي. على الرغم من الانتقادات، يُعد React الإطار الأكثر استخدامًا للمشاركين في استطلاع ولاية JS.