الاختبار المرئي باللقطات (screenshot testing): طريقة لاكتشاف الانحدارات المرئية تقوم على التقاط صورة لصفحة ويب أو مكوّن، ثم مقارنتها بصورة مرجعية، وتُعدّ الاختلافات التي تُحكم بأنها مهمة انحدارات محتملة.
ظل Percy زمناً طويلاً الاسم الذي يخطر أولاً عند الحديث عن الاختبار المرئي الآلي. اشترته BrowserStack عام 2020، واستقر الأداة كالحل «البديهي» للفرق التي تريد إضافة طبقة مقارنة مرئية إلى خط اختباراتها.
تغير المشهد. ولم يعد السؤال الذي ينبغي لكل فريق أن يطرحه اليوم «كيف ندمج Percy في اختباراتنا؟» بل «هل مقاربة Percy هي الأنسب لحاجتنا؟».
يجيب Delta-QA عن المشكلة نفسها بطريقة مختلفة. لا فاتورة لكل لقطة، ولا اختبار يُكتب: تسجّلون مساراتكم في المتصفح، ويخبركم Delta-QA أي عنصر تغيّر من نسخة إلى أخرى. بصيغة SaaS أو، مع عرض On-Premise، داخل شبكتكم. لنقارن بين الاثنين.
جميع مقارناتنا، وفق معايير قابلة للتحقق: البدائل والمقارنات.
وماذا لو لم يرفع اختبار كل صفحة فاتورة اللقطات لديكم؟ يتحقق Delta-QA من مساراتكم بدون برمجة، بحساب مجاني ودون بطاقة مصرفية. جرّب Delta-QA مجانًا ←
Percy: الاختبار المرئي كامتداد لاختباراتكم القائمة
يعمل Percy بمبدأ بسيط: في نقاط تختارونها من اختباراتكم الآلية، تُطلقون عملية التقاط. تُرسل هذه اللقطة إلى بنية BrowserStack التحتية، حيث تُقارن بصورة مرجعية (baseline). وتُعرض الاختلافات في لوحة تحكم على الويب يعتمد فيها فريقكم كل تغيير أو يرفضه.
ولاستخدامه في مساراتكم، يجب أولاً أن تكون لديكم اختبارات آلية (Cypress أو Playwright أو Selenium أو Storybook أو أحد أطر العمل العديدة المدعومة). تثبّتون SDK الخاص بـ Percy المناسب، وتضيفون استدعاءات الالتقاط في المواضع المناسبة، وتضبطون رمزاً (token) للتواصل مع Percy. وتعلن BrowserStack عن «Visual Test Integration Agent»، لا يزال قادماً حتى 10/2026، لأتمتة هذا الإعداد من بيئة التطوير (IDE).
ويقدم Percy أيضاً Website Scanner: تضيفون صفحات عبر خريطة موقعها (sitemap)، وتجدولون عمليات مسح متكررة، بما في ذلك على بيئة ما قبل الإنتاج وخلف مصادقة. إنه مدخل بلا اختبار يُكتب لمراقبة الصفحات. أما المسارات (تسجيل الدخول، والسلة، ونموذج متعدد الخطوات) فتمر عبر اختباراتكم وSDK.
إن كنتم مطورين مرتاحين مع أدوات الاختبار، فكل ذلك ممكن في بضع ساعات. وإن لم تكونوا كذلك، فأنتم تعتمدون على شخص آخر لإعداد اختبارات مساراتكم وصيانتها.
Delta-QA: الاختبار المرئي كنشاط مستقل
ينطلق Delta-QA من مسلّمة معاكسة: ينبغي ألا يكون الاختبار المرئي طعماً مركّباً على اختباراتكم الوظيفية. إنه نشاط قائم بذاته، له مستخدموه.
عملياً، تفتحون موقعكم في Delta-QA وتتصفحون السيناريو كما يفعل مستخدم: تسجيل الدخول، والتنقل، والنموذج. تتحول كل خطوة إلى نقطة تحقق. وفي الإصدار التالي، يعيد Delta-QA تشغيل المسار في متصفح حقيقي ويقارن كل صفحة بمرجعها كما تفعل العين البشرية: يرصد العناصر التي تغيّرت ويسمّيها في التقرير.
والنتيجة تقرير مقروء: عنصر أُضيف أو حُذف أو عُدّل أو نُقل، ولون تغير، وهامش تحرك، وخط يختلف. تحكمون على كل اختلاف، مقصود أم عيب، ويتقدم المرجع معكم.
وكل ذلك دون كتابة سطر واحد من الشيفرة البرمجية. إن كنتم تعرفون تصفح موقعكم، فأنتم تعرفون تسجيل سيناريو.
برمجة مقابل بدون برمجة: لماذا يغيّر ذلك كل شيء
الفرق الأكثر جوهرية بين Percy وDelta-QA ليس تقنياً، بل تنظيمي.
Percy أداة مطورين في المقام الأول. بالنسبة للمسارات، يعيش في الشيفرة البرمجية، ويُثبَّت عبر npm أو pip، ويُضبط في ملفات، ويُنفَّذ في خطوط CI/CD. وهذا منطقي تماماً حين يكون مختبروكم مطورين.
فكروا في فريقكم. من يهتم بالجودة المرئية لمنتجكم؟ المطورون بالطبع. لكن أيضاً المصممون الذين أنشؤوا التصاميم، وملّاك المنتج الذين اعتمدوا المسارات، ومديرو الجودة الذين يحددون معايير القبول، ومسؤولو التسويق الذين يديرون صفحات المحتوى.
مع Percy، يعتمد هؤلاء التغييرات أو يرفضونها في لوحة التحكم، ويمكنهم إضافة صفحات إلى Website Scanner. لكن المسار الذي يتطلب إجراءات (تسجيل الدخول، وملء سلة، وتأكيد نموذج) يبقى شأن من يكتبون الاختبارات.
أما Delta-QA فيضمهم. يستطيع أي شخص في الفريق تسجيل مسار وإعادة تشغيله والحكم على النتائج. ويصبح الاختبار المرئي مسؤولية مشتركة بدل مهمة تقنية مفوَّضة.
الفاتورة بحسب اللقطة: نموذج يثقل على التغطية
يستحق النموذج الاقتصادي لـ Percy اهتماماً خاصاً، لأنه يربط تغطية الاختبار بالميزانية مباشرة.
حتى 10/2026، بحسب قائمة أسعار BrowserStack:
- Free: 5 000 لقطة شهرياً، ومستخدمون غير محدودين، وسجل لمدة شهر.
- Desktop: ابتداءً من 199 دولاراً شهرياً بالفوترة السنوية، مقابل 10 000 لقطة شهرياً؛ وتُفوتر كل لقطة إضافية بـ 0,036 دولار.
- Desktop & Mobile: ابتداءً من 599 دولاراً شهرياً بالفوترة السنوية، مقابل 25 000 لقطة شهرياً وأجهزة الجوال الحقيقية؛ و0,048 دولار لكل لقطة إضافية.
- Enterprise: اختياري، بعرض سعر (SSO، والتحكم في الوصول، واتفاقية مستوى الخدمة).
النقطة التي يجب الانتباه إليها هي تعريف اللقطة: كل تركيبة من صفحة ومتصفح وعرض شاشة تنتج لقطة. فإن اختبرتم 10 صفحات على 3 عروض ومتصفحين، فهذا 60 لقطة لكل تنفيذ. وبمعدل تنفيذين يومياً، تنفد الحصة المجانية في أقل من ثلاثة أسابيع.
لنأخذ موقع تجارة إلكترونية بـ 500 صفحة منتج، يُتحقق منه بعد كل نشر يومي على ثلاثة عروض شاشة: 45 000 لقطة شهرياً. نحن هنا فوق خطة Desktop الأساسية، وكل لقطة إضافية تُدفع.
يخلق هذا النموذج توتراً بين تغطية الاختبار والميزانية. وتنتهي الفرق إلى تقليص الصفحات المختبرة أو وتيرة الاختبار أو عروض الشاشة، لا لأن ذلك هو القرار التقني الصائب، بل لأن الميزانية تفرضه.
لا يفوتر Delta-QA بحسب اللقطة. يُنشأ الحساب المجاني دون بطاقة مصرفية، ثم تتبع الخطط الاستخدام، دون عداد لكل لقطة أو متصفح أو عرض شاشة.
سحابي أم On-Premise: سيادة بياناتكم
كل لقطة تُرسل إلى Percy تمر عبر بنية BrowserStack التحتية وتُخزَّن فيها. وبالنسبة لمعظم المواقع العامة، لا تمثل هذه مشكلة. لكن المواقع العامة ليست سوى جزء مما تختبره الفرق.
ماذا عن واجهتكم الإدارية؟ ولوحة التحكم الداخلية ببيانات العملاء؟ وبيئة ما قبل الإنتاج التي تحوي بيانات إنتاج مجهَّلة بشكل سيئ؟ وبوابتكم الطبية، وواجهتكم المصرفية، ونظام الموارد البشرية لديكم؟
إرسال لقطات هذه الصفحات إلى طرف ثالث، ولو كان معتمداً، يطرح أسئلة لا تستطيع بعض المؤسسات تجاهلها: RGPD، وHDS، وPCI-DSS، وسياسات الأمان الداخلية. وحتى 10/2026، لا تقدم قائمة أسعار Percy نشراً on-premise.
يجيب Delta-QA بعرض On-Premise. تعمل الأداة داخل شبكتكم، وتُقارَن صفحاتكم فيها، وتبقى النتائج فيها. ويمكن تقييم العرض عبر POC مجاني لمدة شهر.
هل يجب ألا تخرج لقطاتكم من عندكم؟ يعمل Delta-QA بصيغة SaaS أو، مع عرض On-Premise، داخل شبكتكم. ابدؤوا بحساب مجاني، دون بطاقة مصرفية. جرّب Delta-QA مجانًا ←
استقرار النتائج: ضوضاء العرض
كل من استخدم أداة اختبار مرئي قائمة على اللقطات يعرف الإيجابيات الكاذبة. يختلف عرض الخط من نظام إلى آخر، ويتباين تنعيم الحواف، ورسم متحرك التُقط في لحظة مختلفة ينتج صورة أخرى، وشريط تمرير يظهر يزيح كل شيء ببضعة بكسلات.
اشتغل Percy كثيراً على هذه النقطة. يعتمد «Percy Visual Engine» لديه، بحسب BrowserStack، على الرؤية الحاسوبية والتعلم الآلي في المقارنات. ويعطّل Percy الرسوم المتحركة وملفات GIF قبل الالتقاط، ويقدم ضبطاً لحساسية المقارنة. ويبرز «Visual Review Agent» التغييرات المهمة لتسريع المراجعة. هذه الأدوات تقلل الفرز دون أن تلغيه: يبقى شخص ينظر في كل فرق ويقرر.
يتناول Delta-QA المشكلة من الطرف الآخر: إنه يقارن عناصر الصفحة لا صورتين. يخبر التقرير أي عنصر تغير وكيف (لون، أو هامش، أو خط، أو موضع)، ما يجعل الحكم على كل اختلاف سريعاً. ولفهم الفرق بين المقاربتين، راجعوا مقالنا عن المقارنة بكسلاً ببكسل والمقارنة الإدراكية.
التكامل مع CI/CD: مقاربتان
يندمج Percy في خطوط CI/CD عبر SDK الخاص به. وهو تكامل ناضج يعمل مع أنظمة CI الكبرى (GitHub Actions وGitLab CI وJenkins وCircleCI)، مع حالة تظهر مباشرة في طلب السحب.
ولدى Delta-QA الآن SDK هو Vision، لـ Playwright (TypeScript/JavaScript). مع SDK Vision، يضيف اختبار Playwright سطراً حيث يجب التحقق من صفحة؛ وأي اختلاف لم يُحكَم فيه يُفشل الاختبار، ويعطي سجل CI رابط التقرير. تعيش اختباراتكم المبرمجة وسيناريوهاتكم المسجَّلة بدون برمجة في الفضاء نفسه: المراجع نفسها والتقرير نفسه. ويحتفظ Percy بأفضلية النضج وعدد أطر العمل المغطاة.
متى يبقى Percy الخيار الصائب
تريدون الاختبار المرئي مكمّلاً لاختباراتكم الوظيفية القائمة. إن كانت لديكم حزمة Cypress أو Selenium أو Playwright متينة، فإضافة Percy هي أقل الطرق مقاومة، بتكامل CI ناضج مع أطر عمل كثيرة.
تحتاجون إلى اختبار مرئي عبر المتصفحات. يلتقط Percy على عدة متصفحات عبر بنية BrowserStack التحتية، وعلى أجهزة جوال حقيقية مع خطة Desktop & Mobile. أما Delta-QA فيقارن اليوم على Chromium؛ ودعم Firefox وWebKit مُخطَّط له.
فريقكم مؤلف من مطورين. إن كان من سيجري الاختبار المرئي كلهم مرتاحين مع SDK وخطوط CI، فحاجز الدخول إلى Percy منخفض.
متى يكون Delta-QA الخيار الأفضل
الاختبار المرئي حاجة قائمة بذاتها، لا امتداد لاختباراتكم الوظيفية. إن لم تكن لديكم اختبارات آلية، أو لم تكن مساراتكم مغطاة بها، فإن Delta-QA يتحقق منها دون كتابة أي اختبار.
يجب أن يشارك غير المطورين. مسؤولو الجودة، والمصممون، وملّاك المنتج، والتسويق: إن كان عليهم تسجيل المسارات والحكم عليها دون المرور بمطور، فإن Delta-QA مصنوع لهم.
ترفضون الفوترة بحسب اللقطة. إن كنتم لا تريدون أن يمليّ عداد عدد الصفحات والمتصفحات وعروض الشاشة المختبرة، فإن نموذج Delta-QA يرفع هذا القيد.
سرية البيانات غير قابلة للتفاوض. إن كانت سياساتكم تمنع إرسال اللقطات إلى طرف ثالث، فإن عرض On-Premise من Delta-QA يُبقي كل شيء داخل شبكتكم.
تريدون تقريراً يُقرأ. إن أحبطكم فرز فروق الصور، فإن تقريراً يسمّي العنصر المتغير والخاصية المعدَّلة يغيّر المراجعة.
الحكم
Percy أداة ناضجة، متكاملة جيداً في منظومة BrowserStack، وفعالة لفرق المطورين الذين يريدون إضافة طبقة مرئية إلى اختباراتهم الآلية، مع اختبار عبر المتصفحات وأجهزة حقيقية.
لكن فرقاً كثيرة لا تحتاج إلى SDK وخدمة سحابية وفوترة بحسب اللقطة لاكتشاف الانحدارات المرئية في مساراتها. إنها تحتاج إلى أداة يستطيع الفريق كله استخدامها، ولا تتضخم فاتورتها مع صرامة الاختبارات.
صُمم Delta-QA لهذه الفرق. وهو ليس أوسع من Percy، ولا يدّعي ذلك. إنه يحل الاختبار المرئي للمسارات باحتكاك أقل وإتاحة أكبر. والأداة التي يتبناها الفريق كله غالباً أنفع من تلك التي تبهر.
هل أنتم مستعدون لاختبار مساراتكم دون عدّ لقطاتكم؟ سجّلوا أول سيناريو لكم مع Delta-QA، بحساب مجاني ودون بطاقة مصرفية. جرّب Delta-QA مجانًا ←
الأسئلة الشائعة
هل Percy مجاني؟
يقدم Percy خطة مجانية بـ 5 000 لقطة شهرياً، مع مستخدمين غير محدودين وسجل لمدة شهر (حتى 10/2026). وبعد ذلك، تبدأ الخطط المدفوعة من 199 دولاراً شهرياً بالفوترة السنوية مقابل 10 000 لقطة شهرياً، ثم تُفوتر كل لقطة إضافية. ويبدأ العمل مع Delta-QA بحساب مجاني، دون بطاقة مصرفية.
هل يمكن استخدام Percy دون كتابة الشيفرة البرمجية؟
جزئياً. يراقب Website Scanner في Percy صفحات تُضاف عبر خريطة الموقع، بعمليات مسح مجدولة، دون اختبار يُكتب. أما للتحقق من المسارات (تسجيل الدخول، والسلة، والنموذج) فلا بد من اختبارات آلية وSDK الخاص بـ Percy. ويسجّل Delta-QA هذه المسارات بدون برمجة، من المتصفح.
هل يكتشف Delta-QA العيوب نفسها التي تكتشفها اللقطات؟
يكتشف الانحدارات التي تمس عناصر الصفحة: الألوان، والأحجام، والمواضع، والخطوط، والهوامش، والعناصر المضافة أو المختفية. أما المحتوى الداخلي لصورة أو عيب في العرض خاص بمتصفح فيعودان أكثر إلى مقارنة الصور. ويقارن Delta-QA اليوم على Chromium.
هل يتعامل Percy مع الصفحات ذات المصادقة؟
نعم. في اختباراتكم الآلية، يتولى السكربت تسجيل الدخول قبل الالتقاط؛ ويعرف Website Scanner أيضاً مسح صفحات خلف مصادقة. ومع Delta-QA، يكون تسجيل الدخول ببساطة جزءاً من السيناريو المسجَّل.
هل لدى Delta-QA SDK مثل Percy؟
نعم. لدى Delta-QA الآن SDK هو Vision، لـ Playwright (TypeScript/JavaScript). يجعل SDK Vision Delta-QA يتحقق من صفحة بسطر واحد، وأي اختلاف لم يُحكَم فيه يُفشل الاختبار مع رابط التقرير في CI.
هل يمكن تشغيل Percy on-premise؟
حتى 10/2026، لا تقدم قائمة أسعار Percy نشراً on-premise: يتم العرض والتخزين على بنية BrowserStack التحتية. ويقدم Delta-QA عرض On-Premise، يمكن تقييمه عبر POC مجاني لمدة شهر.
هل يمكن أن يتعايش Percy وDelta-QA؟
نعم. يمكنكم إبقاء Percy في اختباراتكم الآلية للمكوّنات والاختبار عبر المتصفحات، واستخدام Delta-QA ليتحقق الفريق كله من مساراته بدون برمجة. الأداتان مستقلتان.