QC Master Test Plan
RTL tests
RTL tests — documentation pending.
Complete
RTL QC verifies that every surface mirrors cleanly under [dir="rtl"]. Mirroring is not just about flipping text direction — it’s about flipping every horizontally-asymmetric primitive (icons, chevrons, drawer-slide directions, badge positions, sidebar sides, scroll-snap origins). Half-mirrored UI is worse than no AR support — it ships a broken experience to half the audience.
RTL checklist
- Switching the URL prefix from /en to /ar flips dir on <html> + the entire layout mirrors without page reload glitch.
- Logical CSS properties (margin-inline-*, padding-inline-*, inset-inline-*) are used everywhere — no hardcoded margin-left / padding-right that survives the flip.
- Directional icons (chevron-left/right, arrow-back/forward, navigate-next/prev) swap to their mirrored variant under RTL.
- Drawers + modals enter from the correct side: mobile filter drawer enters from the right under LTR, from the left under RTL.
- Horizontal scroll-snap rails reverse their natural scroll origin — "next card" on a landing rail moves right→left under LTR, left→right under RTL.
- Numbers + dates render in the right script: Western Arabic numerals (0-9) under EN, Eastern Arabic numerals (٠-٩) under AR per the design-system §3 rule.
- Mixed-direction content (Arabic body containing English brand names like "Flat6Labs") renders correctly with the brand name in LTR within the AR paragraph.