آموزش تست واکنش پیشرفته: Redux Saga و React Router

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

معرفی Introduction

• خوش آمدید و معرفی Welcome and Introduction

• برنامه محبوب مکان موسیقی Popular Music Venue app

• یادداشت هایی در مورد ESLint و قالب بندی زیباتر Notes on ESLint and Prettier Formatting

• نحوه دریافت کمک How to Get Help

• نقطه انتخاب! Redux Saga یا React Router؟ Choice Point! Redux Saga or React Router?

با استفاده از redux-saga-test-plan Using redux-saga-test-plan

• مقدمه ای بر تست Redux Sagas Introduction to Testing Redux Sagas

• مقدمه ای بر redux-saga-test-plan Introduction to redux-saga-test-plan

• مقدمه ای بر logErrorToast Saga Introduction to logErrorToast Saga

• اولین تست حماسه First Saga Test

• آزمون کد! نان تست بدون خطا Code Quiz! Non-Error Toast

• ادعاهای جزئی Partial Assertions

• بررسی: redux-saga-test-plan مقدمه Review: redux-saga-test-plan Introduction

حماسه مجتمع آزمایشی که از «takeEvery» استفاده می کند Testing Complex Saga that Uses `takeEvery`

• مقدمه ای بر تیکت فلو ساگا Introduction to ticketFlow Saga

• فایل تست تیکت‌فلو ساگا را تنظیم کنید Set up ticketFlow Saga Test File

• خطای عدم بازگشت «expectSaga». Error from not Returning `expectSaga`

• تمسخر با متد «.provide()». Mocking with `.provide()` method

• Dispatching Actions با متد «.dispatch()». Dispatching Actions with `.dispatch()` method

• روش `throwError()` برای آزمایش مسیرهای خطا `throwError()` Method to Test Error Paths

• آزمون کد! ادعاها Code Quiz! Assertions

• در حال انتزاع لغو آزمایش‌های حماسه معامله و ارائه‌دهندگان شبکه Abstracting cancelTransaction Saga Tests and Network Providers

• آزمون کد! خطای خرید Code Quiz! Purchase Error

• ادعا در Axios لغو تماس Asserting on Axios Cancel Call

• آزمایش اثر مسابقه Testing Race Effect

• آزمون کد اختیاری! خرید موفق OPTIONAL Code Quiz! Successful Purchase

• آزمون کد اختیاری! لغو را نگه دارید OPTIONAL Code Quiz! Hold Cancel

• پارامترسازی با «test.each()». Parametrization with `test.each()`

• بررسی: تست‌های پیچیده takeEvery Saga Review: Complex takeEvery Saga Tests

تست Saga با Fork و Cancel Effects در Infinite while Loop Testing Saga with Fork and Cancel Effects in Infinite while Loop

• مقدمه ای بر Sign In Sagas Introduction to Sign In Sagas

• فایل تست signInSaga را تنظیم کنید Set Up signInSaga Test File

• تست ورود موفقیت آمیز به سیستم: .silentRun و Timeout Testing Successful Sign-in: .silentRun and Timeout

• مقدار برگشتی از ارائه دهنده شبکه Return Value from Network Provider

• آزمون کد! جریان ثبت نام Code Quiz! Sign Up Flow

• تست یکپارچه سازی برای فورک لغو شده Integration Test for Canceled Fork

• آزمون کد! مسیر خطا Code Quiz! Error Path

• مقدمه ای بر تست های واحدی redux-saga-test-plan Introduction to redux-saga-test-plan Unit Tests

• لغو تست واحد جریان Cancel Flow Unit Test

• آزمون کد! تست های واحد Code Quiz! Unit Tests

• بررسی: فورک، لغو، بی نهایت در حالی که حلقه Review: Fork, Cancel, Infinite while Loop

• دریافت کمک در مورد تست های Saga Getting Help with Saga Tests

رندر سفارشی کتابخانه تست: Redux و React Router Testing Library Custom render: Redux and React Router

• -------> برای React Router از اینجا شروع کنید! -------> Start here for React Router!

• چرا رندر سفارشی ضروری است؟ Why is Custom render Necessary?

• مفاهیم رندر سفارشی Custom render Concepts

• برنامه ریزی رندر سفارشی با فروشگاه تست Planning Custom render with Test Store

• نوشتن رندر سفارشی با تست استور Writing Custom render with Test Store

• استفاده از رندر سفارشی در تست ها Using Custom render in Tests

• افزودن React Router به رندر سفارشی Adding React Router to Custom render

• ادعا در تاریخ شی Asserting on history Object

• تست رفتار اختیاری برای تغییر مسیر OPTIONAL Behavior Testing for Redirect

• آزمون کد! history.push() Code Quiz! history.push()

• اختیاری: آزمون کد دولتی Redux OPTIONAL: Redux State Code Quiz

• خلاصه روتر سفارشی Custom router Summary

تست مسیرها با پارامترهای URL و Query Testing Routes with URL and Query Params

• مقدمه ای بر تست مسیرها با پارامترهای URL و Query Introduction to Testing Routes with URL and Query Params

• معرفی اختیاری به Mock Service Worker OPTIONAL Introduction to Mock Service Worker

• اختیاری راه اندازی Mock Service Worker OPTIONAL Setting up Mock Service Worker

• تست اختیاری "نشان می دهد" جزء با Mock Service Worker OPTIONAL Testing "Shows" Component with Mock Service Worker

• آزمون کد اختیاری! Mock Service Worker for Sold-Out Show OPTIONAL Code Quiz! Mock Service Worker for Sold-Out Show

• آزمایش یک مسیر با پارامترهای URL Testing a Route with URL Params

• Writing Handler برای مسیر با پارامترهای URL Writing Handler for Route with URL Params

• آزمایش محتویات صفحه برای مسیر با پارامترهای URL Testing Page Contents for Route with URL Params

• آزمون کد! محتوای صفحه مسیر با پارامترهای URL Code Quiz! Page Contents of Route with URL Params

• تغییر مسیر به مسیر با پارامترهای URL Redirecting to Route with URL Params

• تغییر مسیر به مسیر با پارامترهای URL و Query Redirecting to Route with URL and Query Params

• آزمون کد! پارامترهای پرس و جو بد Code Quiz! Bad Query Params

• بررسی: مسیرهایی با پارامترهای URL و Query Review: Routes with URL and Query Params

آزمایش مسیرهای محافظت شده توسط Auth Testing Auth-Protected Routes

• مقدمه ای برای آزمایش مسیرهای محافظت شده توسط Auth Intro to Testing Auth-Protected Routes

• تست مسیر غیر محافظت شده Test for Non-Protected Route

• اختیاری: مقدمه ای بر پارامترسازی با test.each() OPTIONAL: Introduction to Parametrization with test.each()

• پارامترسازی تست های صفحه غیر محافظت شده با test.each() Parametrizing Non-Protected Page Tests with test.each()

• برنامه ریزی تست های مسیر محافظت شده Planning Protected Route Tests

• آزمون کد! برای مسیرهای محافظت شده به ورود به سیستم هدایت شوید Code Quiz! Redirect to Sign-In for Protected Routes

• پارامترسازی تغییر مسیر ورود به سیستم Parametrizing Sign-In Redirect

• ورود به سیستم/کنترل کننده ثبت نام برای Mock Service Worker SignIn / SignUp Handlers for Mock Service Worker

• آزمایش های برنامه ریزی برای تغییر مسیر محافظت شده پس از ورود به سیستم Planning Tests for Protected Route Redirect after Sign-In

• شروع تست برای تغییر مسیر محافظت شده پس از ورود به سیستم Starting Test for Protected Route Redirect after Sign In

• هنگام اجرای «waitFor» خطایی دریافت می کنید؟ Getting error when you run `waitFor`?

• تکمیل تست تغییر مسیر مسیر محافظت شده پس از ورود به سیستم Completing Test for Protected Route Redirect after Sign In

• آزمون کد! ثبت نام موفق Code Quiz! Successful Sign-Up

• تست ورود ناموفق و به دنبال آن ورود موفقیت آمیز Testing Failed SignIn Followed by Successful SignIn

• آزمون کد! خطای سرور در ورود به سیستم Code Quiz! Server Error on Sign In

• آزمون کد! پارامترسازی ورود ناموفق/ثبت نام Code Quiz! Parametrizing Unsuccessful Sign In / Sign Up

• بررسی: مسیرهای محافظت شده با مجوز Review: Auth-Protected Routes

• تبریک و تشکر از شما! Congratulations and Thank You!

یادگیری بیشتر Further Learning

• سخنرانی پاداش Bonus Lecture