تست اپلیکیشن های Next.js با Jest، کتابخانه تست و Cypress
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- تست رابط کاربری Next.js و API، مسیرها، احراز هویت و تعاملات پایگاه داده
- زمان استفاد از تست واحد، تست یکپارچه سازی و تست end-to-end و دلیل آن
- استراتژی های تست SSG ،SSR ،ISR و CSR (شامل بروزرسانی های کش و فواصل اعتبارسنجی مجدد SWR)
- نحوه استفاده از پایگاه داده تست برای تست هایی که شامل واکشی داده ها و جهش ها می باشد.
پیش نیازهای دوره
- API و رابط کاربری Next.js (به ویژه نسخه 10+)
- کامپوننتها و هوکهای React
- توصیه شده: Jest، کتابخانه تست برای React ،Cypress
- مفید: Mock Service Worker
توضیحات دوره
در این دوره شما می آموزید که چگونه اپلیکیشن Next.js خود را از بالا به پایین تست کنید. این تست ها به شما این اطمینان را می دهند که اپلیکیشن Next.js شما با باگ های مشکل ساز و پرهزینه منتشر نخواهد شد. کارفرمایان به توسعه دهندگانی نیاز دارند که نحوه نوشتن تست را بلد باشند!
تست جامع اپلیکیشن Next.js
این دوره نحوه تست تمام جنبههای یک اپلیکیشن Next.js، از جمله موارد زیر را آموزش میدهد:
- تستهای واحد رابط کاربری
- تستهای واحد API
- مسیرهای Next.js
- صفحات ذخیره شده
بهروزرسانی دادهها (هم در کش و هم از طریق فاصله زمانی تازهسازی SWR)
- احراز هویت
- تستهای سرتاسری برای یک جریان کاربری کامل
این دوره از مجموعهای از فناوریهای تست استفاده میکند که شامل موارد زیر است:
- Jest
- کتابخانه تست React
- Mock Service Worker
- Cypress
- کتابخانه تست Cypress
همچنین طیف گستردهای از تکنیکهای تست، مانند موارد زیر را یاد خواهید گرفت:
- استفاده از یک پایگاه داده تست
- متغیرهای محیطی
- ماک کردن ماژول Jest
- تست تعاریف و بدهبستانها (لزوما یک تکنیک نیست، اما در تصمیمگیری در مورد اینکه چه چیزی را تست کنید مفید است!)
آموختههایتان را تمرین کنید
این دوره شامل «آزمونهای کد» است - چالشهایی برای نوشتن کد بر اساس مفاهیمی که تازه آموختهاید.
یک برنامه از پیش نوشته شده را تست کنید
یک اپلیکیشن Next.js از قبل برای این دوره نوشته شده است، بنابراین محتوای دوره میتواند بر آزمایش تمرکز کند. این دوره یک برنامه مکان کنسرت محبوب را تست میکند. این اپلیکیشن شامل نمایشهایی از گروههایی مانند The Joyous Nun Riot و Avalanche of Cheese است. توضیحات و تصاویر تصادفی و به استایل mad-libs به جذابیت آن میافزاید.
این دوره برای چه کسانی مناسب است؟
- توسعه دهندگان Next.js که می خواهند نحوه تست همه جنبه های اپلیکیشن خود را بیاموزند.
تست اپلیکیشن های Next.js با Jest، کتابخانه تست و Cypress
-
مقدمه 03:10
-
فناوری ها و پیش نیازهای دوره 03:08
-
create-next-app با استفاده از مثال with-jest 03:20
-
فیچرهای دوره: آزمون های کد و نکات جانبی 02:38
-
راهنمای بقیه دوره 05:14
-
آشنایی با تست 03:13
-
انواع تستها 04:33
-
چه چیزی را باید تست کنیم؟ 04:04
-
افزونگی تست 04:57
-
دستورالعمل های دانه بندی تست 03:21
-
دیدگاه مدرس درباره تست های اسنپ شات (نکته: موضوع مدرس نیست) 03:05
-
خلاصه: تعاریف و فلسفه تست 02:27
-
اصطلاحات و دستورالعمل های تست None
-
آشنایی با اپلیکیشن دوره و واکشی داده Next.js 01:13
-
دموی اپلیکیشن دوره 03:18
-
استراتژی های واکشی داده Next.js 10:48
-
استراتژی های واکشی داده Next.js None
-
نصب اپلیکیشن دوره 04:38
-
نکات کد اپلیکیشن دوره 05:27
-
معرفی و فناوری ها 03:45
-
تست یک صفحه استاتیک 07:18
-
تست Prop های SSG 07:55
-
آزمون کد - خطای Band Component 02:58
-
تصمیمات و دستورالعمل ها برای تست ها تا به الان 04:30
-
آشنایی با Mock Service Worker 02:58
-
راه اندازی MSW با Next.js 05:12
-
افزودن هندلر MSW 07:37
-
استفاده از MSW برای تست: Reservation Component 06:12
-
آزمون کد - رزرویشن های کاربر 06:31
-
پاسخ های مختلف MSW در هر تست 10:19
-
آزمون کد - پاسخ های مختلف MSW در هر تست 03:18
-
خلاصه: تست رابط کاربری 02:39
-
آشنایی با پایگاه داده تست 03:39
-
ایجاد یک پایگاه داده آزمایشی 03:28
-
متغیرهای محیطی 07:16
-
ایجاد DB تست و متغیرهای محیط 07:58
-
ایجاد یک متد برای ری ست DB تست 08:53
-
خلاصه: راه اندازی پایگاه داده تست 01:27
-
مفاهیم پایگاه داده تست None
-
معرفی تست مسیرهای Next.js و Cypress 02:56
-
بخش اختیاری: آشنایی با Cypress 02:06
-
راه اندازی Next.js برای Cypress 05:46
-
راه اندازی Cypress - بخش 1 09:04
-
تست اول Cypress: مسیر استاتیک 06:38
-
آزمون کد - مسیر استاتیک 03:02
-
تست مسیرهای پویا 02:20
-
ری ست پایگاه داده در Cypress 07:09
-
تست مسیر پویا که در زمان ساخت وجود داشت 03:35
-
آزمون کد - تست مسیری که وجود ندارد 02:43
-
تست مسیر ایجاد شده پس از ساخت 07:08
-
اجرای تمام تست های Cypress و Jest 05:43
-
خلاصه: تست مسیرهای Next.js و Cypress 02:32
-
آشنایی با تست ISR و بروزرسانی داده 02:42
-
تست Comes داده از کش ISR 04:19
-
اولین تست کش ISR 09:35
-
آزمون کد - صفحه باندهای ISR 04:22
-
بروزرسانی کش ISR در صورت تقاضا 05:27
-
نوشتن پلاگین Cypress برای متغیرهای محیط 03:43
-
تست اعتبارسنجی مجدد ISR 09:54
-
حذف کش ISR 11:37
-
افزودن حذف کش ISR به تست 04:49
-
آزمون کد - اعتبارسنجی مجدد کش ISR 04:44
-
اعتبارسنجی مجدد SWR در بازه زمانی 04:16
-
تست اعتبارسنجی مجدد در بازه زمانی 11:17
-
آزمون کد - اعتبارسنجی مجدد در بازه زمانی 04:11
-
خلاصه: تست ISR و بروزرسانی داده 02:12
-
آشنایی با تست احراز هویت 03:22
-
Auth Wrapper در اپلیکیشن دوره 06:22
-
افزودن جزئیات Sign-In به Cypress 04:12
-
تست جریان موفقیت با Auth Wrapper 11:33
-
آزمون کد - عدم موفقیت در احراز هویت بعد از موفقیت 03:55
-
پارامترسازی تست های صفحه محافظت شده 05:21
-
احراز هویت برنامه ای 09:09
-
آزمون کد - احراز هویت برنامه ای 05:39
-
تست End-to-End خرید بلیط 03:21
-
خلاصه: تست احراز هویت 01:48
-
آشنایی با تست های API 05:29
-
اولین تست API 08:32
-
رفع خطاهای تست: Polyfill، resetDB، نادیده گرفتن دایرکتوری DB در واچ لیست 08:14
-
تست مسیر با پارامتر URL 06:57
-
تست مسیر POST 06:54
-
ماک کردن ماژول یوتیلیتی ها برای احراز هویت 06:57
-
نوشتن تست با استفاده از ماژول ماک شده 05:30
-
آزمون کد - کاربر بدون رزرویشن 03:05
-
آزمون کد - Post کردن یک رزرویشن 06:09
-
رفع مشکلات تست های موازی با استفاده از پایگاه داده مشترک 05:44
-
بروزرسانی مقدار بازگشتی تابع ماک: تست درخواست غیرمجاز 05:01
-
آزمون کد - بروزرسانی مقدار بازگشتی تابع ماک 02:14
-
تست مسیرها با پارامترهای رشته کوئری 05:09
-
آزمون کد - پارامترهای رشته کوئری 01:58
-
خلاصه: تست API های Next.js 02:59
-
تبریک و تشکر از شما 01:03
مشخصات آموزش
تست اپلیکیشن های Next.js با Jest، کتابخانه تست و Cypress
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:متوسط
- تعداد درس:92
- مدت زمان :07:56:54
- حجم :3.38GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy