آموزش Bootcamp کتابخانه تست React - راهنمای توسعه‌دهنده

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

معرفی Introduction

• تست چیست و چرا به ما اهمیت می دهد What Is Testing and Why Do We Care

• تست دستی در مقابل تست خودکار Manual vs Automated Testing

• توسعه آزمایش محور Test Driven Development

معرفی Introduction

• تست چیست و چرا به ما اهمیت می دهد What Is Testing and Why Do We Care

• تست دستی در مقابل تست خودکار Manual vs Automated Testing

• توسعه آزمایش محور Test Driven Development

مبانی RTL The Fundamentals of RTL

• نمای کلی برنامه App Overview

• بررسی یک React Application Inspecting a React Application

• بررسی یک React Application Inspecting a React Application

• رفتار را بیازمایید، نه اجرا را Test the Behaviour, Not the Implementation

• ساختار یک بلوک آزمایشی The Structure of a Test Block

• پرس و جو برای عناصر Querying for Elements

• ادعاها Assertions

• ایجاد عنصر ورودی Creating the Input Element

• تکمیل آزمون Completing the Test

• تکمیل آزمون Completing the Test

مبانی RTL The Fundamentals of RTL

• رفتار را بیازمایید، نه اجرا را Test the Behaviour, Not the Implementation

• ساختار یک بلوک آزمایشی The Structure of a Test Block

• پرس و جو برای عناصر Querying for Elements

• ادعاها Assertions

• ایجاد عنصر ورودی Creating the Input Element

مدیریت تعاملات مرورگر Handling Browser Interactions

• رویدادهای کاربر User Events

• رویدادهای کاربر User Events

• تکلیف: رویدادهای کاربر Assignment: User Events

• آزمایش حضور یک عنصر Testing the Presences of an Element

• اضافه کردن منطق رسیدگی به خطا Adding the Error Handling Logic

• اضافه کردن منطق رسیدگی به خطا Adding the Error Handling Logic

• چالش: مدیریت خطا را اضافه کنید Challenge: Add Error Handling

• چالش: مدیریت خطا را اضافه کنید Challenge: Add Error Handling

• چالش: پاسخ Challenge: Answers

• کمی تست دستی A Little Bit of Manual Testing

• آزمایش مسیر مبارک Testing the Happy Path

• آزمایش مسیر مبارک Testing the Happy Path

مدیریت تعاملات مرورگر Handling Browser Interactions

• تکلیف: رویدادهای کاربر Assignment: User Events

• آزمایش حضور یک عنصر Testing the Presences of an Element

• چالش: پاسخ Challenge: Answers

• کمی تست دستی A Little Bit of Manual Testing

سازماندهی فایل های تست Organizing Test Files

• استفاده از Jest Hooks Utilizing Jest Hooks

• استفاده از Jest Hooks Utilizing Jest Hooks

• ایجاد توابع کمکی برای کاهش دوگانگی Creating Helper Functions to Reduce Duplicity

• چالش: یک تابع کمکی بنویسید Challenge: Write a Helper Function

• چالش: پاسخ Challenge: Answer

• حذف متغیرهای غیر ضروری Removing Unnecessary Variables

• بلوک توصیف The Describe Block

سازماندهی فایل های تست Organizing Test Files

• ایجاد توابع کمکی برای کاهش دوگانگی Creating Helper Functions to Reduce Duplicity

• چالش: یک تابع کمکی بنویسید Challenge: Write a Helper Function

• چالش: پاسخ Challenge: Answer

• حذف متغیرهای غیر ضروری Removing Unnecessary Variables

• بلوک توصیف The Describe Block

تست کامپوننت ها با Props Testing Components with Props

• نمای کلی برنامه App Overview

• نمای کلی برنامه App Overview

• تفکیک برنامه Breakdown of App

• تفکیک برنامه Breakdown of App

• برخورد با Props Dealing with Props

• برخورد با Props Dealing with Props

• چالش: تست تصویر Src Challenge: Testing Image Src

• چالش: راه حل Challenge: Solution

• چالش: راه حل Challenge: Solution

• افزودن عناصر برای موفقیت در آزمون های ما Adding the Elements to Make Our Tests Pass

• تست دکمه قلب Testing the Heart Button

• اضافه کردن منطق برای موفقیت در آزمون های ما Adding the Logic to Make Our Tests Pass

• اضافه کردن منطق برای موفقیت در آزمون های ما Adding the Logic to Make Our Tests Pass

• انجام برخی تست های دستی Doing Some Manual Testing

• انجام برخی تست های دستی Doing Some Manual Testing

تست کامپوننت ها با Props Testing Components with Props

• نمای کلی برنامه App Overview

• چالش: تست تصویر Src Challenge: Testing Image Src

• افزودن عناصر برای موفقیت در آزمون های ما Adding the Elements to Make Our Tests Pass

• تست دکمه قلب Testing the Heart Button

تست چندین عنصر Testing Multiple Elements

• جزء کارت The Cards Component

• جزء کارت The Cards Component

• پرس و جو برای عناصر چندگانه Querying for Multiple Elements

• ایجاد مؤلفه کارت Creating the Cards Component

• ایجاد مؤلفه کارت Creating the Cards Component

• تست دستی Manual Testing

• تست دستی Manual Testing

• رویدادهای کاربر پیچیده تر More Complex User Events

• رویدادهای کاربر پیچیده تر More Complex User Events

• افزودن مولفه فیلتر Adding the Filter Component

• افزودن مولفه فیلتر Adding the Filter Component

تست چندین عنصر Testing Multiple Elements

• پرس و جو برای عناصر چندگانه Querying for Multiple Elements

رسیدگی و تمسخر درخواست های HTTP Handling and Mocking HTTP Requests

• جزء حیوانات خانگی The Pets Component

• جزء حیوانات خانگی The Pets Component

• افزودن سرور Adding a Server

• واکشی داده ها از سرور ما Fetching Data From Our Server

• نوشتن یک تست ناقص Writing a Flawed Test

• مشکلات ایجاد درخواست HTTP در تست های شما Issues with Making HTTP Request in Your Tests

• مشکلات ایجاد درخواست HTTP در تست های شما Issues with Making HTTP Request in Your Tests

• تمسخر درخواست های HTTP با Mock Server Worker Mocking HTTP Requests with Mock Server Worker

رسیدگی و تمسخر درخواست های HTTP Handling and Mocking HTTP Requests

• افزودن سرور Adding a Server

• واکشی داده ها از سرور ما Fetching Data From Our Server

• نوشتن یک تست ناقص Writing a Flawed Test

• تمسخر درخواست های HTTP با Mock Server Worker Mocking HTTP Requests with Mock Server Worker

تست یکپارچه سازی Integration Testing

• تست یکپارچه سازی چیست؟ What is Integration Testing

• نوشتن اولین تست ادغام ما Writing Our First Integration Test

• اضافه کردن منطق فیلتر جنسیت Adding the Gender Filter Logic

• جستجوهای تودرتو برای یافتن عناصر Nested Queries to Find Elements

• اضافه کردن مقداری منطق پیچیده Adding Some Complicated Logic

• اضافه کردن مقداری منطق پیچیده Adding Some Complicated Logic

• رفع اشتباه تایپی Fixing a Typo

• رفع اشتباه تایپی Fixing a Typo

• آزمایشی که می توانیم بر اساس جنسیت و مورد علاقه فیلتر کنیم Testing That We Can Filter by Gender and Favourite

• آزمایشی که می توانیم بر اساس جنسیت و مورد علاقه فیلتر کنیم Testing That We Can Filter by Gender and Favourite

• اصلاح استایلینگ Fixing the Styling

تست یکپارچه سازی Integration Testing

• تست یکپارچه سازی چیست؟ What is Integration Testing

• نوشتن اولین تست ادغام ما Writing Our First Integration Test

• اضافه کردن منطق فیلتر جنسیت Adding the Gender Filter Logic

• جستجوهای تودرتو برای یافتن عناصر Nested Queries to Find Elements

• اصلاح استایلینگ Fixing the Styling

تست کامپوننت ها با ارائه دهندگان Testing Components With Providers

تست کامپوننت ها با ارائه دهندگان Testing Components With Providers

• بازسازی برنامه ما برای استفاده از زمینه Refactoring Our App to Use Context

• بازسازی برنامه ما برای استفاده از زمینه Refactoring Our App to Use Context

• اضافه کردن یک ارائه دهنده ساختگی به تست های ما Adding a Mock Provider to Our Tests

• اضافه کردن یک ارائه دهنده ساختگی به تست های ما Adding a Mock Provider to Our Tests