بديل Percy: أداة اختبار انحدار بصري قادرة على اكتشاف تغييرات الواجهة من خلال المقارنة الآلية والذكية، تقدم نموذج نشر أو تسعير أو استخدام مختلف تماماً عن Percy by BrowserStack.
Percy أداة جيدة ومجربة بلا شك. بل هي واحدة من الأدوات التي ساهمت بشكل حقيقي وجوهري في نشر الاختبار البصري الآلي بجعله متاحاً ومتاحاً لفرق التطوير عبر خطوط أنابيب CI/CD. استحواذ BrowserStack عليها في 2020 منحها قاعدة مالية متينة ونظاماً بيئياً موسعاً من التكاملات المتنوعة.
لكن Percy تعاني من قيود هيكلية جوهرية قد تتحول، حسب سياقك الخاص واحتياجاتك، إلى عوائق حقيقية تمنع التبني الفعّال. وفي 2026، نضج السوق بما يكفي لتقديم بدائل موثوقة وقوية لكل نوع من أنواع الفرق والمنظمات.
إذا كنت تقيّم خياراتك المتاحة — سواء كنت مستخدماً غير راضٍ عن Percy حالياً، أو تقترب من نهاية خطتك الحالية، أو تقارن بين الأدوات للمرة الأولى — فهذا الدليل الشامل يقارن تسعة بدائل على محاور ملموسة (النشر، السعر، تقنية المقارنة)، مع جدول مقارنة تفصيلي.
هل تحجزك Percy في السحابة والأسعار؟ يكتشف Delta-QA الانحدارات البصرية محلياً، بدون كود ومجاناً، بدون أي حساب لإنشائه ولا لقطة تُرسل إلى طرف ثالث. جرّب Delta-QA مجاناً ←
ما المشكلة مع Percy تحديداً
لنكن واضحين وصريحين: Percy ليست أداة سيئة بأي شكل. لكن بعض خصائصها الأساسية، وهي خيارات تصميم مقصودة ومدروسة، لا تناسب الجميع ولا تتناسب مع كل أنواع الفرق.
نموذج السحابة فقط والقسري. Percy لا تملك خيار on-premise أو نشر محلي بأي شكل. كل لقطة تُرسل إلى سحابة BrowserStack للعرض والمقارنة والتحليل. بالنسبة لشركة ناشئة تختبر منتج SaaS عام، هذا ليس مشكلة تُذكر. لكن بالنسبة لشركة في القطاع المصرفي أو الطبي أو الحكومي الخاضعة لمتطلبات سيادة البيانات الصارمة، هذا عائق حقيقي وحاجز لا يمكن تجاوزه. لقطات الشاشة تحتوي على واجهتك — وربما بيانات حساسة ومحمية قانونياً.
التسعير بالقطة والمرهق. المستوى المجاني من Percy يقدم 5,000 لقطة شهرياً، وهو ما يبدو سخياً في الوهلة الأولى. لكن كل تركيبة صفحة/viewport/متصفح تُحسب كلقطة منفصلة ومستقلة. اختبر 20 صفحة على 3 viewports وستستهلك 60 لقطة لكل تشغيل واحد. مع 3 طلبات سحب يومياً في فريق من 5 مطورين نشطين، تتبخر الـ 5,000 لقطة في أقل من أسبوعين فقط.
بعد ذلك، ترتفع الأسعار بشكل تصاعدي. ونموذج المستويات يخلق ضغطاً مستمراً ومزعجاً: هل يجب تقليل الـ viewports المختبرة للبقاء ضمن الميزانية المحددة؟ هل يجب اختبار صفحات أقل؟ هذا النوع من التنازلات والمقايضات يتعارض تماماً مع الهدف الأساسي للاختبار البصري.
الحاجز التقني المرتفع. Percy أداة مصممة أساساً للمطورين. SDK للتكامل، لقطات تُفعّل في الكود برمجياً، خط أنابيب CI للإعداد والتهيئة. هذا منطقي تماماً لفريق full-stack متكامل. لكن إذا كان فريق الجودة لا يضم مطورين أو مهندسين برمجيين، فإن Percy غير متاح ولا يمكن استخدامه فعلياً.
الإيجابيات الكاذبة المتكررة والمزعجة. يبلّغ مستخدمو Percy بانتظام عن إيجابيات كاذبة مرتبطة بعرض الخطوط ومنع التعرج (anti-aliasing). آلية لقطات DOM (التقاط DOM ثم عرضه في السحابة) تنتج نتائج أكثر استقراراً من لقطة شاشة محلية بسيطة، لكنها لا تقضي تماماً على اختلافات العرض الدقيقة. كل إيجابية كاذبة تتطلب تحققاً يدوياً واستهلاكاً للوقت، وهذا الاحتكاك يتراكم ويزداد مع الوقت.
جدول مقارنة البدائل التسعة لـ Percy
| الأداة | النشر | السعر | CI/CD أصلي | Storybook / المكونات | المقارنة البصرية |
|---|---|---|---|---|---|
| Delta-QA | محلي (سطح مكتب) | مجاني (Desktop)، Team عبر عرض سعر | جزئي (Team) | لا | محرك حتمي مُعاير على الإدراك البشري |
| Applitools | سحابة (on-prem عبر عرض سعر) | عبر عرض سعر (Applitools لا تنشر أسعارها) | نعم (SDK كامل) | عبر SDK | IA (Visual AI) |
| Chromatic | سحابة | مجاني 5k لقطة/شهر، ثم 179$/شهر (حتى 06/2026) | نعم | أصلي (مشرفو Storybook) | Anti-flake + بكسل |
| Playwright | محلي / self-hosted | مجاني (مفتوح المصدر) | نعم (أصلي) | لا | Pixel diff قابل للإعداد |
| BackstopJS | محلي | مجاني (مفتوح المصدر) | عبر CLI | لا | ResembleJS (pixel diff) |
| Lost Pixel | سحابة + self-hosted | مجاني 7k لقطة/شهر، ثم خطط مدفوعة بعد الطبقة المجانية | نعم | نعم (Storybook + Histoire) | Pixel diff + عتبات |
| LambdaTest SmartUI | سحابة | مجاني 5k لقطة/شهر، ثم خطط مدفوعة (LambdaTest بدءاً من 15$/شهر) | نعم | عبر تكامل | Pixel diff |
| reg-suit | محلي / CI | مجاني (مفتوح المصدر) | نعم (CLI) | لا | reg-cli (pixel diff) |
| jest-image-snapshot | محلي / CI | مجاني (مفتوح المصدر) | نعم (Jest أصلي) | لا | Pixel diff |
هذا الجدول يغطي المعايير التي تقيّمها الفرق أولاً: أين تمر البيانات، كم تكلف على نطاق واسع، وأي تقنية مقارنة تُستخدم. الآن، لنفصّل كل أداة.
Delta-QA: البديل بدون كود والمحلي بالكامل
Delta-QA تحتل موقعاً فريداً واستثنائياً في مشهد الاختبار البصري: إنها الأداة الوحيدة في السوق التي تجمع بين غياب الكود تماماً والنشر المحلي بالكامل على جهازك.
ما تفعله Delta-QA بشكل ممتاز. تثبّت تطبيق سطح المكتب البسيط. تفتح موقعك. تتصفح بشكل طبيعي ومألوف — نقرات، تمرير، ملء نماذج. Delta-QA تسجل كل حالة وتقارنها في عمليات التشغيل اللاحقة تلقائياً. بدون SDK، بدون خط أنابيب، بدون سطر أوامر واحد.
خوارزمية المقارنة مختلفة جذرياً وثورياً عن Percy. حيث يلتقط Percy الـ DOM لعرضه كصورة ومقارنة البكسلات بكسلة، تعتمد Delta-QA على محرك مقارنة بصرية حتمي مُعاير على الإدراك البشري: لا يبلّغ إلا عما تلاحظه العين البشرية. النتيجة: صفر إيجابيات كاذبة من العرض، وتقارير دقيقة تشير بالضبط إلى ما تغيّر — "حجم خط العنصر تغير من 24px إلى 22px"، "الهامش الأيسر زاد 8px".
كل شيء يبقى على جهازك المحلي. لا تُرسل أي بيانات للخارج على الإطلاق. نسخة Desktop مجانية تماماً وبدون حدود للقطات — لا عدّاد ينفد، لا مستوى للمراقبة أو الترقية.
ما لا تفعله Delta-QA بنفس الكفاءة. إذا كنت تبحث عن أداة تتكامل أصلياً في خط أنابيب CI/CD مثل Percy، فإن Delta-QA تعمل أكثر في وضع جلسة سطح المكتب (نسخة Team تقدم إمكانيات أتمتة متقدمة، لكنها ليست نفس النموذج تماماً). النظام البيئي لا يزال أصغر سناً — تكاملات طرف ثالث أقل، مجتمع قيد البناء والتوسع.
وإذا كنت بحاجة لاختبار 10 تركيبات متصفح/نظام تشغيل في السحابة في وقت واحد ومتوازٍ، فهذا ليس نهج Delta-QA. الأداة تختبر على متصفحك المحلي، في ظروف حقيقية وواقعية.
لمن هي مناسبة بالتحديد. فرق الجودة بدون مطورين الذين لا يستطيعون استخدام Percy أو الأدوات القائمة على الكود. الشركات ذات قيود GDPR أو سيادة البيانات الصارمة. الفرق التي تريد اختبارات بصرية غير محدودة دون مراقبة عدّاد لقطات ينفد. المؤسسات التي تفضل نتيجة حتمية وقابلة للتدقيق بدلاً من مقارنة الصور التقليدية.
Applitools: البديل المؤسسي المتقدم بالذكاء الاصطناعي
Applitools هو المنافس التاريخي الأكثر مباشرة لـ Percy في السوق. إنه منتج مؤسسي متكامل بقيمة واضحة ومحددة: الذكاء الاصطناعي المتقدم في خدمة الاختبار البصري والكشف عن الانحدارات.
ما يفعله Applitools بشكل ممتاز. Visual AI، المدرّب على مليارات صور الواجهات من مشاريع متنوعة، فعّال حقاً وملموساً في التمييز بين التغييرات المهمة الحقيقية وضوضاء العرض غير المهمة. إنه ردهم المبتكر على مشكلة الإيجابيات الكاذبة — وهو يعمل بشكل جيد وموثوق في معظم الحالات العملية.
Ultrafast Grid يسمح بالاختبار على عشرات تركيبات المتصفح/الدقة بالتوازي وفي وقت واحد. إذا كان لديك منتج B2C بجمهور ضخم عبر متصفحات وأجهزة متنوعة، فهذه ميزة ملموسة وقوية. لوحة التحكم شاملة ومتقدمة، وSSO والتكاملات المؤسسية ناضجة وموثوقة.
ما لا يفعله Applitools بنفس الجودة. السعر أعلى بشكل ملحوظ وجوهري من Percy — وكل شيء يمر عبر عروض أسعار مخصصة بعقود سنوية ملزمة، مما يصعّد المقارنة المباشرة والشفافة. تعقيد التكامل مشابه لـ Percy (SDK، كود، خط أنابيب) وأحياناً أعلى حسب التكوين المطلوب.
الذكاء الاصطناعي يعمل كصندوق أسود غير شفاف. عندما يعمل بشكل صحيح، إنه سحري وفعّال. عندما يخطئ — يقبل انحداراً حقيقياً أو يرفض تغييراً طبيعياً ومقصوداً — فهم السبب الحقيقي وراء ذلك شبه مستحيل. للفرق التي تحتاج نتائج حتمية وقابلة للتدقيق والمراجعة، هذا عيب حقيقي وجوهري.
السحابة إلزامية وقسرية (يوجد خيار on-premise للحسابات الكبيرة والشركات الكبرى، لكن بسعر مميز ومرتفع جداً).
لمن هي مناسبة بالتحديد. الشركات الكبيرة والمؤسسات ذات الميزانية الكبيرة التي تريد أقصى وظائف ممكنة. الفرق التي تحتاج اختبار cross-browser ضخم ومتقدم. المؤسسات المستعدة لقبول نموذج الذكاء الاصطناعي غير الشفاف مقابل إيجابيات كاذبة أقل.
Chromatic: البديل المتخصص لـ Storybook
Chromatic مبني ومطوّر بواسطة مشرفي Storybook أنفسهم. إذا كان فريقك يطوّر باستخدام Storybook، فهو بديل طبيعي ومنطقي جداً لـ Percy لاختبار المكونات البصرية والتحقق من سلامتها.
ما يفعله Chromatic بشكل جيد. التكامل سلس وشفاف — كل story في Storybook تصبح اختباراً بصرياً تلقائياً بدون أي تكوين إضافي. تقنية anti-flake من بين الأفضل في السوق للتعامل مع الرسوم المتحركة والاختلافات الدقيقة والمزعجة. واجهة المراجعة التعاونية مصممة بعناية ليعمل المصممون والمطورون معاً بتناغم.
التسعير واضح ومنشور وشفاف. المستوى المجاني يقدم 5,000 لقطة شهرياً على Chrome. الخطط المدفوعة تبدأ من 179$/شهر مع دعم متعدد المتصفحات (حتى 06/2026، chromatic.com/pricing).
ما لا يفعله Chromatic بنفس الكفاءة. Chromatic يختبر مكونات معزولة ومنفصلة، وليس صفحات كاملة ومتكاملة. مكون ينجح في جميع الاختبارات البصرية في Storybook قد يكسر تخطيطاً حقيقياً ومهماً عند تجميعه مع عناصر أخرى في صفحة فعلية. هذا قيد جوهري وأساسي في المنهج: اختبار الطوب اللبنات المنفصلة لا يضمن أن الجدار النهائي يصمد ويبدو متقناً.
إذا كان مشروعك لا يستخدم Storybook إطلاقاً، فإن Chromatic لا معنى له ولا فائدة منه. تكاملات Playwright وCypress وسّعت النطاق منذ 2025، لكنها لا تزال في طور النضج والتطوير.
سحابة فقط، مثل Percy تماماً.
لمن هي مناسبة بالتحديد. فرق الواجهة الأمامية بنظام تصميم مبني في Storybook. مشاريع React أو Vue أو Angular متمحورة حول المكونات. الفرق التي تريد بديلاً مخصصاً لـ Percy خصيصاً لاختبار مكونات الواجهة البصرية.
Playwright: البديل المجاني والسيادي والمفتوح
Playwright من Microsoft يقدم screenshot testing أصلي ومدمج. إنه مجاني تماماً، مفتوح المصدر، والبديل الأكثر وضوحاً وجاذبية للفرق التقنية التي تريد الخروج من نموذج SaaS المدفوع والاعتماد على خدمة خارجية.
ما يفعله Playwright بشكل ممتاز. تكلفة صفر. تبعية خارجية صفر. إرسال بيانات صفر للخارج. كل شيء يعمل محلياً أو في خط أنابيب CI الخاص بك بالكامل. دعم المتصفحات المتعددة كامل ومتكامل (Chromium، Firefox، WebKit) ومدمج أصلياً. إذا كنت تستخدم Playwright بالفعل للاختبارات الوظيفية، فإضافة تأكيدات بصرية تتطلب سطراً واحداً إضافياً فقط من الكود.
المجتمع ضخم ونشط، التوثيق ممتاز وشامل، وتيرة التحديث مستمرة ومتسارعة. أصبح Playwright إطار اختبار end-to-end المرجعي والمُعتَمد في 2026، وقدراته البصرية تتبع هذا الزخم القوي بنجاح.
ما لا يفعله Playwright بنفس الكفاءة. إنه أداة مطور بحتة ومصممة لفريق تقني. لا واجهة رسومية للمراجعة البصرية. لا لوحة تحكم مركزية. الصور المرجعية هي ملفات صور مخزنة في مستودع Git — وهو ما يصبح مرهقاً ومعقداً بسرعة مع عشرات الاختبارات والتحديثات المتكررة والمستمرة.
المقارنة تعتمد على pixel diff بعتبات قابلة للتكوين. الإيجابيات الكاذبة موجودة وتتطلب تكويناً دقيقاً — عتبات تسامح محددة، إخفاء مناطق ديناميكية، تثبيت البيئة بدقة. إنه عمل تقني حقيقي ومستهلك للوقت.
لا مراجعة تعاونية أصلية، لا سير عمل موافقة مدمج، لا تقارير مركزية متقدمة. إذا كان فريقك أكثر من 3 أشخاص، فإدارة الصور المرجعية في Git قد تصبح نقطة احتكاك وتهدد استدامة العملية.
للحصول على دليل مفصّل وشامل، اطلع على دليل Playwright للاختبار البصري.
لمن هو مناسب بالتحديد. الفرق التقنية التي تتقن Playwright وتريد تحكماً كاملاً ومطلقاً. مشاريع بميزانية صفرية تماماً. المطورون الذين يفضلون الكود على لوحات التحكم والواجهات الرسومية. الفرق التي ترفض الاعتماد على خدمة طرف ثالث خارجية.
بدل سحابة Percy وفوترتها، اختبر واجهتك على جهازك مباشرة. Delta-QA يقارن لقطات الشاشة ويكشف الفروق عبر تطبيق سطح مكتب مجاني وبدون كود، تبقى فيه كل البيانات محلية. جرّب Delta-QA →
BackstopJS: البديل البسيط والمحافظ
BackstopJS أداة مفتوحة المصدر مخصصة حصرياً لـ screenshot testing، أقدم وأبسط من جميع البدائل المذكورة. تمثل النهج البسيط والمحافظ: ملف تكوين واحد، أداة سطر أوامر واحدة، تقرير HTML واحد واضح.
ما يفعله BackstopJS بشكل جيد. التكوين مباشر وبسيط. ملف JSON تسرد فيه العناوين URL، الـ viewports المطلوبة، المحددات للإخفاء، والإجراءات قبل الالتقاط. BackstopJS يتحكم في المتصفح عبر Puppeteer أو Playwright، يلتقط الصفحات، ويقارنها بالصور المرجعية الموجودة والمخزنة.
تقرير HTML المُولّد واضح ومفيد وسهل الاستخدام. لا حاجة لحساب سحابي، لا حدود قصوى، لا فواتير متكررة. إنها أداة يمكنك تثبيتها في 5 دقائق فقط وتنتج نتائج فورية وقابلة للتنفيذ.
لحالات الاستخدام البسيطة والمحددة — مراقبة 10 صفحات بصرياً على 2 viewports — BackstopJS يفعل بالضبط ما هو مطلوب، بدون تعقيد إطار اختبار كامل ومتقدم.
ما لا يفعله BackstopJS بنفس الكفاءة. وتيرة الصيانة تباطأت بشكل ملحوظ. التحديثات أقل تكراراً من ذي قبل، المجتمع أصغر بكثير من مجتمع Playwright النشط. الأخطاء تُصحح بشكل معتاد، لكن الميزات الجديدة نادراً ما تصل أو تُضاف.
المقارنة تستخدم ResembleJS (pixel diff)، مع الإيجابيات الكاذبة المعتادة والمتوقعة. لا لوحة تحكم تعاونية، لا سير عمل موافقة مدمج، لا تكامل أصلي مع أدوات مراجعة الكود الشائعة.
وكجميع الأدوات القائمة على الكود البرمجي، يتطلب BackstopJS ملفاً شخصياً تقنياً ذا مهارات متقدمة للتثبيت والصيانة المستمرة.
لمن هو مناسب بالتحديد. المطورون الذين يريدون أداة screenshot testing مخصصة وخفيفة ومباشرة. المشاريع ذات الاحتياجات البسيطة والمحددة بوضوح. الفرق التي تفضل البساطة على الوظائف المتقدمة. المشاريع القديمة والتراثية التي لم تتبنَّ Playwright بعد.
Lost Pixel: البديل لـ monorepos البصرية
Lost Pixel يتوضع كمنصة اختبار بصري موحدة: صفحات كاملة ومكونات Storybook ومكونات Storybook Histoire في خط أنابيب واحد.
ما يفعله Lost Pixel بشكل جيد. التغطية واسعة. Lost Pixel يختبر صفحاتك عبر Playwright ومكوناتك عبر Storybook ومكونات Histoire — كل ذلك في إعداد واحد. إنه من الأدوات النادرة التي تغطي هذه المجالات الثلاثة بصورة أصلية.
المستوى المجاني يقدم 7,000 لقطة شهرياً، وهو أكثر سخاءً من Percy (5,000). خيار self-hosted متاح للفرق التي تريد التحكم الكامل في البيانات. تكاملات CI/CD كاملة (GitHub Actions، GitLab CI، CircleCI).
ما لا يفعله Lost Pixel بنفس الكفاءة. المقارنة تبقى pixel diff مع عتبات — الإيجابيات الكاذبة المرتبطة بالعرض لا تُزال بشكل جوهري. الأداة أحدث من Percy أو Applitools، والنظام البيئي للإضافات والتكاملات لا يزال في طور النمو. تسعير self-hosted غير منشور، مما يعقّد المقارنة الميزانيتية للشركات التي تريد تجنب السحابة.
لمن هو مناسب بالتحديد. فرق الواجهة الأمامية في monorepo مع مكونات Storybook وصفحات كاملة للاختبار. المنظمات التي تريد أداة واحدة تغطي المكونات والصفحات. الفرق التي تقدّر خيار self-hosted.
LambdaTest SmartUI: البديل cross-browser المتاح
LambdaTest، المعروف أساساً بمنصة cross-browser testing، يقدم SmartUI — وحدة اختبار بصري مدمجة في نظامه البيئي.
ما يفعله LambdaTest SmartUI بشكل جيد. سعر الدخول من بين الأدنى في سوق السحابة: خطط LambdaTest تبدأ من 15$/شهر (حتى 06/2026)، وSmartUI يُضاف إلى المنظومة. إذا كنت تستخدم LambdaTest بالفعل لـ cross-browser testing يدوي أو آلي، فإن SmartUI يُضاف بلا احتكاك — نفس الآلات السحابية تخدم الاستخدامين.
تغطية المتصفح/OS ضخمة (أكثر من 3,000 بيئة حسب LambdaTest). تكاملات CI/CD متاحة (GitHub Actions، Jenkins، CircleCI). المستوى المجاني يقدم 5,000 لقطة، مثل Percy.
ما لا يفعله LambdaTest SmartUI بنفس الكفاءة. المقارنة هي pixel diff قياسي. الإيجابيات الكاذبة موجودة وإعداد عتبات التسامح يعتمد كلياً على المستخدم. لا دعم أصلي لـ Storybook — يجب المرور عبر نصوص Playwright أو Cypress. واجهة المراجعة وظيفية لكن أقل صقلًا من Chromatic أو Applitools.
سحابة فقط، بدون خيار on-premise.
لمن هو مناسب بالتحديد. الفرق العميلة بالفعل في LambdaTest التي تريد إضافة اختبار بصري بدون أداة إضافية. الشركات الصغيرة والمتوسطة بميزانية محدودة تحتاج cross-browser testing. المنظمات التي يكون فيها السعر المعيار الأول.
reg-suit: البديل المصمم لـ CI أولاً
reg-suit أداة مفتوحة المصدر يابانية مصممة خصيصاً للتكامل في خطوط أنابيب CI/CD. لا لوحة تحكم، لا واجهة رسومية — أداة CLI تقارن الصور وتنشر تقريراً.
ما يفعله reg-suit بشكل جيد. التثبيت في حده الأدنى. أمر npx reg-suit init واحد يُعدّ المشروع، وreg-suit يتولى مقارنة اللقطات بالصور المرجعية ثم نشر تقرير HTML على حاوية S3 أو GCS أو Azure Blob. تكاملات خدمات التخزين السحابي كاملة وموثّقة.
التقرير المُولّد واضح: قبل، بعد، الفرق، مع مؤشرات تشابه بالنسبة المئوية. إنها مجانية ومفتوحة المصدر والكود يخضع لصيانة نشطة. التكامل مع GitHub Reports يسمح بعرض النتائج مباشرة في طلبات السحب.
ما لا يفعله reg-suit بنفس الكفاءة. إنها حصرياً أداة مقارنة صور. لا تقود متصفحاً ولا تلتقط صفحات — بل تقارن ما تقدّمه لها. إذا كنت تستخدم Playwright أو Cypress للقطات، فإن reg-suit يتولى المقارنة وإعداد التقارير. إنها لبنة وليست حلاً كاملاً.
لا دعم أصلي لـ Storybook، لا واجهة مراجعة تعاونية، لا سير عمل موافقة. المقارنة هي pixel diff عبر reg-cli — الإيجابيات الكاذبة موجودة.
لمن هو مناسب بالتحديد. الفرق التي تقود لقطاتها بالفعل عبر Playwright أو Cypress وتبحث عن أداة خفيفة للمقارنة وإعداد التقارير في CI. المطورون الذين يريدون تقرير diff بصري في طلبات السحب دون الدفع مقابل SaaS.
jest-image-snapshot: البديل لفرق Jest
jest-image-snapshot، المطوّر من قبل American Express، هو matcher لـ Jest يضيف تأكيدات بصرية إلى اختباراتك الوحدوية والتكاملية الموجودة.
ما يفعله jest-image-snapshot بشكل جيد. إذا كان فريقك يستخدم Jest بالفعل، فإن التكامل فوري: expect(await page.screenshot()).toMatchImageSnapshot() وهذا كل شيء. الصور المرجعية تُخزّن بجانب snapshots Jest الموجودة — نفس سير العمل ونفس العقلية.
الإعداد دقيق: عتبات تسامح، مناطق إخفاء، مقارنة بكسلة ببكسلة أو بالكتل. إنها مجانية ومفتوحة المصدر وصيانتها نشطة. نهج "لقطة واحدة لكل اختبار" طبيعي للمطورين المعتادين على snapshots في Jest.
ما لا يفعله jest-image-snapshot بنفس الكفاءة. إنها matcher وليست أداة كاملة. لا لوحة تحكم، لا مراجعة تعاونية، لا تقرير HTML مستقل. الصور المرجعية هي ملفات PNG في مستودعك — نفس مشكلة الحجم التي يواجهها Playwright.
المقارنة هي pixel diff مع pixelmatch. الإيجابيات الكاذبة موجودة وتتطلب نفس إعداد العتبات والإخفاء كالأدوات الأخرى القائمة على pixel diff. لا دعم أصلي لـ Storybook.
لمن هو مناسب بالتحديد. الفرق المجهزة بالفعل بـ Jest التي تريد إضافة اختبار بصري بدون أداة إضافية. المطورون الذين يفضلون البقاء في نظام Jest البيئي. المشاريع التي تكون فيها الاختبارات البصرية مكملة للاختبارات الوظيفية الموجودة.
كيف تختار: معايير القرار
بعد جدول المقارنة، ثلاثة أسئلة تكفي لتوجيه اختيارك.
هل لديك قيود على سيادة البيانات؟ إذا نعم، استبعد مباشرة Percy وApplitools وChromatic وLambdaTest وخيار السحابة في Lost Pixel. يبقى Delta-QA (بدون كود، محلي)، Playwright، BackstopJS، reg-suit وjest-image-snapshot — جميعها محلية ومجانية وبدون إرسال بيانات.
هل يتضمن فريق QA لديك غير مطورين؟ إذا نعم، فإن Percy وApplitools وPlaywright وBackstopJS وreg-suit وjest-image-snapshot غير متاحة بدون ملف تقني. Delta-QA هي الخيار الوحيد بدون كود في هذه القائمة. Chromatic وLost Pixel يتطلبان أيضاً كوداً، لكن واجهة المراجعة فيهما متاحة للمصممين.
ما ميزانيتك؟ بميزانية صفرية: Playwright، BackstopJS، reg-suit، jest-image-snapshot وDelta-QA Desktop. بميزانية معتدلة (< 200$/شهر): Chromatic، Lost Pixel أو LambdaTest SmartUI. ميزانية مؤسسية: Applitools.
الأسئلة الشائعة
هل Percy لا يزال مجانياً فعلاً؟
Percy يقدم مستوى مجاني بـ 5,000 لقطة شهرياً مع مستخدمين غير محدودين. بعد ذلك، تتولّى خطط مدفوعة حسب الاستخدام (الجدول على browserstack.com/percy). انتبه جيداً: كل تركيبة صفحة/viewport تُحسب كلقطة مستقلة، لذا يمكن استهلاك الـ 5,000 لقطة بسرعة كبيرة في مشروع نشط بعدة viewports متعددة.
ما أفضل بديل مجاني لـ Percy؟
Playwright وBackstopJS مجانيان ومفتوحا المصدر لكنهما يتطلبان كوداً. Delta-QA Desktop مجاني بدون حدود للقطات ويعمل دون كتابة سطر كود واحد. reg-suit وjest-image-snapshot مجانيان أيضاً لكنهما يتكاملان فقط في خطوط أنابيب اختبار موجودة.
هل يمكن استخدام Percy محلياً (on-premise)؟
لا. Percy حصرياً في السحابة ولا يقدم خياراً محلياً. إذا كانت لديك قيود سيادة بيانات أو متطلبات امتثال GDPR صارمة، فخياراتك المحلية المتاحة هي Delta-QA (بدون كود)، أو Playwright أو BackstopJS أو reg-suit أو jest-image-snapshot (يتطلبان كوداً ومهارات تقنية).
أي بديل لـ Percy يعمل مع Storybook؟
Chromatic هو البديل الأكثر تكاملاً مع Storybook — كل story تصبح اختباراً بصرياً بدون إعداد. Lost Pixel يدعم أيضاً Storybook وStorybook Histoire. الأدوات الأخرى (Applitools, Percy, Playwright) يمكنها اختبار مكونات Storybook عبر SDK أو نصوص برمجية، لكن دون التكامل الأصلي الذي يقدمه Chromatic.
كيف تهاجر من Percy إلى بديل آخر؟
إلى Applitools أو Lost Pixel: تستبدل SDK Percy بـ SDK الأداة — الهيكل يبقى مشابهاً ومألوفاً. إلى Playwright أو jest-image-snapshot: تعيد كتابة التأكيدات البصرية بتنسيق إطار العمل الخاص، وهو عمل أكثر تعقيداً. إلى Delta-QA: تعيد إنشاء مساراتك بصرياً في تطبيق سطح المكتب بشكل مرئي، دون لمس الكود الحالي أو تعديله. إلى reg-suit: تكيّف الإعداد وأوامر CLI.
لعب Percy دوراً مهماً ومؤثراً في نشر ودمقرطة الاختبار البصري الآلي. لكن السوق تطور بشكل ملحوظ، والقيود التي لم تكن موجودة قبل سنوات — سيادة البيانات، الإتاحة لغير المطورين، تكلفة السحابة على نطاق واسع — تدفع المزيد والمزيد من الفرق لاستكشاف البدائل المتاحة والانتقال إليها.
إذا كنت تريد الاختبار البصري بدون كود، بدون سحابة خارجية وبدون حدود للقطات، فإن Delta-QA مصممة بالضبط من أجل ذلك. تطبيق سطح المكتب مجاني تماماً وبدون أي قيود.
مستعد للتوقف عن مراقبة عدّاد اللقطات؟ ثبّت Delta-QA Desktop وأطلق مقارناتك البصرية بلا حدود، مجاناً وبدون تسجيل وبدون سحابة. جرّب Delta-QA مجاناً ←