35 حالة اختبار

مكونات حقيقية

المكونات الحقيقية تجمع خصائص CSS متعددة في أنظمة بصرية معقدة. تغيير في خاصية واحدة يمكن أن ينتشر عبر المكون بأكمله. Delta-QA يختبر أنماط UI الكاملة لالتقاط الانحدارات.

ما نكتشفه

1

ودجات لوحة التحكم

يتحقق من السلامة البصرية لبطاقات البيانات والرسوم البيانية ومؤشرات KPI ولوحات المقاييس.

2

بطاقات التجارة الإلكترونية

يختبر بطاقات المنتجات وعروض الأسعار ومكونات التقييم وتنسيق أزرار الشراء.

3

لوحات كانبان

يراقب تخطيطات الأعمدة وتكديس البطاقات ومقابض السحب ومؤشرات الحالة.

4

جداول الأسعار

يتحقق من بطاقات الخطط التعريفية وقوائم المقارنة والخطط المميزة وتنسيق أزرار CTA.

5

أشرطة التنقل

يختبر تنقل الرأس والقوائم المنسدلة وحالات الهامبرغر للجوال ومؤشرات الروابط النشطة.

6

جداول البيانات

يكتشف تغييرات رؤوس الجداول وتناوب الصفوف ومحاذاة الخلايا والسلوك المتجاوب.

مثال تفاعلي

شاهد بالضبط ما يكتشفه Delta-QA. قارن النسختين جنبًا إلى جنب.

قبل
بعد

سيناريوهات واقعية

🎯

القائمة المنسدلة التي تفتح خلف الجدول

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

⚠️

النافذة المنبثقة التي لم تعد في المنتصف

يعدّل مطوّر موضع body لمكوّن sticky جديد. الأثر الجانبي: نافذة التأكيد تنزاح إلى الزاوية العليا اليسرى بدل المنتصف. على الهاتف، هي جزئيًا خارج الشاشة — الزوّار لا يرون زر «تأكيد». الإطلاق كان عاجلًا، اختبروا المكوّن اللاصق لكن ليس نوافذ الموقع الخمس. Delta-QA يقارن لقطات الشاشة ويبرز انزياح النافذة — موقعها الجديد المنزاح واضح عند التراكب.

💡

العرض الدائري الذي يعرض شريحتين

تغيير CSS يعدّل عرض الحاوية الأم للعرض الدائري. بدل شريحة واحدة، الآن شريحتان مرئيتان جزئيًا — الثانية مقطوعة في المنتصف. بصريًا، يبدو مكسورًا وعملاؤك يرون عرضًا مبتذلًا. المطوّر عدّل الحاوية لسبب آخر ولم يكن يعلم أن العرض الدائري يعتمد عليها. Delta-QA يقارن لقطات الشاشة ويكتشف الشريحة الثانية الظاهرة جزئيًا — المحتوى المقطوع يظهر في diff.

مستعد لاكتشاف كل انحدار بصري؟

حمّل Delta-QA وابدأ باكتشاف تغييرات CSS في صفحات الويب — بدون كود.