الطرق

تتم إضافة الطرق التالية إلى كائن WebdriverIO العالمي browser.

طرق الحفظ

نصيحة

استخدم طرق الحفظ فقط عندما لا تريد مقارنة الشاشات، ولكن تريد فقط الحصول على لقطة للعنصر/الشاشة.

saveElement

يحفظ صورة لعنصر ما.

الاستخدام

await browser.saveElement(
    // element
    await $('#element-selector'),
    // tag
    'your-reference',
    // saveElementOptions
    {
        // ...
    }
);

الدعم

• متصفحات سطح المكتب
• متصفحات الجوال
• تطبيقات الجوال الهجينة
• تطبيقات الجوال الأصلية

المعلمات

• element:
  • إلزامي: نعم
  • النوع: عنصر WebdriverIO
• tag:
  • إلزامي: نعم
  • النوع: سلسلة نصية
• saveElementOptions:
  • إلزامي: لا
  • النوع: كائن من الخيارات، انظر خيارات الحفظ

المخرجات:

انظر صفحة مخرجات الاختبار.

saveScreen

يحفظ صورة لمنفذ العرض.

الاستخدام

await browser.saveScreen(
    // tag
    'your-reference',
    // saveScreenOptions
    {
        // ...
    }
);

الدعم

• متصفحات سطح المكتب
• متصفحات الجوال
• تطبيقات الجوال الهجينة
• تطبيقات الجوال الأصلية

المعلمات

• tag:
  • إلزامي: نعم
  • النوع: سلسلة نصية
• saveScreenOptions:
  • إلزامي: لا
  • النوع: كائن من الخيارات، انظر خيارات الحفظ

المخرجات:

انظر صفحة مخرجات الاختبار.

saveFullPageScreen

الاستخدام

يحفظ صورة للشاشة بأكملها.

await browser.saveFullPageScreen(
    // tag
    'your-reference',
    // saveFullPageScreenOptions
    {
        // ...
    }
);

الدعم

• متصفحات سطح المكتب
• متصفحات الجوال

المعلمات

• tag:
  • إلزامي: نعم
  • النوع: سلسلة نصية
• saveFullPageScreenOptions:
  • إلزامي: لا
  • النوع: كائن من الخيارات، انظر خيارات الحفظ

المخرجات:

انظر صفحة مخرجات الاختبار.

saveTabbablePage

يحفظ صورة للشاشة الكاملة مع خطوط ونقاط التنقل بالمفتاح.

الاستخدام

await browser.saveTabbablePage(
    // tag
    'your-reference',
    // saveTabbableOptions
    {
        // ...
    }
);

الدعم

• متصفحات سطح المكتب

المعلمات

• tag:
  • إلزامي: نعم
  • النوع: سلسلة نصية
• saveTabbableOptions:
  • إلزامي: لا
  • النوع: كائن من الخيارات، انظر خيارات الحفظ

المخرجات:

انظر صفحة مخرجات الاختبار.

طرق الفحص

نصيحة

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

#####################################################################################
 Baseline image not found, save the actual image manually to the baseline.
 The image can be found here:
 /Users/wswebcreation/project/.tmp/actual/desktop_chrome/examplePage-chrome-latest-1366x768.png
 If you want the module to auto save a non existing image to the baseline you
 can provide 'autoSaveBaseline: true' to the options.
#####################################################################################

checkElement

مقارنة صورة عنصر ما مع صورة خط الأساس.

الاستخدام

await browser.checkElement(
    // element
    '#element-selector',
    // tag
    'your-reference',
    // checkElementOptions
    {
        // ...
    }
);

الدعم

• متصفحات سطح المكتب
• متصفحات الجوال
• تطبيقات الجوال الهجينة
• تطبيقات الجوال الأصلية

المعلمات

• element:
  • إلزامي: نعم
  • النوع: عنصر WebdriverIO
• tag:
  • إلزامي: نعم
  • النوع: سلسلة نصية
• checkElementOptions:
  • إلزامي: لا
  • النوع: كائن من الخيارات، انظر خيارات المقارنة/الفحص

المخرجات:

انظر صفحة مخرجات الاختبار.

checkScreen

يقارن صورة منفذ العرض مع صورة خط الأساس.

الاستخدام

await browser.checkScreen(
    // tag
    'your-reference',
    // checkScreenOptions
    {
        // ...
    }
);

الدعم

• متصفحات سطح المكتب
• متصفحات الجوال
• تطبيقات الجوال الهجينة
• تطبيقات الجوال الأصلية

المعلمات

• tag:
  • إلزامي: نعم
  • النوع: سلسلة نصية
• checkScreenOptions:
  • إلزامي: لا
  • النوع: كائن من الخيارات، انظر خيارات المقارنة/الفحص

المخرجات:

انظر صفحة مخرجات الاختبار.

checkFullPageScreen

يقارن صورة الشاشة الكاملة مع صورة خط الأساس.

الاستخدام

await browser.checkFullPageScreen(
    // tag
    'your-reference',
    // checkFullPageOptions
    {
        // ...
    }
);

الدعم

• متصفحات سطح المكتب
• متصفحات الجوال

المعلمات

• tag:
  • إلزامي: نعم
  • النوع: سلسلة نصية
• checkFullPageOptions:
  • إلزامي: لا
  • النوع: كائن من الخيارات، انظر خيارات المقارنة/الفحص

المخرجات:

انظر صفحة مخرجات الاختبار.

checkTabbablePage

يقارن صورة الشاشة الكاملة مع خطوط ونقاط التنقل بالمفتاح مع صورة خط الأساس.

الاستخدام

await browser.checkTabbablePage(
    // tag
    'your-reference',
    // checkTabbableOptions
    {
        // ...
    }
);

الدعم

• متصفحات سطح المكتب

المعلمات

• tag:
  • إلزامي: نعم
  • النوع: سلسلة نصية
• checkTabbableOptions:
  • إلزامي: لا
  • النوع: كائن من الخيارات، انظر خيارات المقارنة/الفحص

المخرجات:

انظر صفحة مخرجات الاختبار.