انتقل إلى المحتوى الرئيسي

للتطبيقات الجوالة

دمج اختبارات WebdriverIO مع App Percy​

قبل التكامل، يمكنك استكشاف دليل بناء العينات في App Percy لـ WebdriverIO. قم بدمج مجموعة الاختبارات الخاصة بك مع BrowserStack App Percy وإليك نظرة عامة على خطوات التكامل:

الخطوة 1: إنشاء مشروع تطبيق جديد على لوحة تحكم Percy​

قم بتسجيل الدخول إلى Percy وإنشاء مشروع جديد من نوع التطبيق. بعد إنشاء المشروع، سيتم عرض متغير بيئة PERCY_TOKEN. سيستخدم Percy الرمز PERCY_TOKEN لمعرفة المؤسسة والمشروع الذي سيتم تحميل لقطات الشاشة إليه. ستحتاج إلى PERCY_TOKEN هذا في الخطوات التالية.

الخطوة 2: تعيين رمز المشروع كمتغير بيئي​

قم بتشغيل الأمر المعطى لتعيين PERCY_TOKEN كمتغير بيئي:

export PERCY_TOKEN="<your token here>"   // macOS or Linux
$Env:PERCY_TOKEN="<your token here>"    // Windows PowerShell
set PERCY_TOKEN="<your token here>"    // Windows CMD

الخطوة 3: تثبيت حزم Percy​

قم بتثبيت المكونات المطلوبة لإنشاء بيئة التكامل لمجموعة الاختبارات الخاصة بك. لتثبيت التبعيات، قم بتشغيل الأمر التالي:

npm install --save-dev @percy/cli

الخطوة 4: تثبيت التبعيات​

قم بتثبيت تطبيق Percy Appium

npm install --save-dev @percy/appium-app

الخطوة 5: تحديث نص الاختبار​

تأكد من استيراد @percy/appium-app في التعليمات البرمجية الخاصة بك.

فيما يلي مثال على اختبار باستخدام وظيفة percyScreenshot. استخدم هذه الوظيفة حيثما كنت بحاجة إلى التقاط لقطة شاشة.

import percyScreenshot from '@percy/appium-app';
describe('Appium webdriverio test example', function() {
  it('takes a screenshot', async () => {
    await percyScreenshot('Appium JS example');
  });
});

نحن نمرر الوسيطات المطلوبة لطريقة percyScreenshot.

وسيطات طريقة لقطة الشاشة هي:

percyScreenshot(driver, name[, options])

الخطوة 6: تشغيل نص الاختبار الخاص بك​

قم بتشغيل اختباراتك باستخدام percy app:exec.

إذا كنت غير قادر على استخدام أمر percy app:exec أو تفضل تشغيل اختباراتك باستخدام خيارات تشغيل IDE، يمكنك استخدام أوامر percy app:exec:start و percy app:exec:stop. لمعرفة المزيد، قم بزيارة تشغيل Percy.

$ percy app:exec -- appium test command

يبدأ هذا الأمر Percy، وينشئ بناءً جديدًا لـ Percy، ويأخذ لقطات ويحملها إلى مشروعك، ويوقف Percy:

[percy] Percy has started!
[percy] Created build #1: https://percy.io/[your-project]
[percy] Snapshot taken "Appium WebdriverIO Example"
[percy] Stopping percy...
[percy] Finalized build #1: https://percy.io/[your-project]
[percy] Done!

قم بزيارة الصفحات التالية لمزيد من التفاصيل:​

الموردالوصف
الوثائق الرسميةوثائق WebdriverIO لتطبيق Percy
بناء نموذجي - دليل تعليميدليل WebdriverIO لتطبيق Percy
فيديو رسميالاختبار المرئي مع تطبيق Percy
مدونةتعرّف على App Percy: منصة اختبار مرئي آلية مدعومة بالذكاء الاصطناعي للتطبيقات الأصلية

Welcome! How can I help?

WebdriverIO AI Copilot