لأن العيون لا تكذب - اختبار بصري باستخدام أبليتولز آيز

يضمن اختبار الانحدار أن أي تغيير يتم إدخاله على البرنامج لا يكسر أي شيء كان يعمل جيدًا في السابق. يضمن اختبار الانحدار المرئي عدم ظهور أي مشكلات في واجهة المستخدم الرسومية بسبب التغييرات التي تم إجراؤها. يجب أن يظل التطبيق يبدو كما كان عليه قبل إدخال التعديلات. تقوم أداة اختبار الانحدار المرئي بالتقاط لقطات شاشة لواجهة المستخدم الحالية وتقارنها بلقطات الشاشة الأصلية. يبحث في القطبية التاريخية ويؤكد أن صفحات الويب لا تزال تُعرض كما هو متوقع عبر متصفحات مختلفة حتى بعد التعديلات. أبليتولز آيز هي واحدة من أكثر أدوات الاختبار المرئي شيوعًا والمتوفرة في السوق والتي تعمل بتقنية الرؤية المعرفية الخاصة بها.

طورت Applitools أداة اختبار البرامج المستندة إلى مجموعة النظراء ، Applitools Eyes ، والتي تقوم تلقائيًا بالتحقق من صحة جميع الجوانب المرئية لأي تطبيق ويب وجوال وتطبيق أصلي. تشبه عمليات التحقق هذه تلك التي يقوم بها المختبر اليدوي. تتحقق تقنية Applitools تلقائيًا من صحة تخطيط واجهة المستخدم ومحتواها ومظهرها ، وتمكنك من أتمتة الاختبارات التي لا يمكن إجراؤها يدويًا إلا بدونها. يمكنه اختبار التطبيقات على أي متصفح وجهاز ونظام تشغيل ولغة برمجة ، على أي دقة شاشة وعامل شكل.

نظرة عامة على نظام أبليتولز للعيون

تتفاعل بيئات الاختبار المختلفة مع مكونات Eyes المختلفة في Applitools لتنفيذ اختبار واجهة المستخدم المرئية. يتكون النظام من المكونات التالية:

• التطبيق قيد الاختبار (AUT).
• مجموعة اختبار تعمل لـ AUT وتتحقق من دقتها.
• يتم استدعاء SDKs في كود مجموعة الاختبار لتشغيل التقاط لقطة الشاشة والتحقق البصري.
• برامج تشغيل التطبيقات مثل السيلينيوم أو Appium التي توفر إطارًا لبناء بدلات اختبار يمكن إرسالها إلى AUT. كما أنها تستخدم هذه لالتقاط لقطات الشاشة.
• يتلقى الخادم ويخزن لقطة الشاشة المرسلة من حزم SDK. يقارنها بالصور الأساسية المخزنة ويبلغ عن أي اختلافات.
• يوفر Eyes Test Manager للمستخدم نتائج الاختبار التي يمكنه مراجعتها ويساعد المستخدم على الإبلاغ عن الأخطاء وإدارة الصور الأساسية.

فيما يلي مثال على كيفية تفاعل المكونات لإجراء اختبار ، مما يسمح لفريق الاختبار بعرض نتائج الاختبار وإدارتها.

الائتمان: أبليتولس

الخطوة 1: يدير فريق الاختبار مجموعة الاختبار. عادةً ما يكرر الرمز الخطوات التالية لحالات التطبيق المختلفة.

الخطوة 2.1: باستخدام برنامج تشغيل مثل السيلينيوم أو Appium ، تتم محاكاة إجراءات المستخدم مثل النقر بالماوس وإدخال لوحة المفاتيح وما إلى ذلك.

الخطوة 2.2: إلى جانب ذلك ، يتم استدعاء Eyes SDK API لإجراء نقطة فحص بصرية في وقت واحد.

الخطوة 2.2.a: تستخدم Eyes SDK برنامج التشغيل لتجميع لقطة الشاشة.

الخطوة 2.2.b: بعد ذلك ترسل Eyes SDK الصورة المجمعة إلى Eyes Server. هنا تتم مقارنة الصور والصور الأخرى لنقاط التفتيش بالصور الأساسية التي تم تخزينها مسبقًا على الخادم.

الخطوة 3: بمجرد معالجة الصور في الاختبار ، يزود خادم العيون بالمعلومات المتعلقة بأي اختلافات ملحوظة. إلى جانب هذا ، يتم توفير رابط إلى موقع Eyes حيث يمكن عرض النتائج.

الخطوة 4: يستخدم فريق الاختبار مدير اختبار العيون لعرض نتائج الاختبار ، لتحديث الخطوط الأساسية ، والإبلاغ عن الأخطاء وتعليق المناطق التي تحتاج إلى معالجة خاصة. بعد عرض جميع النتائج ، يحفظ فريق الاختبار الأساس. يصبح هذا هو أساس المقارنة في التشغيل التجريبي التالي.

تمتلك Applitools SDKs التي تدعم مجموعة واسعة من أطر أتمتة اختبار الويب والجوّال وسطح المكتب ، والبنى التحتية المختلفة لبرامج تشغيل التطبيقات ، ولغات البرمجة وجميع الأنظمة الأساسية والمتصفحات وأنظمة التشغيل الشائعة. لا تتفاعل مجموعات تطوير البرامج (SDK) هذه بشكل مباشر مع AUT ، لذا فإن العيون مستقلة تمامًا عن كيفية تنفيذ التطبيق ونشره.

التوافق مع أبليتولز آيز

يحتوي Applitools على SDKs لجميع لغات البرمجة الشائعة ومتسابقي الاختبار الذين يوفرون تغطية اختبار كاملة للويب والجوال وسطح المكتب و PDF وأنظمة تشغيل التلفزيون وإنترنت الأشياء والصور والمزيد.

مجموعات تطوير البرامج على الويب

تدعم مجموعات WEB SDK جميع أدوات وبرامج اختبار الويب الرئيسية:

1. السيلينيوم لـ JavaScript و C # و Ruby و PHP و Python
2. WebdriverIO4 ، WebdriverIO5 ، WebdriverIO6
3. السيلينيوم IDE
4. شجرة السرو
5. الكاتب المسرحي (إضافة جديدة)
6. محرك الدمى (إضافة جديدة)
7. TestCafe
8. رد فعل Storybook CSF (إضافة جديدة) ، Storybook -React ، Angular ، Vue
9. ووتر
10. كابيبارا
11. منقلة (إضافة جديدة)
12. UFT / QTP
13. # Lean CFT ، Lean JavaScript
14. واجهة مستخدم مشفرة

حزم SDK للجوال

تدعم حزم Mobile SDK جميع أدوات وبرامج اختبار الأجهزة المحمولة الرئيسية:

1. Appium Native –C #، Java، JavaScript، PHP، Python، Ruby
2. Appium Web - C # ، Java ، JavaScript ، PHP ، Python ، Ruby
3. XCUI Objective-C و XCUI Swift
4. إسبرسو
5. كالاباش iOS و Android

لقطات SDKs

CLI و C # و Java و JavaScript و PHP و Ruby و XCTest Objective-C و XCTest Swift

حزم SDK لسطح المكتب

Windows UFT ، واجهة مستخدم Windows مشفرة

أدوات لا ترميز

نماذج PDF ، IDE غير مشفر

مدير الاختبار في أبليتولز آيز

إن Eyes Test Manager هو أداة قائمة على المستعرض توفر الوصول إلى بيانات اختبار واجهة المستخدم المرئية. يسمح للمستخدمين بإدارة نتائج الاختبار وخطوط الأساس والبيانات الوصفية الأخرى.

يوفر مدير اختبار العيون التسهيلات التالية:

• الوصول إلى نتائج عمليات التشغيل الاختبارية لواجهة المستخدم المرئية
• قبول أو رفض الاختلافات المسجلة
• علق الخطوات مع التعليقات
• أضف مستوى المطابقة وتجاهل المناطق
• قم بتحديث الأساس
• عرض وإدارة التطبيق وأسماء الاختبار
• عرض وإدارة الخطوط الأساسية والفروع
• عرض وإدارة بيئات التنفيذ
• قارن ودمج الفروع الأساسية
• إدارة حسابك والفرق والمستخدمين

هناك العديد من الأدوات والمفاهيم الأخرى التي تم دمجها في Eyes والتي تساعد المستخدم على تنظيم حالات الاختبار والاختبار. إحدى هذه الأدوات هي خط الأساس. يقارن بروتوكول الفحص البصري الصور الملتقطة بالصور التي تم تخزينها في خط الأساس من التشغيل الاختباري السابق. يمكن أن يكون لكل تشغيل اختباري شكل وأسلوب مختلفان. العيون لديها العديد من خطوط الأساس لكل اختبار ، حيث يمثل كل خط أساس بيئة محددة. يمكن لكل من هذه الخطوط الأساسية تخزين سلسلة من مراجع الصور.

عند تشغيل الاختبار المرئي ، يتم تشغيل التطبيق من خلال سلسلة من حالات التطبيق ، ولكل حالة يتم تنفيذ نقطة فحص والتي تلتقط صورة للتطبيق لتلك الحالة. تقارن العيون سلسلة الصور الملتقطة بسلسلة الصور المرجعية المخزنة في الأساس لهذا الاختبار وتبلغ عن أي اختلافات كبيرة. تعتمد الصورة داخل خط الأساس على عمليات التشغيل التجريبية ، ولكنها قد تعتمد أيضًا على عوامل أخرى ، مثل أنظمة التشغيل ونوع المتصفح وحجم منفذ العرض. تسمى هذه العوامل بيئة التنفيذ.

منفذ العرض هو المنطقة المرئية لأي تطبيق داخل نافذة التطبيق. يمكن أن يؤثر حجم منفذ العرض أيضًا على تنسيق أي صفحة. على سبيل المثال ، قد يؤدي تغيير بُعد المتصفح إلى تغيير مظهر النص المعروض. قد تظهر الصفحات المتجاوبة التي تحتوي على عناصر مثل القوائم مختلفة باختلاف الأبعاد. قد يتغير حجم الخط والصورة. ملاحظة: منفذ العرض خاص بالنظام الأساسي.