الطباعة

يُشغّل مطوّر npm update ويكسر استيراد خط Inter دون أن يدري. ينتقل المتصفّح بصمت إلى Arial. تتغيّر المسافات بين الحروف، بعض العناوين تنتقل لسطرين، زر يتجاوز حاوية — كل التنسيق يتزحزح بشكل طفيف. التغيير بدا بسيطًا (تحديث تبعيات)، تم دمجه بدون مراجعة بصرية. Delta-QA يقارن لقطات الشاشة بين النسختين ويبرز كل إزاحة نص وكل عنوان ينتقل لسطر وكل تجاوز ناتج عن تغيير الخط.

يعدّل مطوّر line-height العام لتحسين قراءة المدوّنة. الأثر الجانبي: عناوين المنتجات التي كانت تتّسع في سطر واحد تنتقل لسطرين في الكتالوج. البطاقات لم تعد بنفس الارتفاع، الشبكة تصبح غير منتظمة — كتالوج «معوجّ» يوحي بثقة أقل. فريق QA تحقّق من المدوّنة (الصفحة المعدّلة)، لكن ليس من الكتالوج الذي يستخدم نفس الأنماط العامة. Delta-QA يقارن لقطات الشاشة ويبرز كل بطاقة تغيّر ارتفاعها — الاختلالات في الشبكة تظهر فورًا.

حدّد المصمّم font-weight semi-bold (600) للعناوين. مع مرور الوقت، يستخدم مطوّرون مختلفون تارة 600 وتارة 700. النتيجة: بعض العناوين أسمك بشكل ملحوظ من غيرها في نفس الصفحة. التسلسل البصري غير متّسق — عنوان قسم يبدو أهم من آخر بلا سبب. لم يُبلَّغ المصمّم بهذه التغييرات التدريجية. Delta-QA يقارن لقطات الشاشة ويبرز اختلافات السماكة بين العناوين — العناوين الأسمك تظهر عند التراكب.