اختبار مكوّنات React (Components)
جزء من دورة React
تغيّر سطرا واحدا في مكوّن مشترك، ثم تقضي عشرين دقيقة في التنقل داخل التطبيق بالضغط هنا وهناك للتأكد من أن شيئا آخر لم ينكسر. وفي الأسبوع التالي تغيّره مرة أخرى، فتقضي العشرين دقيقة نفسها. وفي النهاية تكفّ عن تغييره أصلا، لأن الفحص لا يستحق العناء، فيتعفّن الكود ببطء حول قطعة لا يجرؤ أحد على لمسها.
الاختبار هو ذلك التنقل بالضغط مكتوبا مرة واحدة ومنفَّذا بآلة في ثانية. وقيمته الحقيقية ليست في اصطياد الأخطاء اليوم، فأنت تعرف أصلا أن الكود يعمل. قيمته أنك بعد ستة أشهر تستطيع تغيير اسم شيء، أو حذف فرع، أو إعادة كتابة مكوّن من الصفر، ثم تنفّذ أمرا واحدا فتحصل على جواب صادق: هل كسرت شيئا أم لا. ...
هل تريد تعلّم React اختبار مكوّنات React (Components) في بيئة حقيقية؟
انقر بالأسفل لتحصل على جهاز لينكس مع React جاهز، وتعمل على اختبار مكوّنات React (Components) بشكل عملي مع مدرّس ذكي يعرف الكود الخاص بك.
ابدأ هذا الدرساختبار مكوّنات React (Components)ما الذي ستتعلّمه
- Vitest + React Testing Library setup
- Render and screen
- GetByRole queries
- UserEvent for interactions
- Writing one good button test
اقرأ هذا الدرس بلغتك
كل دروس هذه الدورة
17 دروس- 1ما هو React؟25 دقيقة
- 2JSX والمكوّنات (Components)30 دقيقة
- 3البروبس (Props)30 دقيقة
- 4الحالة (State) باستخدام useState35 دقيقة
- 5معالجة الأحداث30 دقيقة
- 6العرض الشرطي والقوائم30 دقيقة
- 7النماذج والمدخلات المتحكم بها (Controlled Inputs)35 دقيقة
- 8التأثيرات (Effects) باستخدام useEffect40 دقيقة
- 9جلب البيانات40 دقيقة
- 10تركيب المكوّنات (Component Composition)35 دقيقة
- 11السياق (Context) و useContext35 دقيقة
- 12useReducer35 دقيقة
- 13الخطافات المخصصة (Custom Hooks)35 دقيقة
- 14الأداء والحفظ بالتخزين (Memoization)35 دقيقة
- 15التوجيه باستخدام React Router40 دقيقة
- 16اختبار مكوّنات React (Components)40 دقيقة
- 17مشروع التخرج: تطبيق قائمة المهام60 دقيقة
