الرؤية والشفافية

تُعدّ انحدارات الرؤية من أكثر الانحدارات خداعاً، لأنّها تجعل خطّ الأنابيب يظنّ أنّ كلّ شيء على ما يُرام: العنصر موجود في DOM، الاختبارات الوحدوية تنجح، لكنّه بصرياً اختفى، أو أصبح مخفياً خلف مكوّن آخر، أو قُطع بواسطة حاوية أب. هذا تماماً سيناريو شريط العرض الترويجي الذي يبقى موجوداً في الكود لكنّه أصبح غير مرئي بسبب overflow: hidden مُضاف في مكان آخر، أو زرّ «اشترِ» على الهاتف الذي تُغطّيه أداة دردشة ضُبط z-index لها على قيمة عالية جداً. على الواجهات المهنية مثل لوحات معلومات بنكية ولوحات تحكّم ERP، قد تُؤدّي رسالة خطأ تحقّق صار opacity 0 بفعل التتالي إلى فشل عملية حرجة دون أن يفهم المشغّل السبب. تشمل الأسباب المعتادة إعادة تصميم الرأس بإضافة overflow، تراكبات z-index غير المنسّقة بين الفِرَق، اختبارات A/B المنزوعة جزئياً والتي تترك display: none منسياً، تغييرات الشفافية المُدخلة لتأثير بصري لكنّها انتشرت بشكل واسع، أو تعارضات بين أوراق الأنماط المُحمّلة بترتيب مختلف في الإنتاج. يُهاجم Delta-QA هذه النقطة العمياء بمقارنة لقطات الشاشة المعروضة في المتصفّح، لا شجرة DOM الخامّ. إذا توقّف عنصر عن الظهور، أو اقتُصّ جزئياً، أو فقد شفافيته، أو صار مُغطّى بمكوّن آخر، يُشير diff البصري إلى ذلك بوضوح. تلتقط الأداة أيضاً الحالات التفاعلية، ممّا يُتيح التحقّق من بقاء قائمة منسدلة أو modal أو overlay مرئية بشكل صحيح بعد كلّ نشر، دون الحاجة إلى إعادة إنتاج كلّ مسار مستخدم يدوياً على كلّ صفحة. هذه القدرة على الاختبار البصري ومقارنة الصفحات اعتماداً على لقطة مرجعية snapshot هي حجر الأساس في كشف الانحدار البصري داخل نظام التصميم design system.