آموزش اتوماسیون Cypress: از صفر تا پیشرفته + فریم‌ورک‌ها و CI/CD - آخرین آپدیت

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

مقدمه‌ای بر Cypress Cypress Introduction

• **سرفصل‌های دوره** (حتماً تماشا شود) **Course outline** (Must Watch)

• چرا Cypress منحصر‌به‌فرد است؟ Why Cypress is Unique?

• معماری Cypress Cypress Architecture

راه‌اندازی پروژه Cypress از صفر Cypress Project Setup from Scratch

• نصب Node و ایجاد متغیر محیطی در ویندوز Install Node & Create Environment variable in Windows

• نصب Node و ایجاد متغیر محیطی در مک Install Node & Create Environment Variable in Mac

• نصب VS Code و ایجاد پوشه پروژه Install VS Code & Create Project Folder

• درک npm و تولید فایل package.json Understand npm & generate package.json file

• نصب Cypress: آخرین نسخه V14.4 Install Cypress: Latest V14.4

• آموزش Test Runner: یکی از بهترین ویژگی‌ها Learn Test Runner: One of the best feature

شروع سریع اتوماسیون با Cypress Kickstart Your Cypress Automation

• نکته مهم Important Note

• نوشتن اولین مورد تست (Test Case) Write Your First Test Case

• اجرای تست‌ها روی مرورگرهای مختلف Run Tests on Multiple Browsers

• اجرای تست از طریق CLI Run Test on CLI

• ویژگی‌های داخلی Cypress Cypress's Native Features

تسلط بر لوکیتورهای Cypress Mastering Cypress Locator

• نکته مهم: مثال‌های لوکیتور برای سایت تمرینی Codenbox Important Note: Locator Examples for Codenbox practice site

• استراتژی‌های موثر لوکیتور همراه با مثال Effective Locator Strategies with Example

• یافتن لوکیتور با استفاده از Test Runner Get Locator using Test Runner

دستورات ضروری Cypress Cypress Commands: Must Know

• دستورات پایه Cypress Cypress basic commands

• استفاده از wait() و pause() در Cypress wait()/pause() in cypress

• مزایای استفاده از Alias Benefits of using Alias

• عبارت 'should' : Assertion در Cypress 'should' : Assertion in Cypress

• نادیده گرفتن (Skip) موارد تست Skip any test case

• یادآوری سریع: لطفاً نظر خود را ثبت کنید Quick Reminder: Please Write a Review

مدیریت سناریوهای مختلف UI: از مقدماتی تا پیشرفته Discover how to handle different UI scenarios: Basic to Advance

• تست چک‌باکس (Checkbox) Test Checkbox

• گزینه‌های دراپ‌داون: استاتیک و دینامیک Drop-Down Options: Static & Dynamic

• نحوه مدیریت هشدار (Pop-up Alert) How to handle pop-up alert

• تابع Context در Cypress Context function in Cypress

• اتوماسیون تب‌های فرزند در Cypress Automate child tab in Cypress

• استفاده از توابع ناوبری (Navigation) Use of navigation functions

• چگونه به یک المان اسکرول کنیم؟ How to scroll to an element?

• مدیریت Mouse hover Handling Mouse hover

• مدیریت داده‌ها در جداول وب (Web Table) Handling data in web table

• دانلود سورس کد Source Code: Download

دستورات سفارشی (Custom Commands) در Cypress Custom Commands in Cypress

• درک دستورات سفارشی (Custom Commands) Understand Custom Commands

• تست لاگین معتبر Valid Login Test

• تمرین: ایجاد دستور سفارشی برای تست شکست در لاگین Assignment: Create custom command to test failed login function

• تست شکست در لاگین Failed Login Test

• سورس کد Source Code

اتوماسیون فایل‌ها در Cypress File Automation in Cypress

• نکته مهم Important Note

• چگونه یک فایل را دانلود کنیم؟ How to Download a file?

• چگونه یک فایل را آپلود کنیم؟ How to Upload a file

• نحوه نوشتن و خواندن از فایل متنی How to write & read from a text file?

• نحوه نوشتن و خواندن از فایل Fixture How to write & read from Fixture file?

• سورس کد Source code

• یادآوری سریع: لطفاً نظر خود را ثبت کنید Quick Reminder: Please Write a Review

مکانیسم ارث‌بری در OOP (بسیار مهم) Inheritance mechanism in OOP (Must Know)

• مقدمه‌ای بر ارث‌بری (Inheritance) Inheritance Intro

• مثال ارث‌بری Inheritance Example

هوک‌ها (Hooks) در Cypress Hooks in Cypress

• نکته مهم Important Note

• انواع هوک‌ها در Cypress Types of hooks in Cypress

• هوک‌ها همراه با مثال Hooks with Example

• سورس کد Source Code

متغیرهای محیطی (Environment Variables) در Cypress Environment Variables in Cypress

• درک متغیرهای محیطی و موارد استفاده Understand environment variables and use cases

• نحوه افزودن و دریافت داده‌های تست در فایل config.js How to add and fetch test data in config.js file

• سورس کد Source code

• یادآوری سریع: لطفاً نظر خود را ثبت کنید Quick Reminder: Please Write a Review

فریم‌ورک Mocha بخش اول: جریان تست Smoke برای فروشگاه اینترنتی Mocha Framework Part 1: End-To-End Ecommerce Smoke Test Flow

• درک جریان پوشش تست (Test Coverage) Understand the Test coverage flow

• فیلتر کردن محصول Filter a Product

• اعتبارسنجی توضیحات محصول Validate Production Description

• خواندن داده از Fixture و ثبت نظر Read data from Fixture and write a review

• اعتبارسنجی افزودن کالا به سبد خرید Validate item add to cart

• تست لاگین موفق Successful Login Test

• اعتبارسنجی صفحه پرداخت (Checkout) Validate Checkout page

• بهبودهای سریع Quick Enhancement

• سورس کد Source Code

فریم‌ورک Mocha بخش دوم: طراحی مدل شیء صفحه (POM) Mocha Framework Part 2: Page Object Model Design

• مرور دانش جاوااسکریپت Brush up your JavaScript knowledge

• افزودن اسکریپت سفارشی به فایل Package.json Add custom script to Package.json file

• ایجاد توابع کمکی (Utility) بیشتر Create more Utility (reusable) functions

• ایجاد spec برای صفحات Create spec for pages

• ایجاد کلاس‌های Page Object Create Page Object Classes

• بروزرسانی کلاس HomePage و spec مربوطه Update HomePage class & relevant test spec

• بروزرسانی کلاس Single_ProductPage و spec مربوطه Update Single_ProductPage class & relevant test spec

• بروزرسانی‌ها و اعتبارسنجی‌های بیشتر در کلاس Single_ProductPage More update & validation on Single_ProductPage class

• بروزرسانی کلاس‌های Login و Checkout و specهای مربوطه Update Login & Checkout Page classes & relevant test spec

• سورس کد Source code

فریم‌ورک Mocha بخش سوم: تست کامپوننت Mocha Framework part 3: Component Test

• بروزرسانی کلاس NavbarPage و مورد تست مربوطه Update NavbarPage class and relevant Test case

• بهبود کدنویسی Code Enhancement

• توصیه‌های مربوط به تنظیمات POM POM Setup recommendations

فریم‌ورک Mocha بخش چهارم: تولید گزارش Mochawesome Mocha Framework Part 4: Generate Mochawesome Reporter

• نکته مهم Important Note

• اجرای خودکار مجدد تست‌های شکست‌خورده Rerun failed test cases automatically

• ادغام Mochawesome reporter Integrate Mochawesome reporter

• یادآوری سریع: لطفاً نظر خود را ثبت کنید Quick Reminder: Please Write a Review

فریم‌ورک Mocha بخش پنجم: Cypress Cloud Mocha Framework Part 5: Cypress Cloud

• درک ویژگی‌های Cypress Cloud Understand Cypress Cloud feature

• نتایج تست در داشبورد ابری Test Result on cloud Dashboard

• فعال‌سازی ویدیو برای تست‌های شکست‌خورده Enable Video for Failed Test Cases

فریم‌ورک Mocha بخش ششم: ادغام با Jenkins Mocha Framework Part 6: Jenkins Integration

• نکته مهم Important Note

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

• ادغام پروژه Cypress با ابزار CI جنکینز Integrate Cypress Project with CI tool Jenkins

• ادغام داشبورد در بیلد Jenkins Dashboard integration into Jenkins build

• تولید و مشاهده گزارش Mocha در Jenkins Generate & view Mocha report in Jenkins

• حذف گزارش‌های قدیمی قبل از شروع تست جدید Remove old report before start new test

• یادآوری سریع: لطفاً نظر خود را ثبت کنید Quick Reminder: Please Write a Review

جاوااسکریپت برای مبتدیان JavaScript for Beginners

• مقدمه جاوااسکریپت: جاوااسکریپت چیست؟ JavaScript Intro: What is JavaScript?

• رابطه بین HTML و DOM Relation between HTML & DOM

• متغیرها و انواع داده‌ها Variables & Data Types

• انواع عملگرها Types of Operators

• اشیاء (Object) در جاوااسکریپت Object in JavaScript

• دستورات شرطی Conditional Statements

• انواع حلقه‌ها در JS Types of Loop in JS

• حلقه‌های For در JS For-Loops in JS

• دستورات پرشی (Jumping Statements) در JS Jumping Statement in JS

• آرایه‌ها در JS Arrays in JS

• توابع در JS Functions in JS

• متدهای رشته (String Methods) String Methods

• کلاس، شیء و سازنده (Constructor) در JS Class, Object & Constructor in JS

فریم‌ورک BDD بخش اول: راه‌اندازی پروژه Cucumber BDD BDD Framework Part 1: Cucumber-BDD Project Setup

• فریم‌ورک BDD و فایل Feature چیست؟ What is BDD framework & Feature file

• فایل Step Definition در BDD چیست؟ What is Step Definition file in BDD

• ساختار پوشه‌بندی پروژه BDD + Page Object Model BDD+ Page Object Model Project Folder Structure

• نصب پلاگین cucumber preprocessor Install cucumber-preprocessor plugin

• نصب وابستگی Browserify Install Browserify dependency

• بروزرسانی فایل Config.js Config.js file Update

• تغییرات نهایی در پوشه پروژه و فایل تنظیمات Final change on Project Folder & Config file

فریم‌ورک BDD بخش دوم: ساخت تست Smoke جامع (End-to-End) BDD Framework Part 2: Build actual end-to-end smoke Test

• ایجاد مورد تست با فرمت Gherkin در فایل Feature Create Test case following Gherkin format in 'Feature' file

• کدنویسی در فایل Step Definition Spec Write code on Step Definition Spec file

• تکمیل StepDefinition و اجرای تست smoke جامع Complete the StepDefinition & execute the e-2-e smoke test

• سورس کد Source Code

• یادآوری سریع: لطفاً نظر خود را ثبت کنید Quick Reminder: Please Write a Review

فریم‌ورک BDD بخش سوم: تست داده‌محور (Data Driven) در Cypress BDD Framework Part 3: Data Driven Testing in Cypress

• ادغام داده‌های تست در فایل feature و اجرا Integrate test data in feature file & execute

• اجرای تست‌ها با فیلتر تگ Run tests with a Tag filter

استودیو Cypress و GitHub Copilot Cypress Studio & GitHub Copilot

• درک Cypress Studio Understand Cypress Studio

• تولید اسکریپت تست با استفاده از Cypress Studio Generate Test Script using Cypress Studio

• تولید کلاس Page Object و Step Definition با GitHub Copilot Generate Page Object Class & Step Definition using Github Copilot

• اجرای نهایی تست کامپوننتی که توسط Copilot ساخته شده Finally run component test was created by Copilot

• سورس کد Source Code

تست API در Cypress API Testing in Cypress

• داده‌ها و منابع تست API API Test Data & Resources

• API چیست؟ What is API?

• درک متدهای HTTP در REST API Understand HTTP methods in REST API

• نکات پروژه و سورس کد Project Note & Source Code

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

• تفاوت متدهای request() و get() Different between request() & get() methods

• درک Request در مقابل Response در Cypress Understand Request vs Response in cypress

• تست درخواست GET همراه با مثال Test GET request with example

• تست لاگین معتبر با درخواست POST Valid Login Test with POST request

• تست شکست در لاگین Failed Login Test

• تست درخواست PUT همراه با مثال Test PUT request with example

• تست درخواست DELETE همراه با مثال Test DELETE request with example

• نحوه مدیریت خطاها در تست API با Cypress How to handle ERROR in Cypress API Testing

• یادآوری سریع: لطفاً نظر خود را ثبت کنید Quick Reminder: Please Write a Review

بونوس و مطالب تکمیلی Bonus

• ۲۰ سوال و جواب برتر مصاحبه Top 20 Interview Q&A's

• چیت‌شیت (Cheat Sheet) جامع Cypress Cypress Cheat Sheet