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

58 مقالات

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

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

الاختبار البصري لمُكوِّنات السيارات: عندما يؤثر خطأ واجهة على قرار بقيمة 40,000 يورو
بواسطة Malloum LAYA

الاختبار البصري لمُكوِّنات السيارات: عندما يؤثر خطأ واجهة على قرار بقيمة 40,000 يورو

مُكوِّنات السيارات (BMW, Peugeot, Tesla) واجهات بصرية نادرة التعقيد. خطأ بصري في المُكوِّن يمكن أن يشوه قرار الشراء. الاختبار البصري ضرورة وليس رفاهية.

اقرأ المزيد →
حركات CSS والاختبار البصري: كيف تتوقف عن محاربة الإيجابيات الكاذبة
بواسطة Gulben BINGOL

حركات CSS والاختبار البصري: كيف تتوقف عن محاربة الإيجابيات الكاذبة

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

اقرأ المزيد →
الانحدار البصري: لماذا تُفلِت المقارنة بكسل ببكسل تغييرات حقيقية
بواسطة Malloum LAYA

الانحدار البصري: لماذا تُفلِت المقارنة بكسل ببكسل تغييرات حقيقية

أرقام ملموسة: في الإعداد الافتراضي، تُفلِت المقارنة بكسل ببكسل بين لقطتين 3 تغييرات بصرية حقيقية من أصل 5. لماذا تغيّر المقارنة عنصراً بعنصر كل شيء.

اقرأ المزيد →
الاختبار البصري واختبار A/B: اختبر اختباراتك قبل إطلاقها
بواسطة Mohamed MCIRDI

الاختبار البصري واختبار A/B: اختبر اختباراتك قبل إطلاقها

يُنشئ اختبار A/B متغيرات بصرية، لكن من يتحقق أن كل متغير يُعرض بشكل صحيح؟ اكتشف لماذا الاختبار البصري ضروري لتأمين تجاربك دون كسر تجربة المستخدم.

اقرأ المزيد →
Storybook والاختبار البصري: لماذا اختبار المكونات المعزولة لا يكفي
بواسطة Gulben BINGOL

Storybook والاختبار البصري: لماذا اختبار المكونات المعزولة لا يكفي

أصبح Storybook المعيار لتوثيق واختبار مكونات UI. لكن للاختبار البصري، اختبار المكونات المعزولة لا يكفي. اكتشف كيف تجمع بين Storybook والاختبار البصري للصفحات الكاملة لتغطية حقيقية.

اقرأ المزيد →