اختبار لقطات الشاشة — جميع المقالات والدروس

4 مقالات

Screenshot testing، أو الاختبار بلقطات الشاشة، هو المقاربة الأكثر مباشرة للاختبار البصري: نلتقط حالة العرض لصفحة أو مكوّن، نقارنها بلقطة مرجعية، ونبلّغ عن أي فرق. هذه الطريقة، التي تُسمّى أحياناً snapshot testing UI، تغري ببساطتها المفهومية وتغطيتها العرضية — لقطة واحدة تتحقق دفعة واحدة من التخطيط والألوان والطباعة والصور وحالة المكوّنات. في المقابل، تتطلب انضباطاً حقيقياً على حتمية العرض: خطوط محمَّلة قبل الالتقاط، بيانات مجمَّدة، رسوم متحركة معطَّلة، viewport مستقر.

تفصّل المقالات المجمّعة هنا الممارسات الجيدة: الاختيار بين screenshots full-page وبحسب المكوّن، إدارة المناطق الديناميكية (تواريخ، عدّادات، carousels)، استراتيجيات التسمية ووسم اللقطات المرجعية، المقارنة مع مقاربات أخرى مثل DOM snapshot أو اختبار إمكانية الوصول الآلي. نتناول أيضاً الحدود الصادقة للطريقة، خصوصاً الضجيج الناتج عن العرض بين أنظمة تشغيل وكلفة صيانة اللقطات المرجعية على نظام تصميم نشط. يستند Delta-QA إلى آلية الالتقاطات هذه، مع تركيز على صفحات الويب الكاملة بدلاً من المكوّنات المعزولة؛ هدف هذه الصفحة مساعدة الجميع على اختيار الأداة والدقة المناسبتين لسياقه.

اختبار الانحدار وDocker: بدون بيئة قابلة للاستنساخ، لقطات الشاشة لا قيمة لها
بواسطة Farid Boussetta

اختبار الانحدار وDocker: بدون بيئة قابلة للاستنساخ، لقطات الشاشة لا قيمة لها

بدون Docker، لقطات الشاشة تتغير من جهاز لآخر. الخطوط والعرض والدقة تتباين. إليك كيفية إعداد Docker لاختبار الانحدار لنتائج موثوقة وقابلة للاستنساخ.

اقرأ المزيد →
Percy مقابل Delta-QA: محرك حتمي بدون كود أم لقطات شاشة في السحابة؟
بواسطة Malloum LAYA

Percy مقابل Delta-QA: محرك حتمي بدون كود أم لقطات شاشة في السحابة؟

Percy (BrowserStack، سحابي، عبر SDK) مقابل Delta-QA (اختبار انحدار بدون كود، SaaS أو On-Premise، خطة مجانية). كود مقابل بدون كود، SDK مقابل التسجيل.

اقرأ المزيد →
كيف تعمل مقارنة لقطات الشاشة فعليًا: 5 خطوات بلا مبالغة
بواسطة Emre AVCI

كيف تعمل مقارنة لقطات الشاشة فعليًا: 5 خطوات بلا مبالغة

كيف تعمل مقارنة لقطات الشاشة فعليًا: الالتقاط، خطوة المحاذاة التي تتجاهلها الأدلة، ثم pixel diff مقابل SSIM وpHash، مشروحة ببساطة وبلا دعاية موردين.

اقرأ المزيد →