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

فرض Storybook نفسه بيئة مرجعية لتطوير وتوثيق واختبار مكوّنات UI معزولة. للفِرَق التي تحافظ على نظام تصميم، يصبح كل story هدفاً طبيعياً للاختبار البصري: مكوّن مُعروض في حالة محددة، دون اعتماد تطبيقي، قابل للاستنساخ تماماً. هذه الدقة الدقيقة تتيح اكتشاف انحدار بصري على مستوى الزر أو البطاقة، حتى قبل أن ينتشر في صفحة مجمَّعة.

تتناول مقالات هذه الصفحة النظام البيئي لـ Storybook من زاوية الاختبار البصري: التكامل مع Chromatic (الأداة الأصلية لفريق Storybook)، البدائل مثل Loki وStoryshots وPlaywright component testing، إدارة الـ decorators والحالات (hover، focus، dark mode)، الممارسات الجيدة لجعل الـ stories حتمية. نتناول أيضاً السؤال المتكرر: هل يجب اختبار المكوّنات في story فقط، أم أيضاً الصفحات الحقيقية التي تجمعها؟ المقاربتان متكاملتان، وهنا بالضبط يتموضع Delta-QA — على اختبار صفحات الويب المُعروضة في ظروف حقيقية، تكميلاً لتغطية المكوّنات التي يضمنها Storybook. تساعد هذه الصفحة على هيكلة استراتيجية متماسكة بين المستويين.