تسلط به تست ریاکت - RTL ،Vitest و MSW
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- نوشتن تستهای کاربرمحور برای کامپوننتهای ریاکت با استفاده از کتابخانه تست ریاکت، به منظور اطمینان از اپلیکیشنهای قوی و دسترسپذیر
- راهاندازی و اجرای تستهای سریع و کارآمد با Vitest که بهصورت بینقص با Vite برای پروژههای مدرن ریاکت یکپارچه شده است.
- ماک کردن درخواستها و پاسخهای HTTP با Mock Service Worker (MSW) برای تست API جداشده و قابل اعتماد
- پذیرش رویکرد توسعه تست محور (TDD) برای ایجاد ویژگیهای بدون باگ و با طراحی مناسب از طریق نوشتن تستها پیش از پیادهسازی
پیشنیازهای دوره
- درک اولیه از ریاکت و مفاهیم اصلی آن الزامی است.
- آشنایی با تایپاسکریپت مفید است؛ زیرا در این دوره استفاده میشود، اما مبتدیان نیز میتوانند دنبال کنند و یاد بگیرند.
- یک IDE (مانند ویژوال استودیو کد) و Node نصب شده روی ماشین شما برای راهاندازی و اجرای پروژهها توصیه می شود.
- هیچگونه تجربه قبلی در تست نیاز نیست؛ این دوره بهگونهای طراحی شده که شما را از اصول اولیه تا تکنیکهای پیشرفته راهنمایی میکند.
توضیحات دوره
تسلط به تست ریاکت - RTL ،Vitest و MSW
در دنیای توسعه وب مدرن، تست کردن، مهارتی حیاتی برای اطمینان از قابلیت اطمینان، قابلیت نگهداری و رضایت کاربر است. این دوره که با عنوان «تسلط به تست ریاکت - RTL ،Vitest و MSW» ارائه میشود، هدفش این است تا شما را با دانش کاربردی و تجربه عملی برای نوشتن تستهای قوی و کارآمد در اپلیکیشنهای ریاکت آشنا کند.
آنچه یاد خواهید گرفت:
این دوره ابزارها و متدولوژیهای اساسی برای تست ریاکت را شامل میشود، از جمله:
- کتابخانه تست ریاکت (RTL) - شما یاد میگیرید که چگونه تستهای کاربر محور برای کامپوننتهای ریاکت بنویسید، و در عین حال از API شهودی RTL برای کوئری و تعامل با DOM همانطور که کاربر انجام میدهد استفاده کنید.
- Vitest - شما وارد دنیای اجرای تست مدرن با Vitest میشوید؛ ابزاری قدرتمند و سریع که بهصورت یکپارچه با Vite کار میکند و جایگزینی مناسب برای Jest است.
- Mock Service Worker (MSW) - تسلط به هنر ماک کردن فراخوانیهای API برای توسعه و تست برای اطمینان از محیطهای کنترلشده و قابل اطمینان برای تعاملات HTTP
- توسعه تست محور (TDD) - اتخاذ ذهنیت TDD با تمرینات ساختاریافته و ساخت ویژگیهایی همزمان با حفظ یکپارچگی تستها
رویکردهای جامع تست:
- تستهای واحد - جداسازی و اعتبارسنجی منطق کامپوننت جداگانه
- تستهای یکپارچهسازی - اعتبارسنجی تعامل بدون نقص بین کامپوننتها
- تست فرم - مدیریت اعتبارسنجی ورودیها و تعاملات کاربر
- ماک کردن و مدیریت خطا - شبیهسازی سناریوهای پیچیده مانند خطاهای سرور برای اعتبارسنجی رفتار اپلیکیشن
پروژههایی که خواهید ساخت:
این دوره شامل پروژه های واقعی است که کانتکس و کاربرد مفاهیم آموزش داده شده را فراهم می کند:
- قالب تست - راهاندازی قالب پروژه قابل استفاده مجدد با Vite، تایپاسکریپت، Vitest و کتابخانه تست ریاکت
- اپلیکیشن نظرات - توسعه و تست اپلیکیشن نظرات، با یکپارچهسازی فرمهای پویا، رندرینگ لیست و تعامل کامپوننت
- Focus Flow - اعمال TDD برای ایجاد اپلیکیشن مدیریت تسک با تأکید بر گردش کار «red-green-refactor»
- مدیریت پستها - ساخت اپلیکیشن CRUD با APIs ماک شده با استفاده از MSW و تست تمام جنبهها، از واکشی داده تا مدیریت اکشنهای کاربر
چالشهای عملی
در طول دوره، تمرینهای عملی خواهید داشت که چالشهای واقعی را شبیهسازی میکنند:
- نوشتن اولین تستها با RTL
- تست تعاملات کاربر مانند کلیکها، تایپینگ و ارسال فرم
- پیادهسازی Context API برای مدیریت state گلوبال و تست رفتار آن
- ماک کردن پاسخهای سرور برای متدهای مختلف HTTP (GET و POST و PUT و DELETE)
- شبیهسازی سناریوهای خطا برای اطمینان از اینکه اپلیکیشن شما به خوبی خرابیها را مدیریت میکند.
چرا این دوره؟
اگر توسعهدهندهای هستید که میخواهید مهارتهای تست خود را تقویت کنید یا علاقهمند به نوشتن کدهای قابل اعتمادتر در ریاکت هستید، این دوره همه آنچه نیاز دارید را در اختیارتان میگذارد. در پایان، شما با اطمینان قادر خواهید بود تستهای قابل نگهداری بنویسید، اشکالزدایی موثر انجام دهید و اپلیکیشنهای با کیفیت بالاتر ارائه دهید.
به ما ملحق شوید و نحوه نوشتن و تست اپلیکیشن های ریاکت را متحول کنید.
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگانی که میخواهند به تست اپلیکیشنهای ریاکت با ابزارهای مدرن مانند RTL ،Vitest و MSW تسلط پیدا کنند.
- توسعهدهندگان ریاکت که به دنبال ارتقای مهارتهای خود با شیوههای توسعه تست محور (TDD) هستند.
- مهندسانی که مایل به ایجاد اپلیکیشنهای ریاکت قوی، قابل نگهداری و کاملاً تست شده میباشند.
- توسعهدهندگان سطح متوسط ریاکت که خواهان یکپارچهسازی تایپاسکریپت و فریمورکهای تست در گردشکار خود هستند.
تسلط به تست ریاکت - RTL ،Vitest و MSW
-
اطلاعات دوره 02:55
-
نصب و راهاندازی مخزن دوره 04:28
-
فایلها و پوشهها 02:36
-
بررسی اولین فایل تست 09:02
-
جزئیات اعتبارسنجی تست 11:14
-
اطلاعات Vitest 07:00
-
آزمون مفاهیم اساسی کتابخانه تست ریاکت None
-
کامپوننت <SearchByText> 08:37
-
بررسی متدهای SearchByText 06:27
-
متدهای SearchByText - فایل تست 16:43
-
مثال توسعه تست محور 03:59
-
آزمون متدهای کوئری در کتابخانه تست ریاکت و مبانی TDD None
-
کامپوننت </SearchByRole> 05:28
-
بررسی متدهای SearchByRole 04:18
-
فایل تست SearchByRole 13:48
-
کامپوننت تعاملات کاربر 09:10
-
تعاملات کاربر - فایل تست 18:23
-
کتابخانه تست ریاکت - آزمون جستجو بر اساس نقش و تعاملات کاربر None
-
تست فرم - Sandbox 16:35
-
تست ورودیهای خالی 07:39
-
تست تایپینگ در ورودیها 03:36
-
ریفکتور 10:47
-
تست فرم - تستهای باقیمانده 11:21
-
تست فرم در ریاکت - بهترین شیوهها None
-
اپلیکیشن نظرات - منطق 24:23
-
اپلیکیشن نظرات - تستهای واحد کامپوننت لیست 13:41
-
اپلیکیشن نظرات - تستهای واحد کامپوننت فرم 14:16
-
اپلیکیشن نظرات - تستهای یکپارچهسازی کامپوننت Sandbox 12:04
-
تست منطق در اپلیکیشن نظرات - کامپوننتها و یکپارچهسازی None
-
ایجاد و پیکربندی قالب برای تست اپلیکیشنهای ریاکت 13:17
-
تست منطق در راهاندازی پروژه با Vitest و کتابخانه تست ریاکت None
-
مقدمه اپلیکیشن Focus Flow 03:20
-
اپلیکیشن Focus Flow - منطق اصلی کد 11:41
-
اپلیکیشن Focus Flow - اولین تست کامپوننت فرم 20:53
-
اپلیکیشن Focus Flow - تستهای کامپوننت فرم باقیمانده 09:35
-
اپلیکیشن Focus Flow - تستهای کامپوننت لیست 15:00
-
اپلیکیشن Focus Flow - تستهای کامپوننت کارت 15:15
-
اپلیکیشن Focus Flow - بررسی Context API 10:29
-
اپلیکیشن Focus Flow - تستهای یکپارچهسازی کامپوننت اپلیکیشن 14:26
-
آزمون تمرینی - تست منطق در اپلیکیشن Focus Flow None
-
مقدمه MSW 04:04
-
MSW - وب سرور جی سان و درخواستهای HTTP 11:29
-
MSW - منطق اصلی 12:31
-
MSW - فرانتاند 19:57
-
MSW - تستهای واحد فرم، لیست و آیتم 24:52
-
MSW - اطلاعات 01:15
-
MSW - ماک کردن پستهای واکشی 12:54
-
MSW - ماک کردن درخواستهای باقیمانده 16:01
-
MSW - ماک کردن پاسخهای خطای HTTP 11:57
-
آزمون تمرینی - تست با Mock Service Worker None
-
اطلاعات 01:49
-
نصب 01:16
-
Tailwind CSS و ShadcnUI 05:06
-
ساختار 05:39
-
فرم جستجو 07:30
-
GraphQL 18:50
-
کلاینت Apollo 11:34
-
کوئری 09:58
-
کامپوننتهای پروفایل کاربر، کارت و کانتینر آمار 13:02
-
بیشترین مخازن فورک شده 08:48
-
محبوبترین مخازن 05:25
-
پرکاربردترین زبانها 08:49
-
نمودارها 15:10
-
کامپوننت بارگذاری 03:35
-
اطلاعات راهاندازی 02:55
-
تست تابع calculateMostForkedRepos 08:35
-
تست تابع calculateMostStarredRepos 04:41
-
تست تابع calculatePopularLanguages 06:15
-
تست کامپوننت StatsCard 04:02
-
تست کامپوننت StatsContainer 03:38
-
تست کامپوننت UserCard 09:18
-
تست کامپوننت SearchForm 13:08
-
تست کامپوننت نمودار ForkedRepos 08:42
-
ماک کردن پاسخ GraphQL 11:10
-
تست کامپوننتهای UserProfile و اپلیکیشن 22:14
-
اصول تست در اپلیکیشنهای ریاکت None
مشخصات آموزش
تسلط به تست ریاکت - RTL ،Vitest و MSW
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:متوسط
- تعداد درس:76
- مدت زمان :11:21:14
- حجم :5.17GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy