Chromatic مقابل Percy: أي أداة اختبار بصري تختار في 2026؟
اختبار بصري للمكونات: «طريقة تحقق آلية تلتقط العرض البصري لمكونات الواجهة المعزولة في حالاتها المختلفة، ثم تقارن هذه اللقطات بمراجع لاكتشاف أي تعديل غير مقصود في مظهرها.»
Chromatic وPercy. أداتا اختبار بصري، فلسفتان، جمهوران. واحدة وُلدت في نظام Storybook البيئي ولا تعرف غيره. والأخرى تسعى لتكون عالمية وتتكامل في كل مكان. كلتاهما تنتهيان بفعل الشيء نفسه — مقارنة لقطات الشاشة — لكن المسار مختلف جذريًا.
إذا بحثت عن "chromatic vs percy"، فعلى الأرجح أنك تستخدم Storybook وتتردد بين الحل الأصلي والبديل المتعدد الاستخدامات. هذه المقالة ستساعدك على اتخاذ القرار. وربما تفكر في خيار لا يقدمه أي منهما.
Chromatic: الأداة الأصلية لـ Storybook
Chromatic أنشأه مطورو Storybook أنفسهم. التكامل لا تشوبه شائبة. بلا SDK، بلا اختبارات لكتابتها. إذا لديك stories، لديك اختبارات بصرية.
نقاط القوة: تكامل كامل مع Storybook، سير عمل مراجعة ممتاز، اكتشاف ذكي للتغييرات، اختبار التفاعلات البصرية.
نقاط الضعف: Storybook أو لا شيء، التكلفة ترتفع بسرعة، سحابي فقط، لا اختبار للصفحات الكاملة.
Percy: العالمي
Percy، مملوك لـ BrowserStack منذ 2020، يتكامل مع أطر عمل متعددة عبر SDK.
نقاط القوة: العالمية، اختبار الصفحات الكاملة، عرض متعدد المتصفحات حقيقي عبر BrowserStack، تكامل مع طلبات الدمج، اختبار الاستجابة.
نقاط الضعف: مقارنة بكسل ببكسل مع إنذارات كاذبة أكثر، تكامل Storybook أضعف، التكلفة مع مضاعفات المتصفح، تأخر السحابة.
مقارنة مباشرة: 6 أبعاد
1. نطاق الاختبار — Percy للتغطية، Chromatic لعمق المكونات. 2. سهولة التبني — Chromatic مع Storybook، Percy بدونه. 3. جودة الاكتشاف — Chromatic، بشكل معتدل. 4. سير العمل التعاوني — يعتمد على ثقافتك. 5. العرض متعدد المتصفحات — Percy، بوضوح. 6. التكلفة الإجمالية — متغيرة.
النقطة العمياء المشتركة: سحابي فقط ومدفوع
كلاهما سحابي فقط. في 2026 مع GDPR وتوجيه NIS2، هذا قيد متزايد. كلاهما مدفوع بعد الطبقة المجانية. كلاهما يتطلب مهارات تقنية. كلاهما تبعيات خارجية.
Delta-QA: البديل المحلي والمجاني
محلي افتراضيًا. لقطاتك لا تغادر جهازك أبدًا. مجاني بلا نجمة. بلا عداد لقطات. بدون كود حقًا. بلا Storybook، بلا SDK. صفحات كاملة ومكونات. مكمّل لا منافس.
الأسئلة الشائعة
هل يعمل Chromatic بدون Storybook؟
لا. مصمم حصريًا لـ Storybook.
هل Percy أفضل من Chromatic؟
يعتمد على السياق. Storybook والمكونات: Chromatic. صفحات كاملة متعددة المتصفحات: Percy.
كم يكلف Chromatic وPercy؟
كلاهما لديه طبقة مجانية محدودة. بعدها فوترة حسب الاستخدام.
هل يمكن استخدامهما معًا؟
تقنيًا نعم. عمليًا نادرًا بسبب التكلفة التراكمية.
هل يكتشف Chromatic أخطاء التخطيط بين المكونات؟
لا. يختبر المكونات بشكل معزول.
هل توجد بديل مجاني ومحلي؟
نعم. Delta-QA أداة بدون كود تعمل محليًا، مجانية وبلا حدود.
كيف أنتقل إلى Delta-QA؟
ابدأ بالتوازي، أنشئ مراجعك الأولى وقيّم النتائج.
اختبارك البصري يستحق أفضل من عداد لقطات. جرّب البديل المحلي.