اختبار النماذج والتنقل
اختبر إرسال النماذج وعمليات إعادة التوجيه وتدفقات المستخدم متعددة الصفحات من البداية إلى النهاية.
اختبار النماذج والتنقل درس مجاني في Sveltejs Academy على CoddyKit. هذا هو الدرس 3 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Sveltejs Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
إرسال النماذج
املأ حقول الإدخال وأرسل النموذج، ثم تحقّق من النتيجة.
await page.getByLabel("Email").fill("a@b.com");
await page.getByRole("button", { name: "Submit" }).click();
await expect(page).toHaveURL("/dashboard");أخطاء التحقق
اختبر أن تؤدي المدخلات غير الصالحة إلى ظهور رسائل خطأ واضحة.
await page.getByRole("button", { name: "Submit" }).click();
await expect(page.getByText("Email required")).toBeVisible();أخطاء الخادم
حاكِ API أو أعد تهيئة قاعدة البيانات لتشغيل مسارات التحقق من جهة الخادم.
مسارات إعادة التوجيه
بعد تسجيل الدخول، تحقّق من عنوان URL الجديد والعناصر المميزة لصفحة الوجهة.
التنقل في المتصفح
استخدم page.goBack() وpage.goForward() لاختبار السجل.
ملفات تعريف الارتباط والمصادقة
سجّل الدخول مرة واحدة وأعد استخدام الحالة باستخدام storageState لتسريع مجموعات الاختبارات.
CSRF
تُعالَج حماية CSRF المضمنة في SvelteKit تلقائيًا عند استخدام عمليات إرسال النماذج الفعلية.
التحسين التدريجي
اختبر عمل النماذج حتى عند تعطيل JavaScript، وذلك بتبديل إعدادات المتصفح.
النماذج متعددة الخطوات
استخدم Page Object لتغليف الخطوات، وتحقّق من الحالة الوسيطة عند الحاجة.
محاكاة الشبكة
اعترض استدعاءات API باستخدام page.route() لإجراء اختبارات حتمية.
await page.route("**/api/items", route => route.fulfill({ json: [] }));الانحدار المرئي
التقط لقطات للصفحات الرئيسية بعد الإرسال لاكتشاف تغييرات واجهة المستخدم غير المقصودة.
تحقق سريع
كيف تعيد استخدام حالة تسجيل الدخول عبر الاختبارات؟
مراجعة
اختبر مسارات المستخدم الكاملة: النماذج والتنقل وحالات الخطأ. استخدم المحاكاة وstorageState للحفاظ على سرعة مجموعات الاختبارات وموثوقيتها.
الأسئلة الشائعة
هل درس «اختبار النماذج والتنقل» مجاني؟
نعم — نص درس «اختبار النماذج والتنقل» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Sveltejs Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
ماذا ستتعلم في «اختبار النماذج والتنقل»؟
اختبر إرسال النماذج وعمليات إعادة التوجيه وتدفقات المستخدم متعددة الصفحات من البداية إلى النهاية. تتمرن على Sveltejs Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Sveltejs Academy؟
لا تُشترط خبرة سابقة. Sveltejs Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 3 من أصل 4.
كم من الوقت يستغرق درس «اختبار النماذج والتنقل»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Sveltejs Academy هذا؟
نعم. كل درس في Sveltejs Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- إعداد Playwright في SvelteKit
- كتابة اختبارات تفاعل الصفحات
- اختبار النماذج والتنقل
- التكامل مع CI