الاختبار البصري عبر لقطات الشاشة (screenshot-based visual testing): طريقة لاكتشاف الانحدارات البصرية تتمثل في التقاط صورة كاملة لصفحة ويب أو مكوّن، ثم مقارنتها بكسل ببكسل مع صورة مرجعية — أي اختلاف يتجاوز عتبة قابلة للتكوين يُعلَّم كانحدار محتمل.
كان Percy لفترة طويلة الاسم الأول الذي يتبادر إلى الذهن عند الحديث عن الاختبار البصري الآلي. بعد استحواذ BrowserStack عليه في 2020، ترسّخت الأداة كالحل "البديهي" للفرق التي ترغب في إضافة طبقة مقارنة بصرية إلى مسار الاختبار الخاص بها. ولفترة طويلة، كان بالفعل أفضل خيار متاح — بالافتراض أكثر منه بالتفوق، لكنه الأفضل على أي حال.
المشهد تغيّر. والسؤال الذي يجب أن يطرحه كل فريق اليوم لم يعد "كيف أدمج Percy في اختباراتي؟" بل "هل نهج Percy لا يزال الأكثر ملاءمة لاحتياجاتي؟"
Delta-QA يقترح إجابة مختلفة جذرياً على نفس المشكلة. لا لقطات شاشة، لا سحابة، لا SDK، لا فواتير حسب اللقطة. محرك مقارنة بصرية حتمي، محلي، بدون كود ومجاني. لنقارن بين الاثنين بشكل مباشر.
وماذا لو لم يرفع اختبار كل صفحة فاتورتك أبدًا؟ Delta-QA يقوم بالاختبار البصري محليًا، مجانًا في نسخة سطح المكتب، بلا تسجيل ولا SDK للدمج. جرّب Delta-QA مجانًا ←
Percy: الاختبار البصري كامتداد لاختباراتك الحالية
يعمل Percy وفق مبدأ يبدو بسيطاً: في نقاط استراتيجية من اختباراتك الآلية، تُطلق التقاط شاشة. تُرسل هذه اللقطة إلى خوادم BrowserStack، حيث تُقارن بكسل ببكسل مع صورة مرجعية (baseline). تُعرض الفروقات في لوحة تحكم ويب حيث يمكن لفريقك الموافقة على كل تغيير أو رفضه.
الفكرة أنيقة. التنفيذ أقل أناقة بكثير.
لاستخدام Percy، تحتاج أولاً إلى اختبارات آلية — Cypress أو Playwright أو Selenium أو Puppeteer أو أحد الأُطر العديدة المدعومة. ثم تُثبّت SDK الخاص بـ Percy المناسب لإطار العمل لديك. تُعدّل اختباراتك لإضافة استدعاءات الالتقاط في النقاط المناسبة. تُهيّئ رمز مصادقة للتواصل مع خوادم Percy. وتأمل أن يكون لمسار CI لديك اتصال شبكة مستقر بما يكفي لإرسال لقطات شاشة عالية الدقة في كل تشغيل.
إذا كنت مطوراً مرتاحاً مع أدوات الاختبار، كل هذا ممكن في بضع ساعات. إذا لم تكن مطوراً — ونسبة كبيرة من الأشخاص المسؤولين عن الجودة البصرية ليسوا كذلك — فأنت تعتمد كلياً على شخص آخر لإعداد أداة الاختبار البصري وصيانتها. وهذا اعتماد دائم، ليس لمرة واحدة.
Delta-QA: الاختبار البصري كنشاط مستقل
يقوم Delta-QA على فرضية معاكسة: الاختبار البصري لا ينبغي أن يكون ترقيعاً على اختباراتك الوظيفية. إنه نشاط قائم بذاته، له احتياجاته الخاصة ومستخدموه الخاصون وقيوده الخاصة.
عملياً، تُقدّم لـ Delta-QA نسختين من صفحة (عنوانان URL، بيئتان، أو لحظتان زمنيتان)، ويعرض المحرك كلتيهما في متصفح حقيقي ويقارن النتيجة البصرية بينهما. لا لقطات شاشة تُرسل إلى السحابة. لا مقارنة بكسلية عمياء. محرك Delta-QA الحتمي مُعاير على الإدراك البشري ولا يبلّغ إلا عما تلاحظه العين لتحديد ما تغيّر.
النتيجة تقرير واضح بالفروقات المهمة: عناصر مضافة، محذوفة، معدّلة، منقولة، مع تفاصيل ما تغيّر فعلاً. لا تفسير ضبابي، لا "هذا البكسل تغيّر لونه بدرجة غير محسوسة". حقائق بصرية قابلة للتحقق والتفسير.
وكل هذا دون كتابة سطر كود واحد. إذا كنت تستطيع استخدام متصفح ويب، يمكنك استخدام Delta-QA. هذه الجملة ليست شعاراً تسويقياً — إنها حرفياً واقع الواجهة.
كود مقابل بدون كود: لماذا يغيّر كل شيء
الفرق الأكثر جوهرية بين Percy وDelta-QA ليس تقنياً — بل تنظيمي.
Percy أداة للمطورين بامتياز. تعيش في الكود، تُثبَّت عبر npm أو pip، تُهيَّأ في ملفات التكوين، وتعمل في مسارات CI/CD. كل خطوة من خطوات إعدادها وكتابتها وصيانتها تتطلب معرفة برمجية. هذا منطقي تماماً عندما يكون المختبرون مطورين. وهو جدار عندما لا يكونون كذلك — وهو الجدار الذي يمنع معظم الفريق من المشاركة فعلياً في ضمان الجودة البصرية.
فكّر في فريقك. مَن يهتم بالجودة البصرية لمنتجك؟ المطورون بالتأكيد. لكن أيضاً المصممون الذين أنشأوا النماذج. ومالكو المنتج الذين صادقوا على مسارات المستخدم. ومديرو ضمان الجودة الذين يحددون معايير القبول. ومسؤولو التسويق الذين يديرون صفحات المحتوى. لا يجب أن يحتاج أي من هؤلاء الأشخاص لكتابة كود للتحقق من أن الموقع يبدو صحيحاً.
Percy يستبعدهم هيكلياً من عملية الاختبار البصري. يمكنهم الاطلاع على النتائج في لوحة التحكم — الموافقة على التغييرات أو رفضها — لكن لا يمكنهم تكوين اختبارات جديدة أو إضافة صفحات جديدة للمراقبة أو تعديل معلمات الكشف. هم مستهلكون سلبيون لأداة صُمّمت لغيرهم. يشاهدون النتائج لكن لا يملكون التحكم في العملية.
Delta-QA يشملهم. أي شخص في الفريق يمكنه إطلاق مقارنة بصرية، وإضافة صفحات للمراقبة، وتكوين عتبات الحساسية، وتفسير النتائج. الاختبار البصري يصبح مسؤولية مشتركة بدلاً من مهمة تقنية مُفوَّضة.
الفوترة حسب اللقطة: نموذج يعاقب الدقة
النموذج الاقتصادي لـ Percy يستحق اهتماماً خاصاً لأنه يخلق حافزاً معاكساً.
Percy يتقاضى حسب عدد اللقطات شهرياً. الخطط تبدأ بحصة مشمولة من اللقطات، وكل لقطة إضافية تتجاوز الحصة تُفوَّتَر. كلما اختبرت أكثر، دفعت أكثر. كلما كانت تغطيتك البصرية أكثر دقة، ارتفعت الفاتورة.
فكّر لحظة فيما يعنيه ذلك عملياً في حياة فريق حقيقي. لديك موقع تجارة إلكترونية مع 500 صفحة منتج. تريد التحقق بصرياً من كل صفحة بعد كل نشر. هذا 500 لقطة لكل نشر. إذا كنت تنشر يومياً، فهذا 15,000 لقطة شهرياً. إذا كنت تختبر على ثلاث دقات (سطح مكتب، جهاز لوحي، هاتف)، فهذا 45,000 لقطة شهرياً — أي ما يتجاوز بكثير الـ 5,000 لقطة المجانية، ومن ثَمّ على خطة مدفوعة حسب الاستخدام تتصاعد تكلفتها مع الحجم.
هذا النموذج يخلق توتراً غير صحي بين تغطية الاختبار والميزانية. الفرق تنتهي بتقليص الصفحات المُختبرة، وتقليل تكرار الاختبارات، أو الاختبار على دقات أقل — ليس لأنه القرار التقني الصحيح، بل لأن الميزانية تفرض ذلك. نموذج تسعير الأداة يُدهور بنشاط جودة الاختبارات. الأداة تعاقبك على اختبار المزيد.
Delta-QA لا يتقاضى شيئاً. لا لكل لقطة، لا لكل صفحة، لا شهرياً. تختبر عدد الصفحات الذي تريده، بالتكرار الذي تريده، على عدد الدقات الذي تريده. دقة تغطيتك الاختبارية محدودة بطموحك، لا بمحفظتك.
الأرقام الملموسة لعام 2026
من المفيد وضع أرقام دقيقة على هذا النموذج بدلاً من الكلام العام. يوفّر Percy مستوى مجانياً يبدو سخياً: 5,000 لقطة شهرياً بعدد غير محدود من المستخدمين. لكن الفخ يكمن في طريقة العدّ — كل منفذ عرض (viewport) يُحسب كلقطة مستقلة. إذا كنت تختبر 10 صفحات عبر 3 دقات شاشة (سطح مكتب، جهاز لوحي، هاتف)، فهذه 30 لقطة لكل تنفيذ واحد. بتنفيذين يومياً فقط، تستنفد الحصة المجانية في غضون أسبوعين إلى ثلاثة أسابيع.
بعد تجاوز المستوى المجاني، يطبّق Percy خططاً مدفوعة حسب الاستخدام (الشبكة السعرية على browserstack.com/percy) ترتفع فاتورتها بسرعة مع حجم الاستخدام. ولأن المنطق يضرب عدد الصفحات في عدد الدقات في تكرار النشر، فإن الفاتورة تنمو بشكل مضاعف وليس خطّياً — وهذا بالضبط ما يدفع الفرق إلى تقليص تغطيتها.
Delta-QA Desktop مجاني تماماً وبلا أي حدود: لا عدّاد للقطات، لا حدّ زمني، لا اشتراك. النسخ المخصصة للفرق (Team وBusiness) بأسعار ثابتة معروفة مسبقاً، دون مفاجآت مرتبطة بالحجم.
السحابة مقابل المحلي: سيادة بياناتك
كل لقطة شاشة تُرسل إلى Percy تمر عبر خوادم BrowserStack وتُخزَّن هناك. بالنسبة لمعظم المواقع العامة، ليست هذه مشكلة. لكن المواقع العامة ليست سوى جزء صغير مما تختبره الفرق.
ماذا عن لوحة الإدارة الخلفية؟ لوحتك الداخلية ببيانات العملاء؟ بيئة الاختبار المرحلي ببيانات إنتاج مُجهَّلة (أو ليست دائماً مجهَّلة بشكل مثالي)؟ بوابتك الطبية، واجهتك المصرفية، نظام إدارة الموارد البشرية؟
إرسال لقطات شاشة لهذه الصفحات إلى خوادم طرف ثالث، حتى لو كان طرفاً موثوقاً معتمداً بـ SOC 2، يثير أسئلة لا تستطيع بعض المؤسسات تجاهلها. والسبب بسيط: بمجرد مغادرة البيانات بيئتك، تفقد التحكم فيها. اللوائح القطاعية (GDPR وHIPAA وPCI-DSS) وسياسات الأمان الداخلية والمنطق السليم في حماية البيانات تفرض حدوداً على ما يمكن أن يمر عبر خوادم خارجية.
Delta-QA يزيل السؤال. الأداة تعمل محلياً. صفحاتك تُحلَّل محلياً. النتائج تبقى محلية. لا تغادر أي بيانات بيئتك. هذه ليست ميزة متقدمة أو خيار نشر مؤسسي — إنها البنية الأساسية للأداة.
استقرار النتائج: بكسلات متقلبة مقابل هيكل موثوق
أي شخص استخدم أداة اختبار بصري قائمة على لقطات الشاشة يعلم أن الإيجابيات الكاذبة هي آفة هذا النهج. Percy حقق تقدماً ملحوظاً مع خوارزميات مقارنة ذكية وعتبات حساسية قابلة للتكوين ومناطق استبعاد. لكن المشكلة الجوهرية تبقى: مقارنة البكسلات غير مستقرة بطبيعتها.
عرض الخطوط يختلف من نظام تشغيل لآخر. تنعيم الحواف يختلف حسب بطاقة الرسوميات. الرسوم المتحركة المُلتقطة في لحظات مختلفة قليلاً تنتج صوراً مختلفة. المحتوى الديناميكي (تواريخ، عدّادات، إعلانات) يتغير بين اللقطات. الصور المُحمَّلة من CDN قد تصل بترتيب مختلف. شريط تمرير يظهر أو يختفي يُزيح كل العناصر ببضعة بكسلات.
كل حالة من هذه الحالات تولّد "diff" في Percy ليس خطأً حقيقياً. وكل إيجابية كاذبة تستهلك وقتاً: شخص ما يجب أن ينظر إلى الـ diff، يقرر أنها ليست مشكلة حقيقية، ويوافق عليها. اضرب في مئات اللقطات وعشرات عمليات النشر، وستحصل على ساعات من العمل البشري الضائعة في فرز الإيجابيات الكاذبة. هناك أشياء أكثر إثارة في الحياة — تقريباً كلها، في الواقع. الفرق التي نراقبها تُبلغ أن ما بين 30% و60% من وقت الاختبار البصري يُنفق في فرز إيجابيات كاذبة.
منذ أواخر عام 2025، أضاف Percy ميزة "Visual Review Agent" مدعومة بالذكاء الاصطناعي لمعالجة هذه الآفة. وفق Percy، يُصفّي هذا الوكيل تلقائياً حوالي 40% من الإيجابيات الكاذبة المرتبطة بمكافحة التعرّج (anti-aliasing) وتفاوتات عرض الخطوط. إنه تقدّم حقيقي — لكن المنطق يبقى ترقيعياً: إذا تمت تصفية 40% من الضجيج، فإن 60% منه لا يزال يتطلب فرزاً يدوياً. الوكيل يخفّف العَرَض، لكنه لا يعالج السبب الجذري لعدم استقرار مقارنة البكسلات.
النهج الذي يتبعه Delta-QA محصّن ضد هذه المشاكل من الأساس. بدلاً من مقارنة البكسلات الخام بعد العرض، تعتمد الأداة على محرك مقارنة بصرية حتمي مُعاير على الإدراك البشري: لا يبلّغ إلا عما تلاحظه العين البشرية. عرض الخط قد يتغير — النتيجة البصرية التي تراها العين تبقى كما هي. تنعيم الحواف قد يختلف — لا انحدار يلاحظه المستخدم. المحتوى النصي قد يتحدّث — التخطيط يبقى مستقراً. النتيجة في الممارسة: صفر إيجابيات كاذبة عبر 429 حالة اختبار مُتحقَّق منها. الأداة لا تُصفّي الضجيج بذكاء اصطناعي — بل لا تُولّده أصلاً. والفرق يكبر مع حجم التطبيق وعدد الصفحات والنشرات المتكررة.
لقطات الشاشة لا تحتاج اشتراكًا سحابيًا بخلاف Percy، يلتقط Delta-QA ويقارن واجهتك محليًا على جهازك بدون كود ومجانًا، دون رفع أي صورة. جرّب Delta-QA مجانًا ←
تكامل CI/CD: نهجان، وجهة واحدة
Percy يتكامل مع مسارات CI/CD عبر SDK الخاص به. إنه تكامل ناضج يعمل جيداً مع أنظمة CI الرئيسية (GitHub Actions وGitLab CI وJenkins وCircleCI). لكنه يضيف اعتماداً حقيقياً على الشبكة: إذا كانت خوادم Percy بطيئة أو غير متاحة لأي سبب — صيانة مجدولة، انقطاع، ضغط على البنية التحتية — مسارك يتأثر مباشرة. لقد رأينا فرقاً تفشل عمليات نشرها بالكامل لأن خوادم طرف ثالث كانت غير متاحة لعدة دقائق.
Delta-QA يتكامل أيضاً مع مسارات CI/CD، لكن بدون SDK أو اعتماد خارجي. الأداة تعمل محلياً على عدّاء CI لديك. لا تأخير شبكي، لا انقطاعات إذا تعطّل خدمة طرف ثالث، لا رموز مصادقة لتحديثها. مسارك يعتمد فقط على بنيتك التحتية الخاصة.
متى يبقى Percy الخيار الصحيح
Percy أداة جيدة في سياقات محددة ونادرة.
تريد الاختبار البصري كمكمّل لاختباراتك الوظيفية الحالية. إذا كان لديك بالفعل مجموعة اختبارات Cypress أو Playwright متينة وتريد إضافة طبقة بصرية، فإن إضافة Percy لها هو مسار أقل مقاومة. تضيف لقطات في اللحظات الرئيسية لاختباراتك، وتغطيتك البصرية تعمل فوراً.
تحتاج اختبار بصري عبر متصفحات متعددة. Percy يمكنه التقاط لقطات شاشة في تركيبات مختلفة من المتصفح/الدقة عبر بنية BrowserStack التحتية. إذا كان التحقق من العرض البصري على Chrome وFirefox وSafari وEdge في آن واحد متطلباً، Percy يوفر هذه القدرة.
فريقك مكوّن حصرياً من مطورين. إذا كان الأشخاص الوحيدون الذين سيقومون بالاختبار البصري هم مطورون مرتاحون مع SDK ومسارات CI/CD، فعائق دخول Percy ضئيل.
متى يكون Delta-QA الخيار الأفضل
الاختبار البصري حاجة بحد ذاته، ليس امتداداً لاختباراتك الوظيفية. إذا كنت تريد اختباراً بصرياً بشكل مستقل عن اختباراتك الآلية — أو إذا لم يكن لديك اختبارات آلية أصلاً — Delta-QA مكتفٍ ذاتياً.
غير المطورين يحتاجون للمشاركة في الاختبار البصري. ضمان الجودة، المصممون، مالكو المنتج، التسويق — إذا كانت هذه الملفات الشخصية تحتاج لإطلاق وتفسير اختبارات بصرية دون المرور عبر مطوّر، Delta-QA هو الخيار الواقعي الوحيد.
الميزانية محدودة أو ترفض الفوترة حسب الحجم. إذا كنت لا تريد أن تُملي ميزانية اللقطات تغطيتك الاختبارية، مجانية Delta-QA تزيل هذا القيد.
سرية البيانات غير قابلة للتفاوض. إذا كانت صفحاتك تحتوي على بيانات حساسة أو سياسات الأمان لديك تمنع إرسال لقطات شاشة إلى خوادم طرف ثالث، النهج المحلي لـ Delta-QA هو الخيار المتوافق الوحيد.
سئمت من الإيجابيات الكاذبة. إذا جرّبت سابقاً الاختبار البصري عبر لقطات الشاشة وفرز الإيجابيات الكاذبة دفعك للتخلي عنه، محرك Delta-QA الحتمي المُعاير على الإدراك البشري سيصالحك مع الاختبار البصري.
الحكم بلا تصفية
Percy أداة ناضجة، مدمجة جيداً في منظومة BrowserStack، وفعّالة لفرق التطوير التي تريد إضافة طبقة بصرية لاختباراتها الآلية. إنها أداة جيدة لحالة استخدامها المحددة — ولا أحد ينكر ذلك.
لكن حالة الاستخدام هذه أضيق مما يوحي به تسويق Percy. معظم الفرق لا تحتاج SDK أو خدمة سحابية أو فوترة حسب اللقطة لاكتشاف الانحدارات البصرية. يحتاجون أداة بسيطة وسريعة ومتاحة للجميع ولا تعاقب دقة الاختبار بفاتورة متصاعدة.
Delta-QA هو تلك الأداة. ليس لأنه أكثر تطوراً من Percy — ليس كذلك، ولا يدّعي ذلك. بل لأنه يحل مشكلة الاختبار البصري باحتكاك أقل وتكلفة أقل وإتاحة أكبر. وفي العالم الحقيقي، الأداة التي يتم تبنيها فعلياً من الفريق هي دائماً أكثر فائدة من الأداة التي تبهر في عرض تقديمي.
مستعد للاختبار دون عدّ لقطاتك؟ أطلق أول مقارنة لك مع Delta-QA، مجانًا وبدون تسجيل. جرّب Delta-QA مجانًا ←
الأسئلة الشائعة
هل Percy مجاني؟
Percy يقدّم خطة مجانية بـ 5,000 لقطة شهرياً بعدد غير محدود من المستخدمين. لكن انتبه للفخ: كل منفذ عرض يُحسب كلقطة، فاختبار 10 صفحات على 3 دقات = 30 لقطة لكل تنفيذ، ما يستنفد الحصة في أسبوعين إلى ثلاثة مع الاستخدام اليومي. بعد ذلك، يطبّق Percy خططاً مدفوعة حسب الاستخدام (الشبكة السعرية على browserstack.com/percy) ترتفع تكلفتها مع حجم اللقطات. للاستخدام المهني الجاد مع تغطية اختبار كبيرة، الخطة المجانية غير كافية. Delta-QA مجاني بدون قيود على الحجم.
هل يمكن استخدام Percy بدون كتابة كود؟
لا. Percy يتطلب دمج SDK في إطار عمل اختبار آلي. حتى أبسط حلول الدمج (Percy CLI مع عناوين URL) تتطلب استخدام طرفية وأوامر سطر الأوامر. Delta-QA بدون كود بالكامل — واجهة الويب كافية لتكوين وتشغيل اختبارات بصرية.
هل يكشف محرك Delta-QA نفس الأخطاء التي تكشفها لقطات الشاشة؟
يكشف الغالبية العظمى من الانحدارات البصرية — كل ما تلاحظه العين البشرية في التخطيط والمظهر. لا يكشف بعض مشاكل العرض الرسومي البحت داخل الصور (تلف صورة، مشاكل خطوط ويب معيّنة) التي تتطلب مقارنة بصرية للصور ذاتها. بالنسبة لمعظم الفرق، هذه الانحدارات المرئية تمثل أكثر من 90% من الأخطاء البصرية المواجهة عملياً.
هل يتعامل Percy مع الصفحات المحمية بمصادقة؟
نعم، لكن فقط في إطار اختباراتك الآلية. سكربت الاختبار لديك يجب أن يتعامل مع المصادقة (تسجيل الدخول، الكوكيز، الرموز المميزة)، ثم يلتقط Percy لقطات شاشة الصفحات المصادق عليها. مع Delta-QA، الوصول إلى الصفحات المصادق عليها مباشر لأن الأداة تعمل في بيئتك المحلية حيث لديك بالفعل وصول لتطبيقاتك.
كم من الوقت يُوفَّر بإزالة الإيجابيات الكاذبة؟
الفرق التي تستخدم أدوات اختبار بصري قائمة على لقطات الشاشة تُبلغ بانتظام أن فرز الإيجابيات الكاذبة يمثل بين 30% و60% من الوقت المخصص للاختبار البصري. في أسبوع نموذجي مع 20 عملية نشر ومئات اللقطات، هذا عدة ساعات من العمل البشري مخصصة للموافقة على فروقات ليست أخطاء. محرك Delta-QA الحتمي يقلّص هذه النسبة بشكل جذري.
هل يمكن أن يتعايش Percy وDelta-QA؟
بالتأكيد. يمكنك استخدام Percy في اختباراتك الآلية للمقارنة البكسلية للمكونات الحرجة، وDelta-QA بالتوازي للتغطية اليومية لجميع صفحاتك. الأداتان مستقلتان ولا تتداخلان. بل إنها تركيبة ذكية إذا كنت تريد أفضل ما في النهجين.