1
تغييرات Hex و RGB
يكتشف التعديلات في القيم السداسية عشرية و RGB، بما في ذلك التدوين المختصر وتغيرات قناة ألفا.
40 حالة اختبار
الألوان والسمات
اللون هو أحد أكثر الخصائص البصرية تأثيراً. تغيير واحد في الظل يمكن أن يكسر تناسق العلامة التجارية أو يشير إلى انحدار في نظام السمات. Delta-QA يكتشف كل تغيير في اللون — من التبديلات الواضحة إلى التحولات شبه المحسوسة عبر جميع تنسيقات CSS الحديثة.
ما نكتشفه
2
تغيرات HSL و HSLA
يلتقط تعديلات الصبغة والتشبع والإضاءة، حتى عندما يكون الفرق البصري دقيقاً للعين البشرية.
3
فضاءات الألوان الحديثة
يدعم OKLCH و LCH و Lab وفضاءات الألوان الواسعة الأخرى المستخدمة في أنظمة التصميم الحديثة.
4
خصائص CSS المخصصة
يتتبع التغييرات في متغيرات CSS (--brand-color, --bg-primary) التي تنتشر عبر نظام التصميم بأكمله.
5
التبديل بين الوضع الداكن / الفاتح
يكتشف انحدارات السمة حيث لا تتكيف العناصر بشكل صحيح بين الوضعين الداكن والفاتح.
6
التدرجات وقنوات ألفا
يحدد التغييرات في التدرجات الخطية والشعاعية والمخروطية، وكذلك تعديلات الشفافية.
مثال تفاعلي
شاهد بالضبط ما يكتشفه Delta-QA. قارن النسختين جنبًا إلى جنب.
قبل
بعد
سيناريوهات واقعية
🎯
متغيّر CSS الذي يغيّر كل شيء
يقوم مطوّر بتحديث نظام التصميم ويعدّل المتغيّر --brand-primary لتصحيح التباين في ذيل الصفحة. الأثر الجانبي: لون جميع الأزرار والروابط والعناوين في الموقع يتحوّل من أزرق داكن إلى أزرق باهت. زر «أضف إلى السلة» يكاد يندمج مع الخلفية البيضاء — الزوّار لم يعودوا يلاحظونه من النظرة الأولى. فريق QA تحقّق من الذيل (المنطقة المعدّلة)، لكن ليس من 40 صفحة أخرى تستخدم نفس المتغيّر. Delta-QA يقارن لقطات الشاشة قبل وبعد ويبرز تغيّر الدرجة اللونية على كل عنصر متأثّر في جميع الصفحات.
⚠️
الوضع الداكن الذي ينسى مكوّنًا
يضيف مطوّر كتلة جديدة لشهادات العملاء. في الوضع الفاتح، كل شيء ممتاز. لكن في الوضع الداكن، تبقى الكتلة بخلفية بيضاء ونص أسود — مستطيل أبيض مبهر في وسط صفحة داكنة. زوّارك الليليون يتعرّضون لوهج في أعينهم. التحقّق يدويًا من كل مكوّن في كل سمة غير واقعي عندما لديك 30 مكوّنًا وسمتين. Delta-QA يلتقط الموقع في الوضع الداكن ويقارن بالمرجع: المستطيل الأبيض للمكوّن المنسي يظهر فورًا في diff.
💡
التدرّج اللوني الذي يختفي
عند تحديث إطار عمل CSS، يتم إعادة تسمية فئة التدرّج. يمر البناء بدون أخطاء، لكن تدرّج الصفحة الرئيسية يختفي — يُستبدل بخلفية بيضاء صلبة. تفقد الصفحة عمقها وهويتها البصرية، تبدو كقالب افتراضي. إنه تحديث ثانوي للإطار، لم يفكّر أحد في إعادة اختبار الصفحة الرئيسية بصريًا. Delta-QA يقارن لقطات الشاشة ويكتشف اختفاء التدرّج — المنطقة التي تحوّلت من ملوّنة إلى بيضاء تظهر بوضوح في diff.
مستعد لاكتشاف كل انحدار بصري؟
حمّل Delta-QA وابدأ باكتشاف تغييرات CSS في صفحات الويب — بدون كود.