آموزش سایپرس: اتوماسیون تست E2E - شروع کار - آخرین آپدیت

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

Introduction

• درباره‌ی دوره About the Course

• به دوره خوش آمدید! Welcome to the course!

• پرسش و پاسخ Q&A

• اطلاعیه: برای دانشجویانی که از نسخه رایگان دوره می‌آیند Info: To students coming from free course version

• Cypress و تست‌های E2E چیست؟ What is Cypress & E2E tests

راه‌اندازی محیط Environment setup

• نصب NodeJS Install NodeJS

• نصب GIT Install GIT

• نصب VS Code Install VS Code

• نصب PostgreSQL Install PostgreSQL

• راه‌اندازی اپلیکیشن Setup application

• نصب Cypress Install Cypress

اولین تست در Cypress First test in Cypress

• ساختار Test Suite: ‘describe’ و ‘it’ چه هستند؟ Test suite structure: What are ‘describe’ and ‘it’?

• ساختار تست: الگوی AAA Test structure: AAA pattern

• تکمیل خودکار کد Cypress Cypress code completion

• قدم اول: بازدید از صفحه (Arrange) Step 1: Visiting page (Arrange)

• قدم دوم: انتخاب عناصر Step 2: Selecting elements

• تمرین: انتخاب عناصر فرم Exercise: Selecting form elements

• راه حل: انتخاب عناصر فرم Solution: Selecting form elements

• قدم سوم: انجام عمل (Act) Step 3: Perform action (Act)

• تولید داده تست پویا Dynamic test data generation

• قدم چهارم: بررسی نتیجه (Assert) Step 4: Check result (Assert)

• دستور سفارشی: getByTestId Custom command: getByTestId

• کنترل اجرای تست: بررسی .only() و .skip() Test execution control: Exploring .only() and .skip()

• تمرین: اولین تست‌های خود را بنویسید! Exercise: Write your first tests!

• راه حل: اولین تست‌های خود را بنویسید! Solution: Write your first tests!

• Hooks Hooks

انتخاب عناصر Selecting elements

• انتخاب با متن - ()contains Select by text - contains()

• اولویت عنصر ()contains contains() element preference

• انتخاب بر اساس موقعیت در لیست - ()eq، ()first، ()last Select by position in list - eq(), first(), last()

• پیدا کردن عناصر در محدوده تعیین شده - ()find Find elements within set scope - find()

• فیلتر کردن عناصر - ()filter، ()not Filtering elements - filter(), not()

• تمرین: من را پیدا کن! Exercise: Find me!

• راه حل: من را پیدا کن! Solution: Find me!

• بررسی قابلیت مشاهده چند عنصر Multiple element visibility check

• بهترین روش‌ها در انتخاب عناصر Best practices in selecting elements

مفاهیم اصلی Cypress Cypress core concepts

• قوانین قابلیت اجرا Rules of actionability

• تغییر Viewport Changing viewport

• اسکریپت‌های NPM و حالت Headless NPM scripts & Headless mode

• تمرین: خطاهای اعتبارسنجی فرم ثبت نام Exercise: Register form validation errors

• راه حل: خطاهای اعتبارسنجی فرم ثبت نام Solution: Register form validation errors

• قابلیت Retry Retry-ability

• Timeouts Timeouts

• مقاله: نحوه استفاده از پارامترهای نام‌گذاری شده در JavaScript Article: How to use named parameters in JavaScript

• تلاش مجدد تست Test retries

• انتخاب مقدار منوی کشویی Selecting dropdown menu value

• تمرین: Test Suite ورود به سیستم Exercise: Login test suite

• راه حل: Test Suite ورود به سیستم – قسمت 1 Solution: Login test suite - Part 1

• راه حل: Test Suite ورود به سیستم – قسمت 2 Solution: Login test suite - Part 2

• دستور سفارشی: ورود به سیستم Custom command: Login

• Fixtures: ذخیره داده‌ها در یک مکان Fixtures: Store data in one place

• تست پیمایش صفحه Testing page navigation

• تمرین: تست پیمایش هدر Exercise: Test header navigation

• راه حل: تست پیمایش هدر Solution: Test header navigation

• همزمان در مقابل غیرهمزمان Synchronous vs Asynchronous

• ماهیت غیرهمزمان Cypress Cypress asynchronous nature

• مدیریت Subject - قسمت 1 Subject management - Part 1

• مدیریت Subject - قسمت 2 Subject management - Part 2

• مدیریت Subject - قسمت 3 Subject management - Part 3

• تمرین: مدیریت Subject Exercise: Manage the subject

• راه حل: مدیریت Subject Solution: Manage the subject

• Aliases - Query & Static Aliases - Query & Static

• تکرار روی عناصر DOM Iterate over DOM elements

• تکرار روی عناصر DOM - مثال‌ها Iterate over DOM elements - Examples

• جداسازی تست Test isolation

• خلاصه Summary

الگوی Page Object Model Page Object Model pattern

• الگوی Page Object Model چیست؟ What is Page Object Model pattern?

• پیاده سازی Page Object - قسمت 1 Implementing Page Object - Part 1

• پیاده سازی Page Object - قسمت 2 Implementing Page Object - Part 2

• تمرین: اولین Page Object خود را پیاده سازی کنید Exercise: Implement your first Page Object

• راه حل: اولین Page Object خود را پیاده سازی کنید Solution: Implement your first Page Object

• Component Object چیست؟ What is Component Object?

• پیاده سازی Component Object Implementing Component Object

• Component Object مرتبط با Page Page related Component Object

• عناصر مشترک Common elements

• انتخابگرهای مشترک Common selectors

• پیاده سازی مجدد Timeout سفارشی Re-implement custom timeout

• روش‌های خصوصی Private methods