اختبار الانحدار المرئي (Visual regression testing): عملية آلية لاكتشاف التغييرات غير المقصودة في مظهر واجهة المستخدم، عبر المقارنة بين حالة مرجعية (baseline) وحالة حالية، وتتيح تحديد انحدارات التخطيط أو الألوان أو الخطوط أو المسافات قبل وصولها إلى الإنتاج. تعريف شائع في هندسة جودة الواجهات الأمامية.
Diffy من الأدوات التي تكتشفها الوكالات وفرق الويب عندما تسعى إلى التحقق من موقع قبل نشره في الإنتاج. مبدؤه سهل الشرح: التقاط الصفحات نفسها على بيئتين، الإنتاج وstaging مثلاً، وإظهار ما يختلف.
أما Delta-QA فينطلق من مكان آخر. فبدل مقارنة بيئتين، يعيد تشغيل مسار مسجَّل (تسجيل دخول، ونموذج، وسلة مشتريات) ويقارن كل خطوة بمرجعها كما تفعل العين البشرية: يرصد العناصر التي تغيّرت ويسمّيها في التقرير.
تجيب الأداتان عن القلق نفسه: «هل كسر تحديثي شيئاً على الشاشة؟». توضح هذه المقارنة ما تفعله كل أداة فعلاً حتى 10/2026، وأين تتفوق كل منهما، وأيهما يناسب طريقة عملكم.
جميع مقارناتنا، وفق معايير قابلة للتحقق: البدائل والمقارنات.
هل تريدون التحقق من مساراتكم خطوة بخطوة دون كتابة الشيفرة البرمجية؟ يسجّل Delta-QA السيناريو في المتصفح ويخبركم أي عنصر تغيّر، بحساب مجاني ودون بطاقة مصرفية. جرّب Delta-QA مجانًا ←
ما هو Diffy: مقاربة مقارنة البيئات
Diffy خدمة عبر الإنترنت لـاختبار الانحدار المرئي، صُممت في المقام الأول للوكالات التي تدير مواقع كثيرة، لا سيما على WordPress وDrupal. مبدؤه المركزي هو المقارنة بين البيئات.
المفهوم: الإنتاج مقابل staging مقابل dev
لديكم موقعكم في الإنتاج ونسخة في staging بآخر التعديلات. يلتقط Diffy الصفحات نفسها على البيئتين ويعرض لكم الاختلافات جنباً إلى جنب. فإن كان staging يشبه الإنتاج، فتعديلاتكم لم تكسر شيئاً على الشاشة؛ وإلا يريكم Diffy أين تنظرون.
ويقدم Diffy أيضاً مراقبة مجدولة (مقارنات تُطلق على فترات منتظمة لرصد تغيير غير متوقع) ومقارنة بين الصفحات المباشرة وتصاميم Figma مُصدَّرة.
ما يجيده Diffy
تصدّى Diffy لمصادر الضوضاء التقليدية في مقارنة الصور. حتى 10/2026، تبرز صفحته الرئيسية ما يلي:
- تجميد العناصر الديناميكية واستبدال المحتويات التي تتغير في كل زيارة، بدل الاكتفاء بأقنعة؛
- التعامل مع العناصر اللاصقة (الترويسات الثابتة) واكتشاف الإزاحات العمودية، حتى لا تجعل كتلة مُدرجة في أعلى الصفحة كل ما يليها «مختلفاً»؛
- ملخصات للاختلافات مولّدة بالذكاء الاصطناعي، تجمع التغييرات بحسب نوعها (تخطيط، ومحتوى، ونمط) وتصنفها بحسب الأثر؛
- مهارة (skill) لـ Claude، تتيح إطلاق مقارنة من مساعد الشيفرة البرمجية؛
- التكامل مع البيئات المحلية (DDEV وLando وDocksal) ومع CI، وتثبيتاً on-premise.
ويُعلَن أن البدء يستغرق نحو عشرين دقيقة. وبالنسبة لوكالة عليها التحقق من عشرات المواقع بعد كل تحديث لنظام إدارة المحتوى، فهو أداة مفصّلة على قدر الحاجة.
ما يتطلبه Diffy
تفترض المقارنة بين البيئات وجود بيئتين قابلتين للمقارنة على الأقل. فإن كان staging والإنتاج لا يعرضان البيانات نفسها، فإن جزءاً من الاختلافات يأتي من البيانات لا من الشيفرة البرمجية، ويجب تحييده (تجميد، أو محتوى محاكى) أو فرزه يدوياً.
يفكر Diffy بمنطق الصفحات الملتقطة. وهو فعال جداً في تغطية موقع واسعاً صفحة بصفحة؛ لكنه أقل طبيعية في التحقق مما يجري في منتصف مسار، بعد تسجيل الدخول أو أثناء نموذج متعدد الخطوات.
ما هو Delta-QA: اختبار الانحدار عبر مسار مسجَّل
يتوجه Delta-QA إلى الفرق التي تريد التحقق من مساراتها الحرجة مع كل إصدار، دون كتابة اختبارات.
سيناريو مسجَّل يُعاد تشغيله مع كل إصدار
تفتحون موقعكم في Delta-QA وتتصفحون السيناريو كما يفعل مستخدم: تسجيل الدخول، والبحث، وإضافة إلى السلة، والدفع. تتحول كل خطوة إلى نقطة تحقق. وفي الإصدار التالي، يعيد Delta-QA تشغيل المسار في متصفح حقيقي ويقارن كل خطوة بمرجعها.
لا حاجة إلى بيئة ثانية: المرجع هو الحالة المعتمدة لموقعكم أنتم. يمكنكم تشغيل السيناريو على staging، أو على بيئة ما قبل الإنتاج، أو على الإنتاج.
مقارنة تحاكي العين البشرية
لا يقارن Delta-QA صورتين. بل يقارن عناصر الصفحة ويخبركم بما تحرك فعلاً: لون زر، أو هامش أو حشوة (padding)، أو موضع عنصر، أو كتلة تفيض أو تختفي. لا يعرض التقرير منطقة حمراء تحتاج إلى تفسير: بل يسمّي العنصر ويصف التغيير. تحكمون على كل اختلاف، مقصود أم عيب، ويتقدم المرجع معكم.
بدون برمجة: الاختبار المرئي مفتوح لكل الفريق
المطور يعرف ما عدّله. لكن غالباً ما يكون مسؤول الجودة هو من يتحقق من أن شيئاً لم ينكسر، ومالك المنتج هو من يعتمد العرض، والمصمم هو من يحكم على احترام التصميم. ومع Delta-QA، يسجّل كل واحد مساراته ويعيد تشغيلها دون الاعتماد على مطور.
يعمل Delta-QA كخدمة SaaS أو، مع عرض On-Premise، على بنيتكم التحتية؛ ويمكن تقييم عرض On-Premise عبر POC مجاني لمدة شهر. وتجري المقارنة اليوم على Chromium؛ ودعم Firefox وWebKit مُخطَّط له.
مرجع لكل مسار، لا بيئة ثانية يجب مزامنتها. يعيد Delta-QA تشغيل سيناريوهاتكم ويسمّي كل عنصر تغيّر، بدون برمجة ودون بطاقة مصرفية. جرّب Delta-QA مجانًا ←
مقارنة مباشرة: Diffy مقابل Delta-QA
ما الذي يُقارَن
يقارن Diffy لقطات صفحات: بين بيئتين، أو مع لقطة سابقة، أو مع تصميم Figma. ويجمع بين مقارنة الصور ومعالجات لتقليل الضوضاء (تجميد العناصر الديناميكية، واكتشاف الإزاحات) وملخصات بالذكاء الاصطناعي.
ويقارن Delta-QA خطوات مسار بمرجعها كما تفعل العين البشرية، فيرصد العناصر المختلفة. والنتيجة قائمة تغييرات مرتبطة بعناصر الصفحة.
ما تقرؤونه في التقرير
مع Diffy، ترون اللقطات جنباً إلى جنب والمناطق المختلفة، مع ملخص يجمع التغييرات ويرتبها بحسب الأولوية.
ومع Delta-QA، تُقارَن الصفحة كما تفعل العين البشرية ويُسمّى كل عنصر تغيّر: «تحوّل زر الدفع من الأزرق إلى الأخضر»، «انتقل هامش الحاوية من 24 إلى 16 بكسل». وهو قابل للإحالة مباشرة إلى المطور المعني.
المتطلبات المسبقة
يعمل Diffy على أفضل وجه مع بيئتين قابلتين للمقارنة، أو مع لقطة مرجعية أُخذت سابقاً.
ويعمل Delta-QA مع بيئة واحدة: تسجّلون المسار، فيكون التنفيذ الأول هو المرجع، ثم يُقارَن كل إصدار بهذا المرجع.
من يستخدمه
يستهدف Diffy المطورين ومختبري الجودة ومديري المشاريع في الوكالات. وتناسب واجهته على الويب وتكامله مع الأدوات المحلية أو مع Claude ملفات تقنية تدير مواقع كثيرة.
ويستهدف Delta-QA فريق المنتج كله، بمن فيهم من لا يبرمجون: مختبرو الجودة اليدويون، وملّاك المنتج، ومديرو المشاريع.
التكامل مع الاختبارات ومع CI
يقدم Diffy الأتمتة في CI ضمن خطته المدفوعة.
ولدى Delta-QA الآن SDK هو Vision، لـ Playwright (TypeScript/JavaScript). يكفي سطر واحد لكل صفحة يُراد التحقق منها: أي اختلاف لم يُحكَم فيه يُفشل الاختبار، ويعطي سجل CI رابط التقرير. وتعيش الاختبارات المكتوبة بالشيفرة البرمجية والسيناريوهات بدون برمجة في الفضاء نفسه. ويقدم Delta-QA أيضاً خادم MCP لقيادة سيناريوهاتكم من مساعد الشيفرة البرمجية.
السعر
حتى 10/2026، يعرض Diffy في صفحة أسعاره خطة مجانية بـ 500 لقطة شهرياً (بيئتان، وسجل لمدة شهر)، ثم خطة Pro ابتداءً من 67 دولاراً شهرياً بالفوترة السنوية مقابل 2 000 لقطة، مع CI وبيئات متعددة وسجل لمدة ستة أشهر.
يبدأ العمل مع Delta-QA بحساب مجاني، دون بطاقة مصرفية؛ وتُفصَّل الخطط المدفوعة في صفحة أسعار المنتج.
متى تختارون Diffy
Diffy خيار ممتاز إن كنتم وكالة أو فريق ويب يدير مواقع كثيرة، لا سيما على WordPress أو Drupal، ويريد التحقق سريعاً من قوائم صفحات بين staging والإنتاج بعد كل تحديث.
وهو مناسب أيضاً إن أردتم مراقبة موقع على فترات منتظمة، أو مقارنة صفحات بتصاميم Figma، أو إطلاق مقارنات من Claude أو من بيئتكم المحلية.
متى تختارون Delta-QA
Delta-QA هو الخيار المناسب حين لا يكون المهم قائمة صفحات بل مسارات: مسار طلب، أو تسجيل، أو واجهة إدارية خلف تسجيل الدخول. تُفحص كل خطوة بالترتيب الذي يعيشها به المستخدم.
وهو الخيار الصائب أيضاً حين لا يبرمج من يتحققون من التطبيق، وحين تريدون تقريراً يسمّي العنصر المعدَّل بدل منطقة تحتاج إلى تفسير. وللتعمق في هذه المقاربة، راجعوا دليلنا عن اختبار الانحدار.
هل أنتم مستعدون للتحقق من مساراتكم الحرجة مع كل إصدار؟ سجّلوا أول سيناريو لكم مع Delta-QA، مجاناً ودون بطاقة مصرفية. جرّب Delta-QA مجانًا ←
الأسئلة الشائعة
هل Diffy مفتوح المصدر؟
لا. Diffy خدمة عبر الإنترنت بخطة مجانية وخطة Pro مدفوعة؛ وتذكر صفحته الرئيسية أيضاً تثبيتاً on-premise. ولا ينبغي الخلط بينه وبين أدوات مفتوحة المصدر مثل BackstopJS، التي تُثبَّت وتُصان ذاتياً.
هل يمكن استخدام Diffy وDelta-QA معاً؟
نعم، يتكاملان: Diffy لمسح صفحات كثيرة بين البيئات أو لمراقبة موقع، وDelta-QA للتحقق من المسارات الحرجة خطوة بخطوة. وإن أردتم تقييم Delta-QA، يمكنكم أيضاً تشغيل الاثنين بالتوازي على الصفحات نفسها ريثما تقارنون التقارير.
هل يكتشف Delta-QA تغيّرات الألوان؟
نعم، بالنسبة لعناصر الصفحة (الخلفية، والنص، والإطار): يبيّن التقرير أي عنصر تغيّر لونه. أما التغيير داخل صورة (شعار، أو صورة فوتوغرافية) فيعود إلى محتوى الصورة ولا يوصف بالطريقة نفسها.
كم يستغرق إعداد كل أداة؟
يعلن Diffy أن البدء يستغرق نحو عشرين دقيقة. ويصبح Delta-QA جاهزاً في دقائق لأول سيناريو: تنشئون حساباً، وتسجّلون مساراً، وتعيدون تشغيله.
كيف يمكن الانتقال من Diffy إلى Delta-QA؟
لا توجد بيانات تُحوَّل: فلقطات Diffy ومراجع Delta-QA مختلفة الطبيعة. تسجّلون في Delta-QA المسارات المقابلة للصفحات التي كنتم تراقبونها، ويكون التنفيذ الأول هو المرجع، وتصبحون جاهزين.
أي أداة لموقع على WordPress أو Drupal؟
كلتاهما تعمل على أي موقع يمكن الوصول إليه من متصفح. يبرز Diffy استخدام وكالات WordPress وDrupal له وتكاملاته مع البيئات المحلية لهذه المنظومات. أما Delta-QA فمستقل عن نظام إدارة المحتوى: يسجّل ويعيد تشغيل ما يراه المستخدم.