Click on Element — احترف Playwright — الدليل الكامل

ابدأ من هون 3 درس

أساسيات وأوامر مكتبة QAcart (Fundamentals & QAcart Commands) 25 درس

تطبيقات عملية وأفضل الممارسات (Practical Applications & Best Practices) 29 درس

أتمتة Register Test Case - تمرين عملي 5 دقيقة
الحل - أتمتة Register Test Case 8 دقيقة
استراتيجية التحقق — Assertion Strategy 4 دقيقة
سكريبت اختبار إضافة المهمة 6 دقيقة
استراتيجية خطوات الاختبار — Test Steps Strategy 8 دقيقة
استراتيجية الـ Assertions — أنماط عملية 8 دقيقة
طلب API في مكتبة QAcart 11 دقيقة
استجابة API في مكتبة QAcart 8 دقيقة
سكريبت اختبار API للتسجيل 12 دقيقة
سكريبت اختبار API لإضافة المهمة 14 دقيقة
اختبار التكامل في الأتمتة 23 دقيقة
الاستماع إلى بيانات طلب واجهة المستخدم 11 دقيقة
محاكاة استجابة API 10 دقيقة
أتمتة اختبار المهام الفارغة 3 دقيقة
سكريبت اختبار لون خلفية المهمة 3 دقيقة
حالات الاختبار الذرية — Atomic 8 دقيقة
حالات الاختبار المركزة — Focused 4 دقيقة
حالات الاختبار النظيفة — Clean 5 دقيقة
الـ Tests الذرية والمركزة والنظيفة 8 دقيقة
نموذج كائن الصفحة — Page Object Model 9 دقيقة
إدارة الـ Actions في الـ Page Object 7 دقيقة
الاحتفاظ بـ Test Data في الـ Test Case 5 دقيقة
إدارة المتصفح الديناميكية 3 دقيقة
البيئات الديناميكية — Dynamic Environments 3 دقيقة
التذبذب في أتمتة الاختبار — Flakiness 4 دقيقة
الـ Flaky Tests — كتالوج الأسباب والحلول 10 دقيقة
خطوات الـ API في أتمتة الاختبار 7 دقيقة
اختبار التحول اليساري — Shift-Left 3 دقيقة
الـ Shift-Left عملياً — إيمتى يبدأ شغل المؤتمت 8 دقيقة

أساسيات JavaScript و الـ Functions 27 درس

ليش مهندس الأتمتة بحاجة JavaScript 7 دقيقة
مقدمة إلى JavaScript 13 دقيقة
الطباعة في JavaScript 15 دقيقة
محركات JavaScript الأخرى 7 دقيقة
الـ const و الـ let 10 دقيقة
الـ var مقابل الـ let مقابل الـ const — جدول قرار 7 دقيقة
الـ Strings 12 دقيقة
الـ Numbers 9 دقيقة
الـ Booleans و الـ undefined و الـ null 9 دقيقة
الـ Objects 9 دقيقة
الـ Arrays 9 دقيقة
الـ typeof وتحويل الأنواع 18 دقيقة
أنواع البيانات في JavaScript — مرجع كامل 8 دقيقة
الـ Function Declaration و الـ Function Expression 9 دقيقة
الـ Arrow Functions 5 دقيقة
الـ Arrow Function مقابل الـ Function العادية — الفرق الحقيقي بالـ this 5 دقيقة
الـ Parameters في الـ Functions 10 دقيقة
الـ Default Parameters 5 دقيقة
الـ return في الـ Functions 5 دقيقة
الـ Scope في الـ Functions 5 دقيقة
الـ IIFE 6 دقيقة
الـ Rest Parameters 5 دقيقة
الـ Higher-Order Functions 13 دقيقة
الـ setTimeout كـ Higher-Order Function 7 دقيقة
الـ forEach كـ Higher-Order Function 9 دقيقة
إرجاع Function من Function 8 دقيقة
الـ Scope و الـ Closures — شرح أكثر 7 دقيقة

الـ Classes و الـ Arrays و الـ Objects 30 درس

تعريف Class في JavaScript 15 دقيقة
الـ Constructor 13 دقيقة
الـ Static Fields 14 دقيقة
الـ Private Fields 16 دقيقة
الـ Inheritance 12 دقيقة
الـ Class Expression و الـ Constructor Function 10 دقيقة
الـ Classes في JavaScript — القواعد والأخطاء الشائعة 7 دقيقة
الـ if والشروط 18 دقيقة
الشروط المتداخلة 9 دقيقة
الـ Loops 9 دقيقة
الـ for...of و الـ for...in 8 دقيقة
الـ push و الـ pop و الـ shift و الـ unshift 11 دقيقة
الـ forEach 9 دقيقة
الـ map 6 دقيقة
الـ filter 6 دقيقة
الـ find 9 دقيقة
الـ reduce 13 دقيقة
مرجع الـ Array Methods الكامل 7 دقيقة
الـ String Methods — الجزء الأول 7 دقيقة
الـ String Methods — الجزء الثاني 9 دقيقة
الـ String Methods — الجزء الثالث 8 دقيقة
مرجع الـ String Methods الكامل 6 دقيقة
الـ Object Literal و الـ new Object 11 دقيقة
الـ Object.keys و الـ Object.values 8 دقيقة
الـ Objects المتداخلة 4 دقيقة
الـ JSON.parse و الـ JSON.stringify 5 دقيقة
الـ Destructuring للـ Objects 12 دقيقة
الـ Spread و الـ Rest 10 دقيقة
النسخ السطحي والعميق — الفخ اللي بيوقع فيه الكل 6 دقيقة
الـ Optional Chaining و الـ Nullish Coalescing 6 دقيقة

الـ Async و الـ Modules و Node.js 25 درس

الـ Event Loop — ليش JavaScript بتشتغل هيك 5 دقيقة
الـ Promises — الصيغة الأساسية 13 دقيقة
مثال واقعي على الـ Promises 8 دقيقة
تسلسل الـ Promises 8 دقيقة
الـ Promise.race و الـ Promise.all 10 دقيقة
الـ async و الـ await 13 دقيقة
الـ Promises مقابل async/await — جدول قرار 6 دقيقة
الـ fetch — الصيغة الأساسية 11 دقيقة
الـ fetch مع async/await 7 دقيقة
إرسال POST باستخدام fetch 9 دقيقة
نصائح في استخدام الـ fetch 12 دقيقة
معالجة الأخطاء بالكود غير المتزامن — try/catch مع await 5 دقيقة
الـ CommonJS — module.exports 11 دقيقة
الـ CommonJS — تصدير متعدد 9 دقيقة
الـ Named و الـ Default Exports 12 دقيقة
الـ CommonJS مقابل الـ ES Modules — أيهما ومتى 6 دقيقة
الـ Globals في Node.js 10 دقيقة
قراءة الملفات في Node.js 19 دقيقة
إنشاء مشروع npm جديد 10 دقيقة
الـ npm Scripts 10 دقيقة
تثبيت الـ Dependencies 18 دقيقة
الـ Dev Dependencies 11 دقيقة
الـ Global Dependencies 9 دقيقة
الـ npx 21 دقيقة
ملف package.json مشروح سطر سطر 6 دقيقة

TypeScript 16 درس

ليش TypeScript للأتمتة — مش رفاهية 5 دقيقة
مقدمة إلى TypeScript 9 دقيقة
الأنواع الأساسية في TypeScript 15 دقيقة
الـ Union Types 7 دقيقة
الـ Functions في TypeScript 10 دقيقة
الـ Default و الـ Optional Parameters 10 دقيقة
الـ Classes في TypeScript 20 دقيقة
الـ Type Aliases 14 دقيقة
الـ Interfaces 10 دقيقة
الـ Types مقابل الـ Interfaces — متى تستخدم كل واحد 5 دقيقة
الـ Generics 12 دقيقة
الـ Enums 6 دقيقة
ملف tsconfig 19 دقيقة
ملف tsconfig مشروح — الإعدادات اللي بتهمك فعلاً 6 دقيقة
الـ ts-node 6 دقيقة
الـ Type Safety في الـ Page Objects — تطبيق عملي 5 دقيقة

البداية مع Playwright 7 درس

مقدمة إلى Playwright 11 دقيقة
Playwright مقابل Selenium و Cypress — متى تختار كل واحد 6 دقيقة
إنشاء مشروع Playwright جديد 12 دقيقة
هيكلة مشروع الأتمتة — وين يروح كل ملف 6 دقيقة
الـ Command Line في Playwright — الجزء الأول 13 دقيقة
الـ Command Line في Playwright — الجزء الثاني 26 دقيقة
الـ UI Mode و الـ Trace Viewer و الـ Inspector 6 دقيقة

كتابة الاختبارات 13 درس

إنشاء أول Test في Playwright 15 دقيقة
الـ Auto-waiting و الـ Web-First Assertions — ليش ما في sleep بـ Playwright 5 دقيقة
الـ Tags في Playwright 10 دقيقة
الـ Annotations في Playwright 10 دقيقة
مرجع الـ Test Annotations الكامل 6 دقيقة
تمرين عملي على كتابة الـ Tests 10 دقيقة
تجميع الـ Tests باستخدام describe 7 دقيقة
الـ Hooks — beforeEach و afterEach و beforeAll و afterAll 14 دقيقة
الـ skip و الـ only و الـ fixme 17 دقيقة
الـ Test Steps في Playwright 21 دقيقة
الـ testInfo و الـ test.slow 9 دقيقة
تنظيم الـ Test Suite — امتى describe وامتى hooks وامتى steps 6 دقيقة
الـ Fixtures بدل الـ Hooks — الطريقة الحديثة بـ Playwright 6 دقيقة

إعدادات Playwright 18 درس

مقدمة قسم الإعدادات — خريطة playwright.config 6 دقيقة
ملف playwright.config و الـ testDir 13 دقيقة
الـ fullyParallel و الـ workers و الـ retries 7 دقيقة
الـ timeout و الـ expect timeout 8 دقيقة
الـ Timeouts كلها — أيها يغلب أيها 5 دقيقة
الـ Reporters 12 دقيقة
الـ baseURL 5 دقيقة
الـ colorScheme 5 دقيقة
الـ geolocation و الـ locale 5 دقيقة
الـ permissions و الـ timezone 6 دقيقة
الـ viewport 5 دقيقة
الـ actionTimeout 4 دقيقة
إعدادات الـ Network 11 دقيقة
إعدادات الـ Screenshot و الـ Video و الـ Trace 9 دقيقة
الـ Projects في playwright.config 18 دقيقة
الـ Projects وتعدد المتصفحات — استراتيجية عملية 6 دقيقة
ملف playwright.config كامل — مرجع جاهز للنسخ 5 دقيقة
تشغيل Playwright على GitHub Actions 5 دقيقة

التنقل والتأكيدات الأساسية 4 درس

فتح المواقع باستخدام page.goto 14 دقيقة
التأكد من الـ URL و الـ Title 12 دقيقة
التنقل للأمام وللخلف 5 دقيقة
الـ Waiting و الـ Load States 6 دقيقة

محددات العناصر — Locators 8 درس

استراتيجية الـ Locators — الترتيب اللي لازم تتبعه 5 دقيقة
الـ CSS Selectors 19 دقيقة
getByPlaceholder و getByText و getByLabel 14 دقيقة
getByTestId و الـ data-testid 9 دقيقة
الـ filter و الـ first و الـ last 17 دقيقة
الـ Chaining بين الـ Locators 7 دقيقة
الـ Strict Mode — ليش بيفشل الـ Test لما يلاقي عنصرين 4 دقيقة
مرجع الـ Locators الكامل 5 دقيقة

التفاعل مع العناصر — Actions 11 درس

الـ click 8 دقيقة
الـ dblclick 3 دقيقة
الـ hover و الـ blur 7 دقيقة
الـ fill و الـ press و الـ pressSequentially 15 دقيقة
الـ Radio Buttons و الـ Checkboxes 11 دقيقة
الـ selectOption 11 دقيقة
رفع الملفات باستخدام setInputFiles 7 دقيقة
الـ Drag and Drop 8 دقيقة
الـ Actionability Checks — شو بيتأكد منه Playwright قبل كل Action 6 دقيقة
الـ Dialogs و الـ iFrames و الـ Tabs الجديدة 4 دقيقة
مرجع الـ Actions الكامل 7 دقيقة

مشروع عملي — أتمتة تطبيق Todo 8 درس

من الدروس للمشروع — خطة أتمتة تطبيق Todo 6 دقيقة
مقدمة المشروع — تطبيق Todo 14 دقيقة
تجهيز Playwright للمشروع 12 دقيقة
أتمتة الـ Login 15 دقيقة
أتمتة الـ Register 14 دقيقة
أتمتة إضافة Todo جديد 15 دقيقة
أتمتة حذف الـ Todo 23 دقيقة
بيانات الاختبار واستقلالية الـ Tests 7 دقيقة

الـ Page Object Model 10 درس

ليش الـ Page Object Model، وشو مشاكله 7 دقيقة
مقدمة الـ Page Object Model وتجهيز المجلدات 10 دقيقة
الـ Constructor ونقل الـ Locators الخاصة بالـ Login 12 دقيقة
طريقة ثانية لكتابة الـ Page Classes وإنهاء الـ Login Spec 8 دقيقة
تنظيف الـ Locators من باقي الـ Test Cases 18 دقيقة
الـ Components داخل الـ Page Object Model 16 دقيقة
هيكلة الـ Framework — Base Page و Components و Helpers 8 دقيقة
نقل الـ goto إلى الـ Pages 4 دقيقة
إخفاء الـ Implementation عن الـ Test Case 13 دقيقة
الـ POM مقابل الـ Fixtures و الـ Helpers 7 دقيقة

اختبار الـ API مع Playwright 13 درس

ليش نختبر الـ API جوا Playwright 6 دقيقة
مقدمة إلى الـ request Fixture 18 دقيقة
الـ Assertions الأساسية للـ API 7 دقيقة
مرجع الـ request Fixture الكامل 7 دقيقة
اختبار الـ Register API 10 دقيقة
اختبار إضافة Todo عبر الـ API 10 دقيقة
اختبار حذف Todo عبر الـ API 11 دقيقة
بناء الـ Auth Client 15 دقيقة
معالجة الـ Auth Tokens — أنماط عملية 7 دقيقة
بناء الـ Todo Client 6 دقيقة
بناء الـ User Model 10 دقيقة
بناء الـ Todo Model 6 دقيقة
الـ storageState — تسريع الـ E2E بتخطي الـ Login 5 دقيقة

دمج الـ API مع الـ E2E 3 درس

استخدام الـ Models في الـ E2E Testing 14 دقيقة
استخدام الـ API داخل الـ E2E Automation 12 دقيقة
الاختبار الهجين — امتى API وامتى UI 7 دقيقة

مواضيع متقدمة 11 درس

تجهيز تطبيق FIFA للتمارين 11 دقيقة
مقدمة إلى waitForRequest و waitForResponse 11 دقيقة
الـ waitForResponse حسب الـ URL 8 دقيقة
الـ waitForResponse حسب الـ Method 10 دقيقة
الـ waitForRequest 19 دقيقة
الـ Routing في Playwright 20 دقيقة
مقدمة إلى الـ Custom Fixtures 15 دقيقة
توسيع الـ test وتمرير Fixture عشوائي 12 دقيقة
الـ Custom Fixtures — دول الاتحاد الأوروبي 13 دقيقة
الـ addLocatorHandler — التعامل مع الحواجب المفاجئة 12 دقيقة
خريطة الطريق — شو بعد هاد الكورس 6 دقيقة

تجهيز جهازك للتطوير والاختبار 13 درس

مقدمة لقسم تجهيز جهازك للتطوير 1 دقيقة
MacBook - إعداد جهاز Mac للبرمجة والتطوير والاختبار 8 دقيقة
Windows - تغيير سياسة التنفيذ إلى Remote 3 دقيقة
Windows - تفعيل سجل الأوامر والاقتراحات التلقائية! 7 دقيقة
Windows - ثيم ال Terminal وصورة الخلفية 9 دقيقة
Both - تثبيت خط Fira Code 4 دقيقة
Windows - تثبيت Chocolatey 6 دقيقة
Windows - إعداد Oh My Posh 9 دقيقة
Windows - تثبيت Java و SQLite و Git 7 دقيقة
Windows - تثبيت NVM و Maven 5 دقيقة
Both - لدينا العديد من الأدوات 18 دقيقة
Wndows - تثبيت IntelliJ Ultimate 6 دقيقة
Windows - إعداد GitHub 9 دقيقة