Chromatic — جميع المقالات والدروس

Chromatic هو أداة الاختبار البصري التي طوّرها الفريق نفسه الذي أنشأ Storybook. عرض القيمة لديها واضح: إذا كان نظام التصميم لديك يعيش في Storybook، فإن Chromatic يلتقط تلقائياً كل story ويكتشف الانحدارات البصرية وينظّم مراجعة الواجهة في سير عمل مدمج مع GitHub. هذا التكامل الأصلي يصنع قوته للفرق التي تستخدم React أو Vue أو Angular وقد استثمرت بالفعل في Storybook، وحدّه الطبيعي للفرق التي لا تستخدمه.

تحلّل مقالات هذه الصفحة Chromatic من زوايا متعددة: جودة الـ diff البصري، وسهولة استخدام واجهة المراجعة، ونموذج التسعير لكل snapshot وأثره على نظم التصميم الكبيرة، والتكامل مع GitHub Actions وCI أخرى، ومقارنات مع Percy وApplitools وDelta-QA. نعالج أيضاً حالات أكثر دقة: ماذا نفعل حين نريد اختبار صفحات مجمَّعة (وليس مكوّنات معزولة في story فقط)، وكيفية إدارة الفروقات بين العرض في Chromatic Cloud والعرض المحلي، وكيفية تقدير التكلفة الحقيقية لمئات الـ stories. يتفوّق Chromatic في مجاله؛ بينما يضع Delta-QA نفسه على أرض مختلفة — صفحات ويب كاملة، desktop، بدون اعتماد على Storybook ولا على إطار عمل بعينه — وتساعد هذه المقالات على اختيار الأداة التي تناسب فعلاً معماريتك الأمامية.