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

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

مقدمه‌ای بر Playwright Introduction to Playwright

• خوش‌آمدگویی به دوره Playwright Welcome to the Playwright course

• آیا با جاوا اسکریپت آشنا هستید؟ Do you know JavaScript?

• ابزارهای مورد نیاز Tools we will need

• سورس کد و منابع دوره Course source code and resources

• ایجاد اولین پروژه Playwright Creating the First Playwright Project

• درک مفاهیم تست و اتوماسیون Playwright Understanding Playwright tests and automation concepts

• نوشتن و اجرای اولین تست Writing and Executing an Initial Test

• تست Fixtures در Playwright Playwright Test Fixtures

• مشکلات رایج و راهکارهای سریع Common Issues and Quick Fixes

• توضیح کدهای Async در TypeScript و JavaScript Async code explanation in TypeScript & JavaScript

لوکیتورهای Playwright - مقدماتی Playwright locators - intro

• مقدمه بخش Section intro

• مروری بر HTML و المان‌های DOM HTML and DOM elements overview

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

• مروری بر اپلیکیشن تمرینی Practice Application Overview

• مقدمه‌ای بر GetByRole GetByRole introduction

• GetByRole بخش دوم: لیست‌ها GetByRole part 2: lists

• GetByRole بخش سوم: دکمه‌ها و لینک‌ها GetByRole part3: buttons and links

• استفاده از GetByText GetByText

• GetByLabel و سایر سلکتورها GetByLabel and other selectors

• کوییز مقدماتی لوکیتورها Locators intro quiz

لوکیتورهای Playwright - پیشرفته Playwright locators - advanced

• مقدمه بخش Section intro

• استفاده از GetByTestId GetByTestId

• لوکیتورهای CSS CSS locators

• لوکیتورهای فرزند، پدر و ایندکس - ناوبری در سلسله مراتب DOM Children, parents and index locators - Navigating DOM Hierarchies

• ابزارهای لوکیتور: Inspector، Codegen و Debugger Locator tools: the inspector, codegen and debugger

• کوییز لوکیتورهای پیشرفته Advanced locators quiz

تعامل با المان‌ها در Playwright Interacting with elements in Playwright

• مقدمه بخش - مروری بر الگوهای تعامل Section intro - Interaction Patterns Overview

• منابع دوره Course resources

• عملیات Fill و اکشن‌های کیبورد Fill and keyboard actions

• عملیات کلیک Click actions

• Check و Select Check and select

• تمرین: پیاده‌سازی Auto waiting در TypeScript با Playwright Exercise: Auto-waiting practice in TypeScript with Playwright

• مدیریت کوکی‌ها در اپلیکیشن‌های JS/TS Handling cookies in a JavaScript/TypeScript app

• مدیریت Local Storage Managing Local Storage

• مدیریت دیالوگ‌ها Handling dialogs

• مدیریت رویدادها - کنسول Handling events - console

• مدیریت رویدادها - درخواست‌ها Handling events - requests

• کار با فایل‌ها Working with files

• کوییز اکشن‌ها Actions quiz

تمرین عملی ۱ - اتوماسیون Playwright Hands on practice #1 - Playwright automation

• مقدمه بخش Section intro

• پروژه تست - فرم بازخورد Testing project - feedback form

• ریفکتور کردن تست‌ها در Playwright TypeScript Refactoring tests - Playwright TypeScript

سازماندهی و مدیریت تست‌های Playwright Organizing and Managing Playwright tests

• مقدمه بخش - اتوماسیون Playwright Section intro - playwright automation

• توضیحات تست (Test annotations) Test annotations

• هوک‌های تست (Test hooks) Test hooks

• سازماندهی تست‌ها با describe Organizing tests - describe

• سازماندهی تست‌ها با Tags Organizing tests - Tags

• لایه‌های پیکربندی - سطوح مختلف تنظیمات Configuration layers - different levels of configuration

• پیکربندی دستگاه‌های تست Configuring testing device

• گزینه‌های Test Runner - افزایش سرعت اجرای تست Test runner options - speeding test execution

• استفاده از چندین پروژه تست Playwright Using Multiple Playwright test Projects

• کوییز سازماندهی و مدیریت تست‌های Playwright Playwright Test Organization and Management Quiz

تمرین عملی ۲ - تست جریان‌های کاری واقعی [سطح متوسط] Hands-on practice #2: Test real-world workflows [Intermediate level]

• مقدمه بخش - تمرکز بر اتوماسیون Playwright Section intro - Playwright automation focus

• تست دستی در Playwright Manual testing in Playwright

• راه‌اندازی پروژه Playwright TypeScript Project setup - Playwright TypeScript

• تست پایه - افزودن محصول به سبد خرید - جریان کاری TypeScript Basic Test - add product to cart - TypeScript workflow

• پیاده‌سازی Page Object Model (POM) - جریان کاری TypeScript Implementing the Page Object Model (POM) - TypeScript workflow

• تست End to End - جریان کامل ثبت سفارش End-to-End testing - Complete order workflow

• استفاده از step function برای گزارش‌دهی شفاف Playwright step function for Clear Reporting

• ابزارهای ایمیل برای جریان ثبت‌نام Mail utils for sign up workflow

• اتوماته کردن جریان ثبت‌نام Automating the Sign-Up Flow

• ذخیره امن اطلاعات ورود (Credentials) Storing Credentials Securely

• احراز هویت در Playwright - استفاده مجدد از وضعیت احراز هویت Playwright authentication - Reusing Authentication State

• رهگیری و تأیید فراخوانی‌های API Intercepting and Asserting API Calls

• افزایش سرعت با مسدود کردن Assetها Improving Speed by Blocking Assets

استفاده از ابزارهای هوش مصنوعی برای اتوماسیون تست (GitHub Copilot و Playwright MCP) Using AI Tools for Test Automation (GitHub Copilot and Playwright MCP)

• مقدمه بخش Section intro

• ابزارهای کدنویسی AI (رویکرد Vibe Coding) AI coding tools (Vibe Coding approach)

• نصب GitHub Copilot در VSCode Installing GitHub Copilot in VSCode

• استفاده از GitHub Copilot Using GitHub Copilot

• پروتکل Model Context Protocol (MCP) Model Context Protocol (MCP)

• نصب Playwright MCP Installing Playwright MCP

• گام‌های نخست با Playwright MCP Playwright MCP - First steps

• تولید سناریوهای تست با Playwright MCP Generating test scenarios using Playwright MCP

• عیب‌یابی تست‌ها با GitHub Copilot Troubleshooting tests using GitHub Copilot

• تکمیل خودکار کد (Code completions) Code completions

• حالت چت (Ask) Chat mode (Ask)

• خلاصه بخش و نتیجه‌گیری Section summary & conclusion

تست API با استفاده از Playwright API testing using Playwright

• مقدمه بخش Section intro

• شناسایی فراخوانی‌های API در یک وب‌اپلیکیشن Identifying API calls in a web app

• تست دستی API با استفاده از Postman API manual testing using Postman

• ایجاد یک درخواست API ساده (GET request) Creating a simple API request (GET request)

• نوشتن Assertions (کد وضعیت HTTP، هدرها، بدنه) Writing assertions (HTTP status code, headers, body)

• ایجاد درخواست‌های پیچیده (POST) Creating complex requests (POST)

• ایجاد جریان‌های کاری (زنجیره‌سازی درخواست‌ها) Creating workflows (chaining requests)

• برقراری فراخوانی‌های API از طریق تست‌های E2E Making API calls from E2E tests

• خلاصه بخش Section summary

اتوماسیون Playwright با CI/CD: Jenkins، GitLab و GitHub Actions [پیشرفته] Playwright automation using CI/CD: Jenkins, GitLab & GitHub Actions [Advanced]

• مقدمه بخش Section intro

• پیکربندی Playwright برای CI/CD Playwright configuration for CI/CD

• Jenkins: نصب و اولین پایپ‌لاین Jenkins: Installation and first pipeline

• Jenkins: یکپارچه‌سازی با Playwright Jenkins: Playwright integration

• Jenkins: انتشار گزارش‌های Playwright (JUnit, HTML) Jenkins: Publishing Playwright reports (JUnit, HTML)

• GitHub Actions: یکپارچه‌سازی با Playwright GitHub Actions: Playwright integration

• GitHub Actions: انتشار گزارش‌های Playwright (GH annotations, HTML) GitHub Actions: Publishing Playwright reports (GH annotations, HTML)

• GitLab CI/CD: یکپارچه‌سازی با Playwright GitLab CI/CD: Playwright integration

• GitLab CI/CD: انتشار گزارش‌های Playwright (JUnit, HTML) GitLab CI/CD: Publishing Playwright reports (JUnit, HTML)

ابزارهای دیباگ Playwright Playwright debug tools

• مقدمه بخش Section intro

• دیباگ در VSCode و حالت UI mode VSCode Debug and UI mode

• اسکرین‌شات، ویدیو و Trace Screenshot, video, trace

• دیباگ در محیط CI/CD Debugging on CI/CD

جمع‌بندی و نتیجه‌گیری Final thoughts & Conclusion

• درس جایزه (Bonus) Bonus lecture