الكشف البصري — جميع المقالات والدروس

11 مقالات

لا يقتصر الاكتشاف البصري على مقارنة صورتين بكسل ببكسل. بحسب نوع العيب المستهدف، تختلف الخوارزميات والعتبات: انحراف لوني خفيف (token غير محلول جيداً، تحويل sRGB / P3) يتطلب مقارنة إدراكية؛ وانزياح في التخطيط (flexbox مكسور، هامش مكرر) يُرى بشكل أفضل عبر تحليل بنيوي؛ ومشكلة طباعية (خط احتياطي يُحمَّل بدلاً من الخط الأساسي) تستدعي اهتماماً خاصاً بالعرض على مستوى sub-pixel. ويتغيّر كل شيء مرة أخرى في وضع responsive أو dark mode، حيث يضاعف كل breakpoint السطح الواجب تغطيته.

تجمع هذه الصفحة المقالات التي تشرّح أنواع الانحدارات البصرية القابلة للاكتشاف وكيفية التمييز بينها: الإيجابيات الكاذبة المرتبطة بتنعيم الخطوط، وانحدارات التباين الحقيقية التي تمر دون أن تُلاحَظ بالعين المجردة، وانكسارات التخطيط على viewport ضيق، وتحوّلات جزئية لـ dark mode حيث تنسى بعض المكوّنات التكيّف. نتناول أيضاً اختيارات خوارزميات المقارنة (pixel matching، SSIM، إدراكية) مع نقاط قوتها وزواياها العمياء. يستند Delta-QA إلى مزيج من هذه المقاربات لتقليل الضجيج مع البقاء صارماً مع الانحدارات الحقيقية؛ تشرح هذه المقالات المبادئ لفهم ما يمكن لأداة اختبار بصري — وما لا يمكنها — اكتشافه بشكل موثوق.

الاختبار البصري متعدد المستأجرين: عندما يكون لكل عميل عرضه الخاص للتحقق
بواسطة Malloum LAYA

الاختبار البصري متعدد المستأجرين: عندما يكون لكل عميل عرضه الخاص للتحقق

تطبيقات SaaS متعددة المستأجرين تشارك كوداً واحداً لكن كل عميل له علامته التجارية وألوانه وشعاره. كيف تختبر بصرياً كل مستأجر بدون تفجير ميزانية QA؟ دليل شامل.

اقرأ المزيد →
الاختبار البصري وصور Retina: إذا لم تختبر بدقة HiDPI، فأنت لا ترى ما يراه مستخدموك
بواسطة Gulben BINGOL

الاختبار البصري وصور Retina: إذا لم تختبر بدقة HiDPI، فأنت لا ترى ما يراه مستخدموك

شاشات Retina وHiDPI تجعل الصور ضبابية إذا لم تُقدَّم بدقة 2x أو 3x. اكتشف كيف يكتشف الاختبار البصري على viewports HiDPI تلقائياً الصور غير Retina ومشاكل الوضوح التي لا تراها على شاشة التطوير.

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

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

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

اقرأ المزيد →
الدين التقني البصري: التعريف والتأثير والحلول لسداده
بواسطة Yasin AVCI

الدين التقني البصري: التعريف والتأثير والحلول لسداده

الدين التقني البصري — تلك الانحرافات في CSS وعدم اتساق التصميم التي تتراكم سبرنت بعد سبرنت — يُضعف بصمت الجودة المُدركة لمنتجك. اكتشف كيف يساعد الاختبار البصري في اكتشافه وسداده.

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

الوضع المظلم والاختبار البصري: لماذا تحتاج ضعف عدد الاختبارات

الوضع المظلم يضاعف مساحات الاختبار البصري. ألوان معكوسة، تباينات مكسورة، صور غير مرئية: اكتشف كيف يؤمّن الاختبار البصري الآلي كلا الوضعين دون مضاعفة عبء عملك.

اقرأ المزيد →