الاختبار النهائي

السؤال 1 من 12

• وضع data-theme="dark" على قسم الواجهة الرئيسية، مع الـ tokens الداكنة تحت selector مجرّد [data-theme="dark"]، والـ component tokens معرّفة على الـ selectors الخاصة بالمكوّنات.
• إضافة class باسم .dark إلى كل مكوّن داخل الواجهة الرئيسية.
• تحميل ملف أنماط ثانٍ لقسم الواجهة الرئيسية.
• استخدام filter: invert(1) على الواجهة الرئيسية.

السؤال 2 من 12

• مجموعة فيها "$type": "color" تحتوي tokens بلا $type خاص بها.
• token قيمة $value فيه هي "{color.blue.600}" حيث color.blue.600 token.
• token لون فيه colorSpace وcomponents وhex اختياري.
• token اسمه space.inset داخل مجموعة space.

السؤال 3 من 12

• إضافة prop باسم menuItems إلى Button.
• تقديم MenuButton مركّب مبني من Button وMenu، يتبع نمط زر القائمة في WAI-ARIA.
• إخبار الفريق أن يبنيه من الصفر بـ <div>.
• إضافة قيمة منطقية باسم isMenu إلى Button.

السؤال 4 من 12

• لأن ملفات include تُصغَّر (minified).
• لأن Figma لا يصدّر إلا الـ modes الداكنة.
• حتى تُحلّ المراجع وفق الـ primitives، بينما لا تُكتب تحت الـ selector الداكن إلا الـ semantic tokens المعاد ربطها.
• لأن الوضع الداكن لا يستخدم الـ primitives.

السؤال 5 من 12

• زر Submit أثناء إرسال النموذج، دون حاجة إلى شرح.
• زر زخرفي لا يفعل شيئًا أبدًا.
• زر مخفيّ على الجوّال.
• زر Save يجب أن يبقى قابلًا للتركيز حتى يصل مستخدمو لوحة المفاتيح إلى شرح سبب عدم توفّره.

السؤال 6 من 12

• تتعامل جيدًا مع قيم الألوان ذات الوضعين، لكنها لا تستطيع التعبير عن العلامات أو الكثافة أو أكثر من وضعين، فما زالت إعادة ربط الـ tokens لازمة.
• تحلّ محلّ الـ custom properties بالكامل.
• لا تعمل إلا في Figma.
• تحتاج JavaScript لتبديل الأوضاع.

السؤال 7 من 12

• لا شيء؛ يجب أن يرقّي فورًا.
• نسخة خاصة منفصلة من 5.0.0 يُعاد إليها kind.
• إصلاحات الأخطاء والأمان على 4.x لستة أشهر، حتى يرقّي وفق جدوله الخاص.
• إصدار 5.0.1 جديد يعيد kind.

السؤال 8 من 12

• رفع حدّ الفرق حتى تنجح الاختبارات.
• توليد الصور المرجعية ومقارنتها في بيئة الـ CI نفسها.
• تعطيل الاختبارات البصرية للـ stories كثيفة النص.
• تشغيل الاختبارات البصرية على أجهزة المصمّمين وحدها.

السؤال 9 من 12

• لا شيء إضافي؛ اثنتان من الـ stories تكفيان لتوثيقه.
• وصفًا أطول في التوثيق.
• لقطة شاشة لكل حالة في وصف الـ pull request.
• stories لكل خانة في مصفوفة حالاته، بما فيها التركيز والفتح والتعطيل والقيمة غير الصالحة.

السؤال 10 من 12

• أول إصدار مستقر لتقرير من W3C Community Group، تطبّقه أدوات مثل Style Dictionary واستيراد المتغيّرات وتصديرها في Figma.
• توصية رسمية من W3C تطبّقها المتصفّحات مباشرة.
• مسودّة مبكرة بلا أي دعم من الأدوات بعد.
• صيغة مملوكة لـ Figma.

السؤال 11 من 12

• إضافة !important إلى token الخط في Tidewater.
• تحميل ملف خط Georgia.
• إعادة تعريف الروابط الدلالية، بما فيها --nw-font-heading، تحت [data-brand] إضافة إلى :root.
• إعطاء عناوين Tidewater class خاصًا بها.

السؤال 12 من 12

• عدد المكوّنات في المكتبة.
• عدد النجوم على مستودع موقع التوثيق.
• إجمالي الـ pull requests المدموجة شهريًا.
• تبنّي المكوّنات، وتغطية الـ tokens، وتأخّر الإصدارات، ورضا الفرق، متابَعة معًا كاتّجاهات.