اختبار Hooks المخصصة (استعراض)

الهدف: التحقق من سلوك hook عبر مكوّن اختبار صغير.

• تمرير المدخلات
• مراقبة القيم المُعادة
• التحقق من التأثيرات والتنظيف

الاستراتيجية:

• إنشاء مكوّن صغير يستخدم hook
• إتاحة أزرار أو حقول إدخال لتشغيل التغييرات
• إجراء التحقق عبر نص ظاهر أو سجلات وحدة التحكم

ننشئ useCounter ومكوّن اختبار صغيرًا للنقر ومراقبة النتائج، مثل اختبار يدوي.

بالنسبة إلى hooks التي تحتوي على تأثيرات (المؤقتات أو مستمعي الأحداث)، تأكدوا من أن مكوّن الاختبار يُركَّب ويُزال، أو بدّلوا الشروط لمشاهدة تنفيذ التنظيف (من دون سجلات أو مؤقتات متروكة).

يزيد useInterval صغير قيمة عدّاد. ويمكن لمكوّن الاختبار بدءه وإيقافه للتحقق من التنظيف.

الخطوات التالية:

• استخدموا React Testing Library لتصيير مكوّن الاختبار والتحقق من النص
• استخدموا مؤقتات Vitest/Jest لتقديم الوقت واختبار hooks الخاصة بـ interval وdebounce
• حافظوا على نقاء hooks، وأتيحوا واجهة API دنيا لتسهيل الاختبار

مراجعة: أنشئوا مكوّن اختبار صغيرًا لتشغيل hook، وتحققوا من المخرجات والتنظيف، ثم انتقلوا إلى الاختبارات الرسمية باستخدام مكتبة اختبار.