تجربة مجانية

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

56 مقالات

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

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

الاختبار البصري في GitHub Actions: الدليل الشامل لأتمتة اكتشاف التراجعات البصرية
بواسطة Farid Boussetta

الاختبار البصري في GitHub Actions: الدليل الشامل لأتمتة اكتشاف التراجعات البصرية

كيفية دمج الاختبار البصري في سير عمل GitHub Actions. الخطوات والممارسات الأفضل ولماذا يجب أن يكون الاختبار البصري معيارياً مثل اختبارات الوحدة في CI الخاص بك.

اقرأ المزيد →
اختبار بصري Cypress: الدليل الكامل + بديل مجاني بلا كود
بواسطة Emre AVCI

اختبار بصري Cypress: الدليل الكامل + بديل مجاني بلا كود

Cypress لا يدعم الاختبار البصري أصلاً. نقارن المقاربات المتاحة (cypress-image-snapshot، Percy، Applitools) ونعرض بديلاً مجانياً بلا كود محلياً بدون تسجيل ولا سحابة.

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

الاختبار البصري للتجارة الإلكترونية: احمِ إيراداتك

خطأ بصري على موقع التجارة الإلكترونية يمكن أن يكلف آلاف اليورو يومياً. اكتشف كيف يحمي اختبار الانحدار البصري معدلات التحويل.

اقرأ المزيد →
الاختبارات البصرية بدون كود: الدليل الشامل لفرق ضمان الجودة
بواسطة Mohamed MCIRDI

الاختبارات البصرية بدون كود: الدليل الشامل لفرق ضمان الجودة

دليل شامل لأتمتة الاختبار البصري بدون كتابة كود لفرق ضمان الجودة والمنتج والتسويق: سجل مسارك، أعد التشغيل وقارن لقطات الشاشة آليًا.

اقرأ المزيد →