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

14 مقالات

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

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

اختبار الانحدار وWhite-Label: كيف تختبر N سمات دون أن تفقد عقلك
بواسطة Gulben BINGOL

اختبار الانحدار وWhite-Label: كيف تختبر N سمات دون أن تفقد عقلك

تطبيقات White-Label تضاعف السمات البصرية. كل تعديل يجب التحقق منه في كل سمة. اختبار الانحدار الآلي هو الطريقة الوحيدة القابلة للتطوير لعرض White-Label.

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

اختبار الانحدار للتصميم المتجاوب على الموبايل: لماذا لم يعد التصميم المتجاوب كافياً

60% من حركة مرور الويب تأتي من الأجهزة المحمولة. اختبار الانحدار وحده يكشف النوتشات والأشرطة الديناميكية وأهداف اللمس التي يتجاهلها الاختبار التقليدي.

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

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

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

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

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

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

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

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

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

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

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

الدين التقني البصري (تلك الانحرافات في CSS وعدم اتساق التصميم التي تتراكم سبرنت بعد سبرنت) يُضعف بصمت الجودة المُدركة لمنتجك.

اقرأ المزيد →