الرسوم المتحركة

يعيد مطوّر هيكلة الأنماط ويحذف بالخطأ transition بمدة 300ms على القائمة المنسدلة. بدون الانتقال، تدفع القائمة المحتوى أسفلها دفعة واحدة بدل التمرير التدريجي — الصفحة «تقفز» بصريًا. النتيجة المرئية: العناصر تحت القائمة تنزاح أكثر مما في النسخة المرجعية، لأن المتصفّح لم يعد يعيد حساب التنسيق بسلاسة. إنها إعادة هيكلة CSS، لم يفكّر أحد في إعادة اختبار التفاعلات البصرية. Delta-QA يقارن لقطات شاشة القائمة المفتوحة ويكتشف إزاحات المحتوى تحتها — التنسيق المختلف يظهر في diff.

ينسخ مطوّر أنماط مُحمِّل من مشروع آخر لـ«توحيد» المكوّنات. المُحمِّل الجديد مختلف بصريًا: أكبر حجمًا، بلون تمييز لا يطابق الهوية البصرية، وبأسلوب مؤشّر مختلف (منقّط بدل متّصل). يدور، إذن وظيفيًا يعمل — قال الفريق «يكفي، إنه مُحمِّل». Delta-QA يقارن لقطات الشاشة ويبرز اختلافات الحجم واللون والشكل للمُحمِّل — المكوّن الذي لم يعد يشبه المرجع يظهر في diff.

يضيف مطوّر عنصرًا شفافًا فوق الأزرار لتتبّع التحليلات. النتيجة: تأثير hover لم يعد يُفعَّل — الماوس يمرّ على العنصر غير المرئي وليس على الزر. بصريًا، الأزرار تبقى بلونها الافتراضي عند التمرير، الموقع يبدو «ميّتًا». التغيير كان متعلّقًا بالتتبّع وليس بالأزرار — لم يفكّر أحد في التحقّق من الاستجابة البصرية عند التمرير. Delta-QA يلتقط حالة hover للأزرار ويقارن اللقطات: الزر الذي لم يعد يتغيّر لونه يظهر في diff.