
Visual Testing في GitLab CI: دمج الاختبار البصري في Pipeline GitLab الخاص بك
كيفية إعداد الاختبار البصري في GitLab CI. دليل عملي من فريق يستخدم GitLab يومياً. المقاربات وخصوصيات GitLab والتكامل الفعلي.
اقرأ المزيد →56 مقالات
يُشير الانحدار البصري إلى أي فرق في العرض يُدخَل دون قصد بين نسختين من واجهة: padding يقفز، لون ينحرف، مكوّن ينطوي على الجوّال بعد تحديث إطار. هذه الانحدارات تفلت دائماً تقريباً من اختبارات الوحدة والوظيفية، إذ يمكن أن يبقى الـ DOM متطابقاً حرفياً بينما يتدهور العرض المرئي. اكتشاف هذه الفروقات يتطلب لقطة مرجعية مستقرة، والتقاطاً حتمياً، وdiff قادراً على التمييز بين الأخطاء الحقيقية والتغيرات التجميلية غير المؤذية (anti-aliasing، رسوم متحركة، بيانات ديناميكية).
تجمع هذه الصفحة المقالات المخصصة لدورة لقطة مرجعية–التقاط–مقارنة–مصادقة: كيفية بناء لقطة مرجعية موثوقة، كيفية إدارة الإيجابيات الكاذبة المرتبطة بالخطوط أو بكسلات الجوّال، كيفية دمج سير عمل التحقق اليدوي من الفروقات في فريق QA. ستجد أيضاً آراء حول الفخاخ الكلاسيكية (إعادة تصميم CSS واسعة، ترحيل Angular أو React، تغيير CDN للصور) التي تحوّل نشراً عادياً إلى صيد للأخطاء البصرية. ينتمي Delta-QA إلى هذا التخصص بمقاربة desktop ومحلية، لكن الموضوع يتجاوز الأداة بكثير: إنه قبل كل شيء منهجية تنضج عبر المشاريع، وتسعى هذه المقالات إلى مشاركة ما يعمل فعلاً على أرض الواقع، مهما كانت stack المستخدمة.

كيفية إعداد الاختبار البصري في GitLab CI. دليل عملي من فريق يستخدم GitLab يومياً. المقاربات وخصوصيات GitLab والتكامل الفعلي.
اقرأ المزيد →Playwright vs Cypress للاختبار البصري: toHaveScreenshot المدمج مقابل إضافات Percy المدفوعة. والبديل: Delta-QA مجاني، محلي، بلا كود ولا تسجيل.
اقرأ المزيد →كيفية دمج الاختبار البصري في سير عمل GitHub Actions. الخطوات والممارسات الأفضل ولماذا يجب أن يكون الاختبار البصري معيارياً مثل اختبارات الوحدة في CI الخاص بك.
اقرأ المزيد →اختبار Storybook البصري بدون Chromatic: قارن Percy وPlaywright وDelta-QA. مراجعة بلا كود، بلا رسوم، بدون تسجيل، ولقطاتك تبقى محلية.
اقرأ المزيد →
Cypress لا يدعم الاختبار البصري أصلاً. نقارن المقاربات المتاحة (cypress-image-snapshot، Percy، Applitools) ونعرض بديلاً مجانياً بلا كود محلياً بدون تسجيل ولا سحابة.
اقرأ المزيد →خطأ بصري على موقع التجارة الإلكترونية يمكن أن يكلف آلاف اليورو يومياً. اكتشف كيف يحمي اختبار الانحدار البصري معدلات التحويل.
اقرأ المزيد →دليل الاختبار البصري لتطبيقات SaaS: حماية لوحات القيادة والنماذج والجداول من الانحدارات رغم تواتر النشر والسمات الداكنة والمحتوى الديناميكي.
اقرأ المزيد →كيف تراقب موقعك بصرياً في الإنتاج؟ اكتشف الانحدارات في الوقت الفعلي الناتجة عن تحديثات المتصفح، CDN، أو سكريبتات الطرف الثالث.
اقرأ المزيد →
دليل شامل لأتمتة الاختبار البصري بدون كتابة كود لفرق ضمان الجودة والمنتج والتسويق: سجل مسارك، أعد التشغيل وقارن لقطات الشاشة آليًا.
اقرأ المزيد →