آموزش تست نرم افزار خودکار با Puppeteer

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

شروع شدن Getting Started

• معرفی Introduction

• چرا عروسک گردانی؟ Why Puppeteer?

• ویراستاران Editors

• ویراستاران Editors

• کمک گرفتن Getting Help

• کمک گرفتن Getting Help

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

• تنظیم زیباتر (اختیاری) Prettier setup (optional)

• کد منبع زیباتر Prettier source code

شروع شدن Getting Started

• معرفی Introduction

• چرا عروسک گردانی؟ Why Puppeteer?

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

• تنظیم زیباتر (اختیاری) Prettier setup (optional)

• کد منبع زیباتر Prettier source code

مبانی عروسک گردانی Puppeteer Basics

• مرورگر را اجرا و ببندید Launch & Close the Browser

• مرورگر را اجرا و ببندید Launch & Close the Browser

• نکته برای کاربران ویندوز برای راه اندازی مرور! Note for Windows Users for Browse Launch!

• راه اندازی گزینه ها Launch Options

• راه اندازی گزینه ها Launch Options

• مکث آزمون (یادداشت) Pausing the Test (Note)

• مکث آزمون (یادداشت) Pausing the Test (Note)

• مکث آزمون Pausing the Test

• مرورگر را دوباره بارگیری کنید Reload the Browser

• در مرورگر به عقب و جلو بروید Go Back & Forward in the Browser

• تعامل با ورودی ها Interacting with Inputs

• تعامل با ورودی ها Interacting with Inputs

• تعامل با دکمه ها و چک باکس Interacting with Buttons & Checkbox

• تعامل با دکمه ها و چک باکس Interacting with Buttons & Checkbox

• تعامل با Dropdown Interacting with Dropdown

• تعامل با Dropdown Interacting with Dropdown

• عنوان و URL صفحه را دریافت کنید Get Page Title & URL

• دریافت متن عنصر Get Element Text

• دریافت متن عنصر Get Element Text

• تعداد عناصر را دریافت کنید Get Element Count

• تعداد عناصر را دریافت کنید Get Element Count

• ادعاها Assertions

• زمان های پیش فرض را تنظیم کنید Set Default Timeouts

• زمان های پیش فرض را تنظیم کنید Set Default Timeouts

• شبیه سازی فشار صفحه کلید Keyboard Press Simulation

• منتظر Xpath باشید Wait For Xpath

• عنصر وجود ندارد Element Not Exist

مبانی عروسک گردانی Puppeteer Basics

• نکته برای کاربران ویندوز برای راه اندازی مرور! Note for Windows Users for Browse Launch!

• مکث آزمون Pausing the Test

• مرورگر را دوباره بارگیری کنید Reload the Browser

• در مرورگر به عقب و جلو بروید Go Back & Forward in the Browser

• عنوان و URL صفحه را دریافت کنید Get Page Title & URL

• ادعاها Assertions

• شبیه سازی فشار صفحه کلید Keyboard Press Simulation

• منتظر Xpath باشید Wait For Xpath

• عنصر وجود ندارد Element Not Exist

اتوماسیون پیشرفته عروسک گردان Advanced Puppeteer Automation

• قلاب های تست Test Hooks

• قلاب های تست Test Hooks

• شبیه سازی دستگاه Device Emulations

• شبیه سازی دستگاه Device Emulations

• مرورگر ناشناس را راه اندازی کنید Launch Incognito Browser

• مرورگر ناشناس را راه اندازی کنید Launch Incognito Browser

• تمدید Puppeteer با دستورات سفارشی: قسمت 1 Extend Puppeteer with Custom Commands: Part 1

• تمدید Puppeteer با دستورات سفارشی: قسمت 2 Extend Puppeteer with Custom Commands: Part 2

• تمدید Puppeteer با دستورات سفارشی: قسمت 2 Extend Puppeteer with Custom Commands: Part 2

• تست های E2E: جریان ورود به سیستم E2E Tests: Login Flow

• تست های E2E: فرم بازخورد E2E Tests: Feedback Form

• تست های E2E: فرم بازخورد E2E Tests: Feedback Form

• تست های E2E: پرداخت + ترفند تعیین تاریخ! E2E Tests: Payment + Date Picker trick!

• تست های E2E: پرداخت + ترفند تعیین تاریخ! E2E Tests: Payment + Date Picker trick!

• تست های E2E: تبادل ارز E2E Tests: Currency Exchange

• تست های E2E: تبادل ارز E2E Tests: Currency Exchange

اتوماسیون پیشرفته عروسک گردان Advanced Puppeteer Automation

• تمدید Puppeteer با دستورات سفارشی: قسمت 1 Extend Puppeteer with Custom Commands: Part 1

• تست های E2E: جریان ورود به سیستم E2E Tests: Login Flow

تست رگرسیون بصری + پرسی Visual Regression Testing + Percy

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

• راه اندازی زیباتر Prettier Setup

• راه اندازی زیباتر Prettier Setup

• نود اسکریپت برای تست بصری Node Scripts for Visual Testing

• نود اسکریپت برای تست بصری Node Scripts for Visual Testing

• تنظیم پیکربندی جست برای تست بصری Jest Config Setup for Visual Testing

• تنظیم پیکربندی جست برای تست بصری Jest Config Setup for Visual Testing

• اجرای تست رگرسیون بصری Implement Visual Regression Test

• عکس فوری تک عنصری Single Element Snapshot

• تست های بصری پاسخگو Responsive Visual Tests

• محتوای پویا را از Snapshot ها حذف کنید Exclude Dynamic Content from Snapshots

• محتوای پویا را از Snapshot ها حذف کنید Exclude Dynamic Content from Snapshots

• کد منبع Source Code

• پرسی - مقدمه Percy - Introduction

• پرسی - مقدمه Percy - Introduction

• پرسی - ایجاد پروژه Percy - Create Project

• Percy - ادغام با Puppeteer Percy - Integration with Puppeteer

تست رگرسیون بصری + پرسی Visual Regression Testing + Percy

• راه اندازی زیباتر Prettier Setup

• اجرای تست رگرسیون بصری Implement Visual Regression Test

• عکس فوری تک عنصری Single Element Snapshot

• تست های بصری پاسخگو Responsive Visual Tests

• کد منبع Source Code

• پرسی - ایجاد پروژه Percy - Create Project

• Percy - ادغام با Puppeteer Percy - Integration with Puppeteer

چارچوب اتوماسیون با استفاده از Jest و Puppeteer Automation Framework using Jest and Puppeteer

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

• تنظیمات پیکربندی Configuration setup

• تنظیمات پیکربندی Configuration setup

• کد منبع پیکربندی Babel Babel config source code

• ایجاد صفحه پایه Create Base Page

• ایجاد صفحه پایه Create Base Page

• چارچوب بخش 1 Framework part 1

• چارچوب قسمت 2 Framework part 2

• چارچوب قسمت 3 Framework part 3

• چارچوب قسمت 4 Framework part 4

• چارچوب قسمت 4 Framework part 4

• تست های پایانی: قسمت 1 End-to-End Tests: part 1

• تست های پایانی: قسمت 1 End-to-End Tests: part 1

• تست های پایانی: قسمت 2 End-to-End Tests: part 2

• نکات بهبود چارچوب Framework Improvement tips

• کد منبع Source Code

چارچوب اتوماسیون با استفاده از Jest و Puppeteer Automation Framework using Jest and Puppeteer

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

• کد منبع پیکربندی Babel Babel config source code

• چارچوب بخش 1 Framework part 1

• چارچوب قسمت 2 Framework part 2

• چارچوب قسمت 3 Framework part 3

• تست های پایانی: قسمت 2 End-to-End Tests: part 2

• نکات بهبود چارچوب Framework Improvement tips

• کد منبع Source Code

چارچوب الگوی سازنده پیشرفته Advanced Builder Pattern Framework

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

• راه اندازی بابل Babel Setup

• بیایید راه اندازی و پیکربندی پروژه خود را آزمایش کنیم Lets test our project setup and configuration

• پیاده سازی کتابخانه Mocha-Steps Implementing Mocha-Steps library

• پیاده سازی کتابخانه Mocha-Steps Implementing Mocha-Steps library

• Framework Core: Create Builder Class Part 1 Framework Core: Create Builder Class part 1

• Framework Core: Create Builder Class قسمت 2 Framework Core: Create Builder Class part 2

• Framework Core: Create Builder Class قسمت 3 Framework Core: Create Builder Class part 3

• Framework Core: Create Builder Class قسمت 3 Framework Core: Create Builder Class part 3

• گسترش صفحه عروسک گردان با توابع سفارشی Extending Puppeteer Page with Custom Functions

• گسترش صفحه عروسک گردان با توابع سفارشی Extending Puppeteer Page with Custom Functions

• گسترش صفحه عروسکی با توابع سفارشی قسمت 2 Extending Puppeteer Page with Custom Functions part 2

• گسترش صفحه عروسکی با توابع سفارشی قسمت 2 Extending Puppeteer Page with Custom Functions part 2

• کلاس Builder را تمام کنید Finish Builder Class

• کلاس Builder را تمام کنید Finish Builder Class

• کد منبع کلاس سازنده Builder Class source code

• کد منبع کلاس سازنده Builder Class source code

• تست سرتاسری با استفاده از کلاس سازنده End-to-End Testing using Builder Class

• اطلاعات بیشتر در مورد تست های End-To-End More about End-To-End tests

• اطلاعات بیشتر در مورد تست های End-To-End More about End-To-End tests

• بیایید چند کلاس با Page Objects Model بسازیم Lets make some classes with Page Objects Model

• کد منبع Source Code

چارچوب الگوی سازنده پیشرفته Advanced Builder Pattern Framework

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

• راه اندازی بابل Babel Setup

• بیایید راه اندازی و پیکربندی پروژه خود را آزمایش کنیم Lets test our project setup and configuration

• Framework Core: Create Builder Class Part 1 Framework Core: Create Builder Class part 1

• Framework Core: Create Builder Class قسمت 2 Framework Core: Create Builder Class part 2

• تست سرتاسری با استفاده از کلاس سازنده End-to-End Testing using Builder Class

• بیایید چند کلاس با Page Objects Model بسازیم Lets make some classes with Page Objects Model

• کد منبع Source Code

BDD با خیار + گزارش BDD with Cucumber + Reporting

• مقدمه ای بر BDD و خیار Introduction to BDD and Cucumber

• راه اندازی Cucumber + Test Scripts Setup Cucumber + Test Scripts

• راه اندازی Cucumber + Test Scripts Setup Cucumber + Test Scripts

• فایل های ویژگی خیار Cucumber Feature files

• فایل های ویژگی خیار Cucumber Feature files

• تعاریف مرحله خیار Cucumber Step Definitions

• سازنده دنیای خیار Cucumber World Constructor

• سناریوهای ویژگی را اجرا کنید Execute Feature Scenarios

• سناریوهای ویژگی را اجرا کنید Execute Feature Scenarios

• گزارشگر HTML خیار Cucumber HTML Reporter

• کد منبع Source Code

• کد منبع Source Code

• کد منبع Source Code

BDD با خیار + گزارش BDD with Cucumber + Reporting

• مقدمه ای بر BDD و خیار Introduction to BDD and Cucumber

• تعاریف مرحله خیار Cucumber Step Definitions

• سازنده دنیای خیار Cucumber World Constructor

• گزارشگر HTML خیار Cucumber HTML Reporter

• کد منبع Source Code

BDD با CodeceptJS BDD with CodeceptJS

• راه اندازی Puppeteer با پروژه CodeceptJS Setup Puppeteer with CodeceptJS Project

• راه اندازی Puppeteer با پروژه CodeceptJS Setup Puppeteer with CodeceptJS Project

• راه اندازی زیباتر Prettier Setup

• پیکربندی Codecept Codecept Configuration

• مرورگر را راه اندازی کنید Launch Browser

• مرورگر را راه اندازی کنید Launch Browser

• انتظارهای ضمنی و صریح Implicit and Explicit Waits

• سناریوهای متعدد Multiple Scenarios

• سناریوهای متعدد Multiple Scenarios

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

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

• قابلیت مشاهده عناصر Elements Visibility

• ادعاها Assertions

BDD با CodeceptJS BDD with CodeceptJS

• راه اندازی زیباتر Prettier Setup

• پیکربندی Codecept Codecept Configuration

• انتظارهای ضمنی و صریح Implicit and Explicit Waits

• قابلیت مشاهده عناصر Elements Visibility

• ادعاها Assertions

یکپارچه سازی مداوم Continuous Integration

• CI/CD چیست؟ What is CI / CD

• CI/CD چیست؟ What is CI / CD

• جنکینز در مقابل دایره در مقابل تراویس Jenkins vs Circle vs Travis

• جنکینز در مقابل دایره در مقابل تراویس Jenkins vs Circle vs Travis

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

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

• راه اندازی زیباتر Prettier Setup

• راه اندازی زیباتر Prettier Setup

• اسکریپت های گره Node Scripts

• تست دود ایجاد کنید Create Smoke Test

• تست End-to-End ایجاد کنید Create End-to-End Test

• راه اندازی جنکینز بیلد برای پروژه عروسکی Setup Jenkins Build for Puppeteer Project

• ساخت پارامتری شده با جنکینز Parameterized Build with Jenkins

• ساخت پارامتری شده با جنکینز Parameterized Build with Jenkins

• بررسی اجمالی جنکینز Jenkins Overview

• بررسی اجمالی جنکینز Jenkins Overview

• امتیاز: اسکریپت سرور جنکینز Bonus: Jenkins Server Script

• امتیاز: اسکریپت سرور جنکینز Bonus: Jenkins Server Script

یکپارچه سازی مداوم Continuous Integration

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

• راه اندازی زیباتر Prettier Setup

• اسکریپت های گره Node Scripts

• تست دود ایجاد کنید Create Smoke Test

• تست End-to-End ایجاد کنید Create End-to-End Test

• راه اندازی جنکینز بیلد برای پروژه عروسکی Setup Jenkins Build for Puppeteer Project

عروسک گردانی با سی شارپ (آینده بعدی) Puppeteer with C# (coming next)

• محتوا در حال پیشرفت Content in Progress

• محتوا در حال پیشرفت Content in Progress

عروسک گردانی با سی شارپ (آینده بعدی) Puppeteer with C# (coming next)

نکات و ترفندها Tips and Tricks

• بخش مقدمه Section Introduction

• ایجاد تصویر صفحه کامل صفحه Generate Full Page Screenshot

• PDF صفحه کامل را ایجاد کنید Generate Full Page PDF

• PDF صفحه کامل را ایجاد کنید Generate Full Page PDF

• دستگاه های شبیه سازی Emulating Devices

• جعل موقعیت جغرافیایی Faking Geolocations

• تست دسترسی Accessibility Test

• تست دسترسی Accessibility Test

• اندازه گیری داده های عملکرد وب سایت Measuring Website Performance Data

• عروسک گردانی با فایرفاکس! Puppeteer with Firefox!

• استفاده از مرورگر ناشناس Using Incognito Browser

• از ES6، Babel با Puppeteer استفاده کنید Use ES6, Babel with Puppeteer

• از ES6، Babel با Puppeteer استفاده کنید Use ES6, Babel with Puppeteer

• کلاس های ES6 با Puppeteer ES6 classes with Puppeteer

• کلاس های ES6 با Puppeteer ES6 classes with Puppeteer

• کتابخانه mocha-steps mocha-steps library

• کتابخانه شوخی و عروسک گردان jest-puppeteer library

نکات و ترفندها Tips and Tricks

• بخش مقدمه Section Introduction

• ایجاد تصویر صفحه کامل صفحه Generate Full Page Screenshot

• دستگاه های شبیه سازی Emulating Devices

• جعل موقعیت جغرافیایی Faking Geolocations

• اندازه گیری داده های عملکرد وب سایت Measuring Website Performance Data

• عروسک گردانی با فایرفاکس! Puppeteer with Firefox!

• استفاده از مرورگر ناشناس Using Incognito Browser

• کتابخانه mocha-steps mocha-steps library

• کتابخانه شوخی و عروسک گردان jest-puppeteer library

Web Scraper با Puppeteer Web Scraper with Puppeteer

• راه اندازی پرده Linting setup

• پیکربندی ساده Simple configuration

• داده کاوی از وب سایت Data mining from the website

• ذخیره داده ها در فایل های محلی Store data to local files

• کد منبع Source Code

Web Scraper با Puppeteer Web Scraper with Puppeteer

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

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

• راه اندازی پرده Linting setup

• پیکربندی ساده Simple configuration

• نود اسکریپت برای اسکریپر Node Scripts for scraper

• نود اسکریپت برای اسکریپر Node Scripts for scraper

• راه اندازی مرورگر برای وب scraper Browser setup for web scraper

• راه اندازی مرورگر برای وب scraper Browser setup for web scraper

• Scraper را غیر قابل کشف کنید Make Scraper Undetectable

• Scraper را غیر قابل کشف کنید Make Scraper Undetectable

• داده کاوی از وب سایت Data mining from the website

• ابزار تاریخ و زمان را ایجاد کنید Create date & time utility

• ابزار تاریخ و زمان را ایجاد کنید Create date & time utility

• ذخیره داده ها در فایل های محلی Store data to local files

• کد منبع Source Code

HTML + جاوا اسکریپت برای آزمایش کنندگان HTML + JavaScript for Testers

• سرفصل ها و پاراگراف ها Headings & Paragraphs

• قالب بندی عناصر Formating Elements

• تشکیل می دهد Forms

• مروری بر پشته فناوری جاوا اسکریپت Javascript tech-stack overview

• آرایه ها Arrays

• توصیف، تست، آن، انتظار Describe, Test, It, Expect

• Async/منتظر Async / Await

HTML + جاوا اسکریپت برای آزمایش کنندگان HTML + JavaScript for Testers

• HTML چیست؟ What is HTML?

• HTML چیست؟ What is HTML?

• سرفصل ها و پاراگراف ها Headings & Paragraphs

• پیوندها Links

• پیوندها Links

• تصاویر Images

• تصاویر Images

• قالب بندی عناصر Formating Elements

• نظرات Comments

• نظرات Comments

• جداول Tables

• جداول Tables

• لیست ها Lists

• لیست ها Lists

• تشکیل می دهد Forms

• کلاس، شناسه، ویژگی های آزمون داده Class, ID, data-test attributes

• کلاس، شناسه، ویژگی های آزمون داده Class, ID, data-test attributes

• دکمه ها Buttons

• دکمه ها Buttons

• نمادها Symbols

• نمادها Symbols

• محتوای پویا Dynamic Content

• محتوای پویا Dynamic Content

• تگ های سر و متا Head & Meta tags

• تگ های سر و متا Head & Meta tags

• مروری بر پشته فناوری جاوا اسکریپت Javascript tech-stack overview

• Var، Let & Const Var, Let & Const

• Var، Let & Const Var, Let & Const

• گزارش کنسول، اطلاعات، هشدار، خطا Console log, info, warn, error

• گزارش کنسول، اطلاعات، هشدار، خطا Console log, info, warn, error

• توابع و توابع پیکان Functions & Arrow Functions

• توابع و توابع پیکان Functions & Arrow Functions

• آرایه ها Arrays

• تاریخ و زمان Dates & Time

• تاریخ و زمان Dates & Time

• کلاس ها Classes

• کلاس ها Classes

• وب سایت را بررسی کنید Inspect Website

• وب سایت را بررسی کنید Inspect Website

• توصیف، تست، آن، انتظار Describe, Test, It, Expect

• توصیف، تست، آن، انتظار Describe, Test, It, Expect

• توصیف، تست، آن، انتظار Describe, Test, It, Expect

• Async/منتظر Async / Await

پاداش: سوالات مصاحبه Bonus: Interview Questions

• سوالات پیشرفته Advanced Questions

پاداش: سوالات مصاحبه Bonus: Interview Questions

• سوالات اساسی Basic Questions

• سوالات اساسی Basic Questions

• سوالات پیشرفته Advanced Questions

چارچوب آزمون (رویکرد مدرسه قدیمی) Test Framework (Old School Approach)

• بخش مقدمه Section Introduction

• فایل پیکربندی ایجاد کنید Create configuration file

• Helpers - عملکرد کلیک غیرهمگام Helpers - Async click function

• Helpers - هک تابع waitForText Helpers - waitForText function hack

• Utils - ایجاد رشته تصادفی Utils - generate random string

• Utils - تولید شماره تلفن تصادفی Utils - generate random phone number

• تست E2E: وارد برنامه شوید E2E Test: Login to App

• تست E2E: رمز عبور فراموش شده E2E Test: Forgotten Password

• تست E2E: دیگری E2E Test: Another

• کمک Help

چارچوب آزمون (رویکرد مدرسه قدیمی) Test Framework (Old School Approach)

• بخش مقدمه Section Introduction

• فایل پیکربندی ایجاد کنید Create configuration file

• Helpers - عملکرد کلیک غیرهمگام Helpers - Async click function

• Helpers - تابع نوع Async Helpers - Async type function

• Helpers - تابع نوع Async Helpers - Async type function

• Helpers - استخراج داده ها از عناصر html Helpers - Extract data from html elements

• Helpers - استخراج داده ها از عناصر html Helpers - Extract data from html elements

• Helpers - هک تابع waitForText Helpers - waitForText function hack

• Helpers - توابع دید انتخابگرها Helpers - selectors visibility functions

• Helpers - توابع دید انتخابگرها Helpers - selectors visibility functions

• Utils - ایجاد رشته تصادفی Utils - generate random string

• Utils - ایجاد آدرس ایمیل تصادفی Utils - generate random email address

• Utils - ایجاد آدرس ایمیل تصادفی Utils - generate random email address

• Utils - تولید شماره تلفن تصادفی Utils - generate random phone number

• تست E2E: وارد برنامه شوید E2E Test: Login to App

• تست E2E: جستجو E2E Test: Searching

• تست E2E: جستجو E2E Test: Searching

• تست E2E: پیوندهای نوار ناوبری E2E Test: Navbar Links

• تست E2E: پیوندهای نوار ناوبری E2E Test: Navbar Links

• آزمون E2E: فرم بازخورد را ارسال کنید E2E Test: Submit Feedback Form

• آزمون E2E: فرم بازخورد را ارسال کنید E2E Test: Submit Feedback Form

• تست E2E: رمز عبور فراموش شده E2E Test: Forgotten Password

• تست E2E: دیگری E2E Test: Another

• تست E2E: نهایی E2E Test: Final

• تست E2E: نهایی E2E Test: Final

• کمک Help