الانحدار البصري — جميع المقالات والدروس

58 مقالات

يُشير الانحدار البصري إلى أي فرق في العرض يُدخَل دون قصد بين نسختين من واجهة: padding يقفز، لون ينحرف، مكوّن ينطوي على الجوّال بعد تحديث إطار. هذه الانحدارات تفلت دائماً تقريباً من اختبارات الوحدة والوظيفية، إذ يمكن أن يبقى الـ DOM متطابقاً حرفياً بينما يتدهور العرض المرئي. اكتشاف هذه الفروقات يتطلب لقطة مرجعية مستقرة، والتقاطاً حتمياً، وdiff قادراً على التمييز بين الأخطاء الحقيقية والتغيرات التجميلية غير المؤذية (anti-aliasing، رسوم متحركة، بيانات ديناميكية).

تجمع هذه الصفحة المقالات المخصصة لدورة لقطة مرجعية–التقاط–مقارنة–مصادقة: كيفية بناء لقطة مرجعية موثوقة، كيفية إدارة الإيجابيات الكاذبة المرتبطة بالخطوط أو بكسلات الجوّال، كيفية دمج سير عمل التحقق اليدوي من الفروقات في فريق QA. ستجد أيضاً آراء حول الفخاخ الكلاسيكية (إعادة تصميم CSS واسعة، ترحيل Angular أو React، تغيير CDN للصور) التي تحوّل نشراً عادياً إلى صيد للأخطاء البصرية. ينتمي Delta-QA إلى هذا التخصص بمقاربة desktop ومحلية، لكن الموضوع يتجاوز الأداة بكثير: إنه قبل كل شيء منهجية تنضج عبر المشاريع، وتسعى هذه المقالات إلى مشاركة ما يعمل فعلاً على أرض الواقع، مهما كانت stack المستخدمة.

الاختبار البصري لـ Gatsby: المواقع الثابتة هي الأسهل للاختبار — إليك الطريقة
بواسطة Alexandre Sabalot

الاختبار البصري لـ Gatsby: المواقع الثابتة هي الأسهل للاختبار — إليك الطريقة

Gatsby يولّد مواقع ثابتة متوقعة وسريعة، مما يجعلها مرشحة مثالية للاختبار البصري. لكن الإضافات ومصادر البيانات وتحديثات التبعيات قد تكسر العرض بصمت.

اقرأ المزيد →
Feature Flags والاختبار البصري: كيف تُروّض الانفجار التوليفي لواجهاتك
بواسطة Farid Boussetta

Feature Flags والاختبار البصري: كيف تُروّض الانفجار التوليفي لواجهاتك

كل feature flag يُضاعف الحالات البصرية أُسّياً: ستة flags تنتج 64 توليفة. كيف تختبر بصرياً التوليفات الحرجة دون فقدان السيطرة على واجهتك.

اقرأ المزيد →
الاختبار البصري لتطبيقات Electron: الويب في غلاف سطح مكتب، والأخطاء كهدية
بواسطة Alexandre Sabalot

الاختبار البصري لتطبيقات Electron: الويب في غلاف سطح مكتب، والأخطاء كهدية

يجمع Electron بين أخطاء الويب البصرية وخصوصيات سطح المكتب (القوائم الأصلية، النوافذ القابلة لتغيير الحجم، DPI المتغير). اكتشف كيف تختبر بصرياً تطبيق Electron لاكتشاف الانحدارات التي لا تراها اختباراتك الويب التقليدية.

اقرأ المزيد →
الاختبار البصري لمنصات EdTech: ضمان تجربة خالية من الأخطاء من الفصل الدراسي إلى الهاتف الذكي
بواسطة Malloum LAYA

الاختبار البصري لمنصات EdTech: ضمان تجربة خالية من الأخطاء من الفصل الدراسي إلى الهاتف الذكي

كيف يحل الاختبار البصري الآلي المشكلات الخاصة بالمنصات التعليمية: الاستجابة للأجهزة المحمولة الحرجة، تنوع المحتويات، وعدم التسامح مع الأخطاء من الطلاب والمعلمين.

اقرأ المزيد →
الاختبار البصري لـ Drupal: الدليل لتأمين عرض نظام إدارة المحتوى المؤسسي
بواسطة Gulben BINGOL

الاختبار البصري لـ Drupal: الدليل لتأمين عرض نظام إدارة المحتوى المؤسسي

تحديثات وحدات وقوالب Drupal تكسر عرض الواجهة الأمامية بانتظام. فرق Drupal غالباً ما تكون موجهة للخلفية. الاختبار البصري يسد هذه الفجوة. دليل شامل لـ Drupal 10/11.

اقرأ المزيد →
الاختبار البصري وDocker: بدون بيئة قابلة للاستنساخ، لقطات الشاشة لا قيمة لها
بواسطة Farid Boussetta

الاختبار البصري وDocker: بدون بيئة قابلة للاستنساخ، لقطات الشاشة لا قيمة لها

بدون Docker، لقطات الشاشة تتغير من جهاز لآخر. الخطوط والعرض والدقة — كل شيء يتباين. إليك كيفية إعداد Docker لاختبارك البصري لنتائج موثوقة وقابلة للاستنساخ.

اقرأ المزيد →
الاختبار البصري لـ Django: كيف يتحقق مطورو Python من قوالبهم دون لمس الواجهة الأمامية
بواسطة Gulben BINGOL

الاختبار البصري لـ Django: كيف يتحقق مطورو Python من قوالبهم دون لمس الواجهة الأمامية

مطورو Django خبراء في الخلفية وليسوا متخصصين في CSS. الاختبار البصري بدون كود يتيح لهم التحقق من عرض القوالب دون كتابة JavaScript أو إتقان DOM. اكتشف لماذا Django + الاختبار البصري هو التوليفة المثالية لمحبي Python.

اقرأ المزيد →
الاختبار البصري والمحتوى الديناميكي: كيف تختبر عندما يتغير كل شيء مع كل تحميل
بواسطة Gulben BINGOL

الاختبار البصري والمحتوى الديناميكي: كيف تختبر عندما يتغير كل شيء مع كل تحميل

التواريخ، الإعلانات، الصور الرمزية، الإشعارات — المحتوى الديناميكي يتغير مع كل تحميل. اكتشف تقنيات ملموسة للاختبار البصري رغم المحتوى المتحرك.

اقرأ المزيد →
الاختبار البصري وCMS Headless: لماذا يكسر Contentful وStrapi وSanity واجهتك الأمامية دون تحذير
بواسطة Gulben BINGOL

الاختبار البصري وCMS Headless: لماذا يكسر Contentful وStrapi وSanity واجهتك الأمامية دون تحذير

مع CMS headless، يتغير المحتوى دون لمس الكود على الإطلاق. لكن كل تعديل تحريري بسيط يمكن أن يكسر تخطيطك بالكامل. الاختبار البصري هو الحماية الوحيدة الموثوقة ضد هذه التراجعات غير المرئية.

اقرأ المزيد →