آموزش اتوماسیون E2E با Playwright، TypeScript، MCP و ایجنت‌های هوش مصنوعی - آخرین آپدیت

سرفصل ها و درس ها

مقدمه Introduction

• مقدمه Introduction

• نکته‌ای درباره ویدیو بعدی Note on Next Video

• دموی سریع اتوماسیون Playwright [Teaser] Quick Demo on Playwright Automation

• مروری بر Playwright Playwright Overview

• معماری Playwright Playwright Architecture

• فرمت و ساختار دوره (حتماً ببینید) [Must Watch] Format of the course

• نظرات شما اهمیت دارد! Your Thoughts Matter!

نصب در ویندوز Installation - Windows

• مخصوص ویندوز Windows - Only

• نصب Node.js Node.js Installation

• نصب VS Code VS Code Installation

• اولین پروژه نود: «سلام دنیا!» First node project - "Hello, World!"

• کوییز نصب Installation - Quiz

نصب در macOS Installation - macOS

• مخصوص macOS macOS - Only

• نصب Node.js Node.js Installation

• نصب VS Code VS Code Installation

• اولین پروژه نود: «سلام دنیا!» First node project - "Hello, World!"

• نصب در macOS Installation - macOS

سنجش دانش مبانی JS/TS JS/TS Fundamentals - Knowledge Check

• سنجش آمادگی در JS/TS - امتیاز شما چند است؟ Check Your JavaScript/TypeScript Readiness – What’s Your Score?

• کوییز مبانی JS JS Fundamentals - Quiz

• حالا امتیاز شما چند است؟ Now, What's Your Score?

مبانی JS/TS JS/TS Fundamentals

• کامنت‌ها Comments

• تعریف متغیرها و سینتکس Variable Definition & Syntax

• قوانین تعریف متغیر Variable Rules

• دستورات var let و const var let and const statements

• محدوده متغیرها (Scoping) Variable Scoping

• کوییز کامنت‌ها و متغیرها Comments and Variables - Quiz

• مقدمه‌ای بر انواع داده‌ها Data Types Intro

• لیترال‌ها (Literals) Literals

• عملگر typeof typeof Operator

• انواع داده‌ها در فرم‌های مختلف Data type - Different Forms

• مقادیر Truthy، Falsy و Nullish Trythy, Falsy And Nullish Values

• توابع داخلی برای تبدیل نوع داده Data Type Conversion - In-built Functions

• خلاصه انواع داده‌ها Data Types - Summary

• مقدمه و انواع عملگرها Operators Intro And Types

• مروری کلی بر عملگرها Overall Operators

• عملگرهای انتساب Assignment Operator

• عملگرهای ریاضی Arithmetic Operator

• عملگرهای مقایسه‌ای Comparison Operator

• عملگر منطقی AND (&&) Logical AND (&&)

• عملگر منطقی OR (||) Logical OR (||)

• عملگر منطقی Not (!) Logical Not (!)

• عملگر OR برای مقدار پیش‌فرض Logical Operator OR - Default Value

• عملگر سه تایی (Ternary Operator) Ternary Operator

• مقدمه دستورات شرطی Conditional Statement Intro

• مورد کاربردی ۱: فقط If Use Case 1: Just If

• مورد کاربردی ۲: If (Not) Use Case 2: If (Not)

• مورد کاربردی ۳: If و Else Use Case 3: If And Else

• مورد کاربردی ۴: شرط‌های If تو در تو Use Case 4: Nested If Conditions

• مورد کاربردی ۵: If..Else با شرایط داخلی Use Case 5: If..Else [Inner Conditions]

• مورد کاربردی ۶: استفاده از If در حلقه‌ها Use Case 6: Use Of If Conditional In Loops

• سینتکس Switch Case Switch Case - Syntax

• دموی Switch Case Switch Case - Demo

• مقدمه حلقه‌ها Loops - Intro

• حلقه for استاندارد: مورد کاربردی ساده Standard For Loop - Simple Use Case

• حلقه for استاندارد با آرایه Standard For Loop With Array

• حلقه for استاندارد: استفاده از دستور break Standard For Loop - Use Of Break Statement

• حلقه ForEach Loops - ForEach

• حلقه While Loops - While

• حلقه‌های For...In و For...Of Loops - For...In And For...Of

• مقدمه رشته‌ها (String) String Intro

• رشته‌ها در فرم‌های مختلف String - Different Forms

• فرمت‌بندی رشته‌ها Formatting String

• مقایسه رشته‌ها Comparing String

• استخراج زیررشته‌ها با متد Slice Extract Substring - Slice Method

• متدهای Replace و ReplaceAll String Replace And ReplaceAll

• استخراج زیررشته‌ها با متد Split Extract Substring - Split Method

• استخراج زیررشته‌ها با متد Indexof Extract Substring - Indexof Method

• استفاده از Backslash Use Of Backslash

• مقدمه توابع Function - Intro

• دموی توابع نام‌دار (Named Function) Named Function Demo

• دموی توابع بی‌نام (Anonymous Function) Annomyous Function Demo

• پارامترهای تابع Function Parameter

• پارامترهای Rest و شیء Arguments Rest Parameters And Arguments Object

• دستور return Return Statement

• توابع خود-اجرا (Self Invoking) Self Invoking Function

• توابع پیکانی (Arrow Function) Arrow Function

• دموی توابع پیکانی Arrow Functions Demo

• به دنبال مباحث پیشرفته‌تر هستید؟ Looking For More Advanced Topics?

• متغیرها Variables

• دستکاری رشته‌ها String Manipulation

راه‌اندازی پروژه Project Setup

• سورس کد Source Code

• نصب Playwright Playwright Installation

• اجرای تست‌های تولید شده Run the Generated Test

• استانداردهای نام‌گذاری و بهترین متدها Naming Conventions - Best Practices

• راه‌اندازی ساختار پوشه‌ها Folder Structure Setup

• افزونه‌های VS Code برای Playwright VS Code Extensions for Playwright

• راه‌اندازی پروژه Project Setup

راه‌اندازی Git Git Setup

• مروری بر Git Git Overview

• نصب Git در macOS Git - macOS Installation

• نصب Git در ویندوز Git - Windows Installation

• ساخت مخزن (Repo) در GitHub Setup Repo In GitHub

• راه‌اندازی Git به صورت محلی Setup Git - Locally

• کامیت کردن تغییرات و Push به Remote Commit Changes and Push to Remote

• راه‌اندازی نهایی Git Git Setup

نوشتن اولین تست Writing First Play

• ساخت اولین فایل Spec First Spec File Creation

• خطاهای رایج و نحوه رفع آن‌ها Common Errors and How to Fix Them

• استفاده از اسکریپت‌های package.json Using package.json Scripts

• تمرین: افزودن اسکریپت برای مرورگرهای دیگر Exercise: Add a new scripts with other browser

• اولین تست Playwright Playwright First Test

درک مفاهیم اصلی Playwright Understanding Core Playwright Concepts

• درک نحوه عملکرد Test Runner در Playwright Understanding Playwright Test Runner

• تابع test() The test() Function

• فیکسچرهای صفحه (Page Fixtures) Page Fixtures

• شیء Locator Locator Object

• استفاده از Assertions در expect() Using expect() Assertions

• توضیح کلمه کلیدی await The "await" Keyword Explained

Codegen و موارد کاربرد آن Codegen and Its Usecases

• مروری بر Codegen و مزایای آن Codegen Overview & Benefits

• نصب افزونه Codegen Installing Codegen Extension

• استفاده از CLI در اتوماسیون Playwright CLI Usage - Playwright Automation

• ساخت Spec برای ورود (Login) Create Login Spec

• دموی Codegen Codegen - Demo

• تکمیل Spec ورود Complete Login spec

• ضبط جریان کاری رزرو نوبت (Make Appointment) Codegen - Capture Make Appointment Flow

استراتژی مکان‌یابی (Locator Strategy) Locator Strategy

• بررسی عمیق لوکیتورهای Playwright Deep Dive Into Playwright Locators

• قابلیت Pick Locator در Codegen Codegen - Pick Locator Functionality

تعامل با المان‌های وب Interacting With Web Elements

• پر کردن فرم‌های ساده و ضبط جریان کاری Basic Form Filling - Record The Flow

• اتوماسیون دکمه‌ها و لینک‌ها Button/Link Automation

• اتوماسیون فیلدهای متنی Text Field Automation

• اتوماسیون منوهای کشویی (Dropdown) Dropdown Automation

• اتوماسیون Radio و Checkboxها Radio and Checkboxes Automation

• تکرار روی لیست المان‌ها: ضبط جریان کاری Iterating Over List Of Elements - Capture the Flow

• تکرار روی لیست المان‌ها: تکمیل تست Iterating Over List Of Elements - Complete Test

• تکمیل جریان پرداخت (Checkout) Complete the checkout flow

• تعامل با المان‌های وب Interacting With Web Elements

دیباگ کردن تست‌ها Debugging Tests

• دیباگ با استفاده از Codegen Test Explorer Debugging Using CodeGen Test Explorer

• دیباگ با استفاده از UI Mode Debugging Using UI Mode

• دیباگ با استفاده از CLI در حالت Debug Debugging Using CLI - Debug Mode

• Trace Viewer Trace Viewer

گزارش‌گیر Allure Allure Reporter

• راه‌اندازی Allure Reporter Allure Reporter Setup

• نصب Java برای گزارش‌گیر Allure Java Installation (For Allure Reporting)

• پیکربندی Allure Reporter Allure Reporter Configutation

قابلیت‌های Playwright Playwright Capabilities

• مروری بر تنظیمات تست Test Config Overview

• فیکسچرها Fixtures

• اسکرین‌شات‌ها Screenshots

• ضبط ویدیو Video Capturing

• انوتیشن‌ها (Annotation) Annotation

• تگ‌ها (Tags) Tags

• پیاده‌سازی انوتیشن‌ها و تگ‌ها برای login.spec.ts Implement annotations and tags for 'login.spec.ts'

قابلیت‌های پیشرفته Playwright Playwright Advanced Capabilities

• انتظار خودکار (Auto waiting) Auto-waiting

• دموی عملی انتظار خودکار Practical Demo - Auto-waiting

• تایم‌اوت‌ها (Timeouts) Timeouts

• دموی عملی تایم‌اوت‌ها Practical Demo - Timeouts

• دیباگ پیشرفته در سطح API Playwright Advanced Debugging - PW API Level

• آرگومان‌های مرورگر کروم Chrome - Browser Args

• درک مفهوم هوک‌ها (Hooks) Understanding Hooks

• دموی عملی هوک‌ها Practical Demo - Hooks

• تنظیمات Global Setup Global Setup

• تنظیمات Global Teardown Global Teardown Setup

• تست‌های چند مرورگره (Multi Browser) Multi-Browser Tests

• شبیه‌سازی دستگاه‌های موبایل (Device Emulation) [Mobile] Device Emulation

• درک موازی‌سازی در Playwright Understanding Playwright Parallelism

• اجرای موازی تست‌ها Running Tests Parallel

• تنظیم فایل tsconfig.json Setting up tsconfig.json file

مدیریت داده‌ها Data Handling

• درک مفاهیم داده‌ها Understanding Data

• مدیریت داده‌های استاتیک و ثابت‌ها Handling Static/Constants Data

• پارامتریک کردن تست‌ها با forEach Dataset Paramerterizing Tests - forEach Dataset

• تنظیم داده‌های سراسری و داده‌های داینامیک Global Data Setup - Dynamic Data

• مدیریت داده‌های مربوط به محیط‌های مختلف Handling Environment Specific Data

• دموی عملی مدیریت داده‌های محیطی Practical Demo - Handling Environment Specific Data

• مدیریت داده‌های حساس Handling Sensitive Data

مدیریت داده‌ها با فایل‌های CSV در اتوماسیون Playwright Data Handling with CSV Files - Playwright Automation

• خواندن داده‌ها از فایل CSV Read Data From CSV File

• ساخت تابع کمکی (Helper Function) Build Helper Function

• اجرای تست پارامتریک با داده‌های CSV Run Parameterized Test Using CSV Data

لاگر (Logger) Logger

• راه‌اندازی لاگر (Logger) Logger Setup

ساخت فریم‌ورک Framework Building

• مروری بر مدل Page Object Model Page Object Model Overview

• مبانی کلاس‌های TypeScript Basics of TypeScript Class

• ساخت یک Base Page Setting up a Base Page

• ضبط جریان اجرای تست Record Test Execution Flow

• پیاده‌سازی مدل Page Object Model Implementing Page Object Model

• نکته مهم برای اجرای تست‌های E2E IMPORTANT FOR RUNNING E2E TEST

• ساخت تست‌ها با استفاده از Page Objects Creating Tests Using Page Objects

• مدل Page Object Model Page Object Model

• تمرین: پیاده‌سازی POM برای Spec رزرو نوبت Excercie: Implement Page Object Model for Make Appointment Spec

یکپارچه‌سازی تست API API Testing Integration

• مروری بر API API Overview

• کلید API (بسیار مهم) API KEY - IMPORTANT !

• مثال متد GET GET Method - Example

• مثال متد POST POST Method - Example

• یکپارچه‌سازی تست API در فریم‌ورک API Tests - Framework Integration

ساخت Helperها Building Helpers

• کمک‌کننده‌های Playwright (PW Helpers) PW Helpers

• کمک‌کننده‌های فایل (File Helpers) File Helpers

ساخت تست‌های E2E Building E2E Tests

• تست E2E: تکمیل Page Objects E2E Test - Complete Page Objects

• تست E2E: تکمیل بخش وب E2E Test - Complete For Web

• تست E2E: یکپارچگی با API E2E Test - API Integration

یکپارچگی Copilot و MCP Server Copilot & MCP Server Integration

• راه‌اندازی GitHub Copilot GitHub Copilot Setup

• مروری بر MCP MCP - Overview

• راه‌اندازی سرور MCP Playwright Playwright MCP Server Setup

• سرور MCP Playwright در عمل Playwright MCP Server - In Action

• حالت‌های مختلف GitHub Copilot GitHub Copilot - Modes

• دموی عملی Playwright MCP در حالت‌های Copilot Practical Demo Playwright MCP - Copilot Modes

یکپارچه‌سازی DevOps و CI DevOps & CI Integration

• مروری بر DevOps و CI DevOps & CI - Overview

• مروری بر فایل‌های YML/YAML Overview of YML/YAML file

• GitHub Actions GitHub Actions

• GitHub Actions و Allure Reporter GitHub Actions - Allure Reporter

• نصب Jenkins در ویندوز Jenkins Installation - Windows

• نصب Jenkins در macOS Jenkins Installation - macOS

• ساخت یک Pipeline در Jenkins Jenkins - Setup A Pipeline

• اجرای Pipeline در Jenkins Jenkins - Running The Pipeline

• کوییز DevOps Quiz - DevOps

ایجنت‌های تست Playwright Playwright Test Agents

• مروری بر ایجنت‌های تست Playwright Playwright Test Agents - Overview

• نصب ایجنت‌های تست Playwright Playwright Test Agents - Installation

• دموی ایجنت برنامه‌ریز (Planner Agent) Planner Agent - Demo

• دموی ایجنت تولیدکننده و ترمیم‌کننده (Generator & Healer) Generator & Healer Agent - Demo

• نکات کلیدی ایجنت‌های تست Playwright Playwright Test Agents - Key Takeaways

افزایش بهره‌وری در Playwright Productivity Boosters: Playwright

• آپدیت ایمن Playwright بدون از کار افتادن ویژگی‌های فعلی Safely Updating Playwright Without Breaking Current Features

• استفاده از Fork برای راه‌اندازی سریع‌تر مخزن Playwright Forking an Existing Playwright Repository for Faster Setup

• دموی Fork کردن مخزن Forking an Existing Repo - Demo

• کوییز Quiz

جمع‌بندی دوره و گام‌های بعدی Course Wrap-Up & Next Steps

• بعد از این چه می‌شود؟ ادامه مسیر یادگیری Playwright شما... What’s Next? Your Playwright Learning Journey Continues...