تخطَّ إلى المحتوى الرئيسي

خطة الجودة الرئيسية

اختبارات RTL

اختبارات RTL — التوثيق قيد الإعداد.

مكتمل

الـ QC للـ RTL يُتحقَّق أن كل سطح يَعكس بشكل نظيف تحت [dir="rtl"]. العكس ليس فقط قَلب اتجاه النصّ — هو قَلب كل بدائي غير-متماثل-أفقياً (إيقونات، chevrons، اتجاهات انزلاق الـ drawer، مواضع الشارات، جوانب الشريط الجانبي، أصول scroll-snap). UI نصف-معكوس أسوأ من لا دعم AR — يَشحن تجربة مكسورة لنصف الجمهور.

شريط فحص RTL

  • تبديل بادئة الـ URL من /en إلى /ar يَقلب dir على <html> + التخطيط كلّه يَعكس بدون عطل إعادة تَحميل الصفحة.
  • خصائص CSS المنطقية (margin-inline-*، padding-inline-*، inset-inline-*) مستخدمة في كل مكان — لا margin-left / padding-right مُكَوَّد-بشدّة يَنجو من القَلب.
  • الإيقونات الاتجاهية (chevron-left/right، arrow-back/forward، navigate-next/prev) تُبَدِّل إلى متغيّرها المعكوس تحت RTL.
  • الـ drawers + modals تَدخل من الجانب الصحيح: drawer فلتر الموبايل يَدخل من اليمين تحت LTR، من اليسار تحت RTL.
  • شرائط scroll-snap الأفقية تَعكس أصل التمرير الطبيعي — "next card" على شريط هبوط يَتحرَّك يمين→يسار تحت LTR، يسار→يمين تحت RTL.
  • الأرقام + التواريخ تَرسم في النص الصحيح: الأرقام العربية الغربية (0-9) تحت EN، الأرقام العربية الشرقية (٠-٩) تحت AR وفق قاعدة نظام التصميم §3.
  • محتوى مُختَلَط-الاتجاه (جسم عربي يَحتوي على أسماء تجارية إنجليزية مثل "Flat6Labs") يَرسم صحيحاً مع الاسم التجاري في LTR داخل الفقرة AR.