اختبار الوحدة: المكوّنات

السؤال 1 من 5

• enum واحد باسم size (sm، md، lg) يطابق المكوّنات الأخرى، مع ترك الإحكام لـ mode الكثافة.
• إبقاء القيم المنطقية مع توثيق التركيبات غير الصالحة.
• استبدالها بـ prop باسم className لتحدّد الفرق الحجم بنفسها.
• إضافة isMedium ليكون لكل حجم قيمة منطقية.

السؤال 2 من 5

• ينكسر الـ tooltip؛ فالـ tooltips لا يمكنها تغليف الأزرار.
• لا شيء؛ النسخ يصل إلى العناصر المتداخلة تلقائيًا.
• تُزال لوحة التبويب؛ أضف key إلى الـ tooltip.
• لم يعد الـ trigger المغلَّف يستقبل الـ props الخاصة به؛ شارك الحالة عبر الـ context بدلًا من ذلك.

السؤال 3 من 5

• على الـ <div> مع إضافة role="checkbox" وtabindex ومعالجات المفاتيح.
• على <img> يتبدّل بين صورتي المحدّد وغير المحدّد.
• على <input type="checkbox"> أصلي، منسَّق بصريًا، ومرتبط بالـ label الخاص به.
• على <button> مع aria-pressed.

السؤال 4 من 5

• جدول props أكثر تفصيلًا.
• رابط إلى الـ changelog.
• وصف أطول لحركة الطبقة المعتمة.
• إرشاد «متى لا تستخدمه» مع البديل، Toast، ومثال افعل/لا تفعل.

السؤال 5 من 5

• يجب أن تكون القيمة aria-disabled="disabled".
• السمة aria-disabled تعلن الحالة فقط؛ ويجب أن يمنع المكوّن الإجراء بنفسه.
• اعترض الـ tooltip النقرة.
• قارئات الشاشة تتجاهل aria-disabled على الأزرار.