كتابة اختبارات تفاعل الصفحات
انقر واملأ النماذج وتحقق من حالة DOM باستخدام API القوي في Playwright.
كتابة اختبارات تفاعل الصفحات درس مجاني في Sveltejs Academy على CoddyKit. هذا هو الدرس 2 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Sveltejs Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
اختبار أساسي
يستورد كل اختبار test وexpect من Playwright.
import { test, expect } from "@playwright/test";
test("homepage", async ({ page }) => {
await page.goto("/");
await expect(page).toHaveTitle(/My App/);
});التنقّل
استخدموا page.goto(url) لزيارة الصفحات وpage.click() للتنقّل بالنقر.
المحدّدات
استخدموا محددات الدور أو النص أو test-id للحصول على محددات متينة.
await page.getByRole("button", { name: "Save" }).click();ملء النماذج
استخدموا fill وtype وcheck وselectOption.
await page.getByLabel("Email").fill("user@example.com");التأكيدات
استخدموا expect(locator) لإجراء تأكيدات مع إعادة المحاولة، مثل toBeVisible وtoHaveText.
Async/Await
كل إجراء غير متزامن. استخدموا await دائمًا.
الانتظار التلقائي
ينتظر Playwright تلقائيًا حتى تصبح العناصر قابلة للتنفيذ. وهذا يقلّل الاختبارات غير المستقرة.
لقطات الشاشة
التقطوا لقطات شاشة عند الفشل أو كجزء من اختبار التراجعات المرئية.
await page.screenshot({ path: "result.png" });الوضع عديم الواجهة
تُشغّل الاختبارات افتراضيًا دون واجهة رسومية. بدّلوا إلى الوضع ذي الواجهة باستخدام --headed للمشاهدة.
الاختبارات المتوازية
يشغّل Playwright الاختبارات بالتوازي لكل عامل. استخدموا حالة معزولة، مثل cookies وstorage.
استخدم نمط Page Object
في مجموعات الاختبارات الكبيرة، غلّف المحددات والإجراءات الخاصة بكل صفحة داخل أصناف.
تحقق سريع
ما نوع المحدد الأكثر مقاومة للتغييرات؟
مراجعة
اكتب اختبارات التفاعل باستخدام goto وclick وfill ومحددات تستند إلى الأدوار. استخدم expect لإجراء تأكيدات قابلة لإعادة المحاولة.
تعلم HTML مع معلم ذكاء اصطناعي — مجانًا
اكتب وقم بتشغيل أكوادك الفعلية في المتصفح، واحصل على مساعدة فورية من معلم ذكاء اصطناعي متاح 24/7، واستمر من حيث توقفت على الويب أو في التطبيق.
- الدورات
- 41
- الدروس
- 163
الأسئلة الشائعة
هل درس «كتابة اختبارات تفاعل الصفحات» مجاني؟
نعم — نص درس «كتابة اختبارات تفاعل الصفحات» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Sveltejs Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
ماذا ستتعلم في «كتابة اختبارات تفاعل الصفحات»؟
انقر واملأ النماذج وتحقق من حالة DOM باستخدام API القوي في Playwright. تتمرن على Sveltejs Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Sveltejs Academy؟
لا تُشترط خبرة سابقة. Sveltejs Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 2 من أصل 4.
كم من الوقت يستغرق درس «كتابة اختبارات تفاعل الصفحات»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Sveltejs Academy هذا؟
نعم. كل درس في Sveltejs Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- إعداد Playwright في SvelteKit
- كتابة اختبارات تفاعل الصفحات
- اختبار النماذج والتنقل
- التكامل مع CI