ودجات لوحة التحكم
يتحقق من السلامة البصرية لبطاقات البيانات والرسوم البيانية ومؤشرات KPI ولوحات المقاييس.
المكونات الحقيقية تجمع خصائص CSS متعددة في أنظمة بصرية معقدة. تغيير في خاصية واحدة يمكن أن ينتشر عبر المكون بأكمله. Delta-QA يختبر أنماط UI الكاملة لالتقاط الانحدارات.
يتحقق من السلامة البصرية لبطاقات البيانات والرسوم البيانية ومؤشرات KPI ولوحات المقاييس.
يختبر بطاقات المنتجات وعروض الأسعار ومكونات التقييم وتنسيق أزرار الشراء.
يراقب تخطيطات الأعمدة وتكديس البطاقات ومقابض السحب ومؤشرات الحالة.
يتحقق من بطاقات الخطط التعريفية وقوائم المقارنة والخطط المميزة وتنسيق أزرار CTA.
يختبر تنقل الرأس والقوائم المنسدلة وحالات الهامبرغر للجوال ومؤشرات الروابط النشطة.
يكتشف تغييرات رؤوس الجداول وتناوب الصفوف ومحاذاة الخلايا والسلوك المتجاوب.
شاهد بالضبط ما يكتشفه Delta-QA. قارن النسختين جنبًا إلى جنب.
يضيف مطوّر overflow: hidden على جدول لإصلاح خلل التمرير الأفقي. النتيجة: قائمة الإجراءات المنسدلة على كل صف تفتح لكنها تبقى مقطوعة — النصف العلوي فقط مرئي، خياري «حذف» و«أرشفة» مبتوران. المطوّر أصلح خلل التمرير لكنه لم يتحقّق من أن القوائم المنسدلة لا تزال تعمل بصريًا. Delta-QA يقارن لقطات الشاشة مع القائمة المفتوحة ويكتشف أن القائمة مقطوعة — النصف المفقود يظهر في diff.
يعدّل مطوّر موضع body لمكوّن sticky جديد. الأثر الجانبي: نافذة التأكيد تنزاح إلى الزاوية العليا اليسرى بدل المنتصف. على الهاتف، هي جزئيًا خارج الشاشة — الزوّار لا يرون زر «تأكيد». الإطلاق كان عاجلًا، اختبروا المكوّن اللاصق لكن ليس نوافذ الموقع الخمس. Delta-QA يقارن لقطات الشاشة ويبرز انزياح النافذة — موقعها الجديد المنزاح واضح عند التراكب.
تغيير CSS يعدّل عرض الحاوية الأم للعرض الدائري. بدل شريحة واحدة، الآن شريحتان مرئيتان جزئيًا — الثانية مقطوعة في المنتصف. بصريًا، يبدو مكسورًا وعملاؤك يرون عرضًا مبتذلًا. المطوّر عدّل الحاوية لسبب آخر ولم يكن يعلم أن العرض الدائري يعتمد عليها. Delta-QA يقارن لقطات الشاشة ويكتشف الشريحة الثانية الظاهرة جزئيًا — المحتوى المقطوع يظهر في diff.
حمّل Delta-QA وابدأ باكتشاف تغييرات CSS في صفحات الويب — بدون كود.