آموزش اتوماسیون Playwright با TypeScript: E2E، CI/CD، AI و MCP - آخرین آپدیت

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

مقدمه دوره: از مبتدی تا حرفه‌ای Course Introduction - Beginner To Pro

• مخاطبان هدف این دوره چه کسانی هستند؟ Who are the intended audience

• نحوه دسترسی به منابع How To Get Resources

• بازخوردها، بررسی‌ها و سوالات Feedback , Review, Questions

• مباحثی که قرار است اضافه شوند Yet To Add Topics

• کوییز: اگر نمی‌دانید از کجا شروع کنید، سطح مهارت خود را بسنجید Quiz: Not Sure Where To Begin In the Course .Check Your Skill Level

فاز ۱: مبانی TypeScript برای Playwright Phase 1 - TypeScript Foundations for Playwright

• کوییز: پیش از شروع - مبانی TypeScript Quiz: Before You Start: TypeScript Foundations

• منابع آموزشی Resources

• راه‌اندازی محیط - Node.js، VS Code، TypeScript و Hello World Setting Up Your Environment — Node.js, VS Code, TypeScript, and Hello World

• متغیرها و تفاوت‌های JavaScript با TypeScript Variables and How JavaScript Differs from TypeScript

• انواع داده‌ها در TypeScript Data Types in TypeScript

• عملگرها Operators

• منطق شرطی Conditional Logic

• حلقه‌ها loops

• کار با رشته‌ها (Strings) Working with Strings

• توابع - بخش اول Functions — Part 1

• توابع - بخش دوم Functions — Part 2

• کلاس‌ها و اشیاء - آماده‌سازی برای Page Object Model Classes and Objects — Parked for Page Object Model

• استفاده از گیت‌هاب برای ذخیره و پیگیری کدهای دوره Using GitHub to Save and Track Your Course Code

فاز ۱ (مبتدی): پیش از شروع - چرا Playwright؟ Phase 1 - Beginner - Before We Start : Why Playwright

• کوییز: پیش از شروع - چرا Playwright؟ Quiz:Before You Start: Why Playwright

• منابع آموزشی Resources

• توضیحی در مورد تست اتوماسیون A word on automation testing

• فریم‌ورک اتوماسیون تست چیست؟ What is a test automation framework

• تکامل Selenium، Cypress و Playwright Selenium, Cypress, and Playwright — The Evolution

• چرا Playwright برنده است؟ - بررسی عمیق قابلیت‌ها Why Playwright Wins — Capability Deep Dive

• جایگاه Playwright در عصر تست‌های مبتنی بر AI Playwright in the Age of AI-Driven Testing

فاز ۱ (مبتدی): شروع کار با Playwright Phase 1 Beginner - Get Started with Playwright

• کوییز: پیش از شروع - شروع به کار Quiz:Before You Start: Getting Started

• نصب Playwright و ایجاد اولین پروژه Install Playwright and Create Your First Project

• درک ساختار پروژه Playwright و فایل تنظیمات (Config) Understand Playwright Project Structure and Config File

• اجرای اولین تست و درک مراحل اجرای تست End To End Run Your First Test and Understand End To End Test Execution Steps

• استفاده از VS Code Test Explorer و UI Mode VS Code Test Explorer + UI Mode

• نوشتن اولین تست Playwright - آشنایی با فروشگاه دمو Writing Your First Playwright Test — Meet the Demo Store

• همگام (Synchronous) در برابر ناهمگام (Asynchronous) - کلمه کلیدی await Synchronous vs Asynchronous — The await Keyword

• انتظار خودکار (Autowait) در عمل Autowait In Action

• نحوه عملکرد Assertions در Playwright و تکرار خودکار در Assertions How Assertions work in Playwright - Auto-Retry On Assertions

فاز ۱ (مبتدی): DOM، لوکیتورها و ساخت جریان‌های کاری پایه Phase 1 beginner - DOM , Locators and Build basic workflows

• کوییز: پیش از شروع - DOM و لوکیتورها Quiz:Before You Start: DOM & Locators

• در این بخش چه چیزی خواهید ساخت؟ What You'll Build in This Section

• درک DOM و CSS Selectorها Understanding the DOM and CSS Selectors

• بازرسی المان‌ها با Chrome DevTools و SelectorHub Inspecting Elements with Chrome DevTools and SelectorHub

• نحوه رویکرد به ساخت تست How To Approach Test Building

• ایجاد جریان ورود (Login) با CSS Selectorها و Assertions Creating the Login Flow with CSS Selectors and Assertions

• جریان کاری ۱: ویرایش آدرس صورت‌حساب، استراتژی لوکیتور، محدوده والد و فرزند Workflow 1 - Edit Billing Address , locator strategy, parent child scoping

• لوکیتورهای داخلی Playwright و ARIA Built-In Playwright Locators and ARIA

• ابزار Codegen: تولید، پاک‌سازی، اجرا و درک Codegen: Generate, Clean, Run, Understand

• تکمیل جریان پرداخت (Checkout) با Codegen Complete Checkout Workflow with Codegen

فاز ۱ (مبتدی): بازنویسی و گسترش جریان‌های کاری ضبط شده Phase 1 Beginner - Refactoring and Expanding Recorded Workflows

• کوییز: پیش از شروع - بازنویسی جریان‌های کاری Quiz:Before You Start: Refactoring Workflows

• از کد خام تا تست‌های سازمان‌یافته - نام‌گذاری، گام‌ها و بلوک‌های Describe From Raw Code to Organised Tests — Naming, Steps, and Describe Blocks

• تگ‌های تست و Anotations Test Tags and Annotations

• هوک‌ها (Hooks) - beforeEach، afterEach و حذف تکرار در ورود Hooks — beforeEach, afterEach, and Eliminating Login Duplication

• جداسازی داده‌های تست از منطق تست Separating Test Data from Test Logic

• مدیریت داده‌های داینامیک تولید شده توسط اپلیکیشن Handling Dynamic Data Generated by the Application

• بهبود Assertions در DemoShop و متد waitFor Improving Open DemoShop Assertions waitFor method

• بهبود Assertions جستجو - حلقه، زنجیره‌سازی و محدوده Improving Search Assertions - Loop | Chaining | Scoping

• بهبود Assertions فیلتر قیمت Improving Price Filter Assertions

• بهبود افزودن محصول به سبد خرید Improve Add Product To Cart

• همگام‌سازی بهتر با Promise.all، waitForURL و waitforLoadState Better synchronization with -Promise.all , waitForURL and waitforLoadState

• بهبود پرداخت و ثبت سفارش Improve Checkout and Place Order

• بهبود تایید سفارش Improve Verify Order

• مدیریت لینک‌هایی که در تب جدید باز می‌شوند - مشاهده جزئیات محصول Handling Links That Open in a New Tab - View Product Details

شروع فاز ۲: استراتژی، ساختار و سازماندهی تست‌ها Phase 2 Kickoff — Strategy, Structure, and Test Organisation

• کوییز: پیش از شروع - شروع فاز ۲ Quiz:Before You Start: Phase 2 Kickoff

• چرا فاز ۱ مقیاس‌پذیر نیست؟ - مشکلاتی که قرار است حل کنیم Why Phase 1 Won't Scale — The Problems We Are About to Solve

• وارد کردن فریم‌ورک پایه و تنظیم Playwright Import Base Framwork and Setup playwright

• ساختار پوشه‌ها، قراردادهای نام‌گذاری و استراتژی تگ‌گذاری برای اجرای انتخابی Folder Structure, Naming Conventions | Tagging Strategy for Selective Execution

• آموزش حساب گیت‌هاب و تنظیمات Git GitHub account and Git setup lecture

• ایجاد مخزن (Repo) و ارسال فریم‌ورک به گیت‌هاب Creating the Repo and Pushing the Framework

فاز ۲: فیکسچرها، وضعیت احراز هویت و استفاده مجدد از نشست Phase 2 - Fixtures , Authentication State and Session Reuse

• کوییز: پیش از شروع - فیکسچرها و احراز هویت Quiz:Before You Start: Fixtures & Auth

• مقدمه بخش - مشکل موجود و مسیر پیش رو Section Intro -Existing Problem and Path forward

• فیکسچرها چیستند؟ What are fixtures

• فیکسچرهای داخلی Playwright - browser، context، page، request Playwright Built-in Fixtures — browser, context, page, request

• ساخت اولین فیکسچر سفارشی - loggedInPage به همراه مفاهیم کامل Building Your First Custom Fixture - loggedInPage with complete concepts

• تولید و ذخیره وضعیت احراز هویت با StorageState Generating and saving authentication state with StorageState

• منابع آموزشی Resources

فاز ۲: پیکربندی محیط و مدیریت داده‌های تست Phase 2- Environment Configuration and Test Data Management

• کوییز: پیش از شروع - محیط و داده‌های تست Quiz:Before You Start: Environment & Test Data

• مقدمه بخش - مشکل موجود و مسیر پیش رو Section Intro -Existing Problem and Path forward

• متغیرهای محیطی، فایل .env و baseURL Environment Variables, .env and baseURL

• خارج کردن داده‌های تست در قالب JSON Externalizing Test Data In JSON

• پارامتری کردن - اجرای یک تست با چندین مجموعه داده Parameterization — Running One Test with Multiple Datasets

• خواندن داده‌های تست از فایل Excel Reading Test Data from Excel

فاز ۲: مدل شیء صفحه (Page Object Model) Phase 2- Page Object Model

• کوییز: پیش از شروع - مدل شیء صفحه (POM) Quiz:Before You Start: Page Object Model

• مقدمه بخش - چه مشکلاتی را قرار است حل کنیم؟ Section Intro - What Problems We are Going To Solve

• مروری بر کلاس‌ها و اشیاء - از TypeScript تا Page Objects Classes and Objects Revisited — From TypeScript to Page Objects

• ساخت اولین Page Object: صفحه LoginPage و بازنویسی auth.setup.ts Building Your First Page Object: LoginPage and Refactoring auth.setup.ts

• ساخت AddressPage و بازنویسی تایید پروفایل Building AddressPage and Refactor Profile Validation

• ساخت صفحه محصول و بازنویسی تایید محصول Building Product Page and Refactor Product Validation

• استراتژی و ShopPage Strategy and ShopPage

• به‌روزرسانی تایید محصول در ShopPage ShopPage- Update Product validation

• به‌روزرسانی مراحل پرداخت (گام ۱ تا ۴) Update checkout journey - step 1-4

• ساخت OrderPage و بازنویسی جریان پرداخت Building OrderPage and Refactoring checkout journey

• ساخت صفحه Checkout و بازنویسی جریان پرداخت Building Checkout Page and Refactoring checkout journey

فاز ۲: گزارش‌دهی، لاگ‌گیری و دیباگ Phase 2 - Reporting, Logging and Debugging

• کوییز: پیش از شروع - گزارش‌دهی و دیباگ Quiz:Before You Start: Reporting & Debugging

• مقدمه بخش - مشکلاتی که قرار است حل کنیم Section Intro - Problems We are going To Solve

• پیوست کردن اسکرین‌شات، ویدیو و Trace در گزارش HTML همراه با دیباگ Attach Screenshots, Video and Trace in HTML Report with Debugging

• لاگ‌گیری در Playwright: console.log، test.info و Annotations Logging in Playwright: console.log, test.info and Annotations

• راه‌اندازی Allure و داشبورد Allure Setup and Dashboard

• دیباگ خطاهای تست Playwright - پیش‌نمایش Debugging Playwright Test Failures(error.md) — A Preview

فاز ۲: گسترش فریم‌ورک با تست API و اتوماسیون ترکیبی Phase 2 : Extending Framework with API Testing and Hybrid Automation

• کوییز: پیش از شروع - تست API و ترکیبی Quiz:Before You Start: API & Hybrid Testing

• چرا تست API باید در فریم‌ورک شما باشد؟ - مقدمه بخش Why API Testing Belongs in Your Framework - Section Intro

• اولین تست API شما Your First API Test

• ابزارهای تست API و دلیل استفاده از Playwright API Testing Tools and Why We Use Playwright

• متد POST - ایجاد داده‌ها از طریق API POST — Creating Data Through the API

• تاییدها (Assertions) و تست‌های منفی Assertions and Negative Testing

• مشاهده داده‌های فروشگاه با Product API View Store Data with Product API

• مدیریت درخواست‌های دارای احراز هویت و زنجیره‌سازی درخواست‌ها Handling Authenticated Requests and Request Chaining

• جریان کاری کامل CRUD Full CRUD Workflow

• مقدمه‌ای بر Helperهای قابل استفاده مجدد برای API Reusable API Helper Introduction

• استفاده از Read Order API و فیکسچر احراز هویت برای API Read Order API and Authenticated fixture for API

• تخریب کلی (Global Teardown) - پاک‌سازی پس از تست‌ها Global Teardown — Cleaning Up After Tests

• تست ترکیبی - اکشن در UI، تایید در API Hybrid Test — UI Action, API Validate

فاز ۲: CI/CD با GitHub Actions Phase 2 - CI/CD with GitHub Actions

• کوییز: پیش از شروع - CI/CD Quiz:Before You Start: CI/CD

• چرا CI؟ از لپ‌تاپ تا خط لوله - چه چیزی را حل خواهیم کرد Why CI? From Laptop to Pipeline - What We are going to solve

• ارسال فریم‌ورک به GitHub Pushing Your Framework to GitHub

• استفاده از GitHub Secrets برای اطلاعات حساس GitHub Secrets for Credentials

• نوشتن اولین فایل Workflow Writing Your First Workflow File

• درک و دیباگ اجرای Workflow در تب Actions Understand and Debug Workflow Run: Actions Tab

• دانلود و مشاهده گزارش HTML Downloading and Viewing the HTML Report

• زمانی که CI شکست می‌خورد: دیباگ خطا و درک پیکربندی Workerها When CI Fails: Debugging a Failure and Understanding Workers Configuration

• ذخیره Traceها در CI Storing Traces in CI

• تولید گزارش Allure در CI Generating Allure Report In CI

• اجرای تست‌های تگ‌گذاری شده با Workflow Dispatch و بررسی انعطاف‌پذیری محیط Workflow Dispatch Running Tagged Tests in CI & a look on Environment Flexibility

هوش مصنوعی برای اتوماسیون تست در Playwright با GitHub Copilot AI For Test Automation In Playwright with Github Copilot

• کوییز: پیش از شروع - اتوماسیون تست با AI Quiz:Before You Start: AI Test Automation

• آماده‌سازی GitHub Copilot برای توسعه Playwright Getting GitHub Copilot Ready for Playwright Development

• درک نحوه استفاده از AI و هزینه‌های Token Understanding AI Usage and Token Costs

• نوشتن تست جدید با AI - از تیکت اسپرینت تا فایل Spec Writing a New Test with AI — From Sprint Ticket to Spec File

• دیباگ تست‌های تولید شده توسط AI - کانتکست خطا، اصلاح لوکیتور و حالت Copilot Chat Debugging AI-Generated Tests — Error Context, Selector Fix and Copilot Chat Mode

• جداسازی تست‌ها با کمک AI - تشخیص و رفع نشت وضعیت سبد خرید AI-Assisted Test Isolation — Diagnosing and Fixing Cart State Leak

• مقدمه‌ای بر MCP و Playwright MCP Introduction to MCP and Playwright MCP

• کاوش در اپلیکیشن‌ها با Playwright MCP (دمو و موارد استفاده QA) Exploring Applications with Playwright MCP (Demo + QA Use Cases)

• پیکربندی Playwright MCP با Claude و عیب‌یابی Configuring Playwright MCP with Claude + Troubleshooting

• گسترش GitHub Copilot با Playwright MCP - درک قابلیت بررسی محصول Extending Github copilot with playwright mcp - Understand Review Product Feature

• ایجنت‌های Playwright - مقدمه و بررسی ساختار پوشه‌ها Playwright Agents - Introduction and Folder Walkthrough

• برنامه‌ریز تست (Test Planner) - تولید طرح تست برای قابلیت بررسی محصول Test Planner - Generate Test Plan For Product Review Feature

• تولیدکننده تست (Test Generator) - تولید کد تست برای قابلیت بررسی محصول Test Generator - Generate Test Code For Product Review Feature

بررسی نهایی فریم‌ورک و مفاهیم اجرای موازی Framework Review and Parallel Execution Concepts

• کوییز: پیش از شروع - اجرای موازی Quiz:Before You Start: Parallel Execution

• بررسی فریم‌ورک توسط AI برای آمادگی در اجرای موازی AI Framework Review for Parallel Readiness

• درک مدل اجرای Playwright و مقدمه‌ای بر Worker Understanding Playwright Execution Model and introduction to worker

• درک زمان‌بندی و توزیع Workerها Understanding Scheduling and Worker Distribution

• حالت‌های اجرا: parallel، serial، fullyParallel Execution Modes : parallel, seriel, fullyParallel

• چرا فریم‌ورک‌های ما در هنگام اجرای موازی شکست می‌خورند؟ Why Our Frameworks Fail During Parallel Execution