🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: تکنیک‌های Test Isolation برای تست‌های ایزوله و قابل تکرار

موضوع کلی: برنامه نویسی

موضوع میانی: تست فرانت‌اند

📋 سرفصل‌های دوره (100 موضوع)

• 1. مقدمه‌ای بر تست‌نویسی در فرانت‌اند
• 2. چرا به تست‌نویسی نیاز داریم؟
• 3. چالش‌های تست‌نویسی در توسعه فرانت‌اند
• 4. مفهوم "کدهای ایزوله" در برنامه‌نویسی
• 5. تعریف و اهمیت Test Isolation
• 6. مزایای تست‌های ایزوله و قابل تکرار
• 7. تفاوت تست‌های ایزوله و غیراصولی
• 8. مفاهیم Repeatability و Determinism در تست
• 9. انواع اصلی تست‌ها: Unit، Integration، E2E (بازبینی)
• 10. جایگاه Test Isolation در هرم تست (Test Pyramid)
• 11. Test Side Effects چیست و چرا باید از آن پرهیز کرد؟
• 12. مدیریت وضعیت (State Management) در تست‌ها
• 13. اثرات متقابل تست‌ها بر یکدیگر
• 14. اصول SOLID و ارتباط آن با Test Isolation
• 15. Dependency Management و نقش آن در ایزوله‌سازی
• 16. پاکسازی بعد از تست (Test Teardown)
• 17. آماده‌سازی قبل از تست (Test Setup)
• 18. مفهوم Test Double: Overview
• 19. تفاوت Mocks، Stubs، Spies، Fakes، Dummies
• 20. انتخاب Test Double مناسب برای هر سناریو
• 21. مقدمه‌ای بر Mocking در Jest (یا فریمورک مشابه)
• 22. Mock کردن توابع و ماژول‌ها
• 23. Jest.fn() و Jest.spyOn()
• 24. Mock کردن ماژول‌های ES6
• 25. Mock کردن ماژول‌های CommonJS
• 26. Stubbing توابع با Jest
• 27. Mock کردن APIهای مرورگر (fetch, localStorage, sessionStorage)
• 28. Mock کردن تایمرها (setTimeout, setInterval, Date)
• 29. Mock کردن DOM (Document Object Model) و تغییرات آن
• 30. Mock کردن وب‌سوکت‌ها (WebSockets)
• 31. Mock کردن Service Workers
• 32. Mock کردن کتابخانه‌های UI و کامپوننت‌های Third-Party
• 33. Stubbing پاسخ‌های HTTP با MSW (Mock Service Worker)
• 34. تنظیم MSW برای تست‌های Unit و Integration
• 35. Mock کردن Redux Store (یا Vuex Store / Context API)
• 36. Mock کردن Router (React Router, Vue Router, Angular Router)
• 37. استفاده از Mocking برای مدیریت داده‌های ورودی تست
• 38. Mock کردن کامپوننت‌های فرعی در تست‌های Integration
• 39. استراتژی‌های Mocking برای سرویس‌های خارجی
• 40. جلوگیری از Over-Mocking و Under-Mocking
• 41. مفهوم Dependency Injection (DI)
• 42. اهمیت DI در تولید کدهای قابل تست
• 43. DI دستی (Manual DI) در جاوااسکریپت
• 44. Constructor Injection
• 45. Setter Injection
• 46. Property Injection
• 47. DI و فریمورک‌های فرانت‌اند (Angular, React Context, Vue Provide/Inject)
• 48. استفاده از DI برای تست کردن سرویس‌ها
• 49. Mock کردن Dependencies تزریق شده
• 50. مزایای DI برای کاهش Coupling و افزایش Testability
• 51. مدیریت Scope وابستگی‌ها در سیستم‌های DI
• 52. مقدمه‌ای بر تست کامپوننت‌ها (Component Testing)
• 53. هدف از ایزوله کردن کامپوننت‌های UI
• 54. استفاده از Testing Library برای تست کامپوننت‌ها
• 55. تست کامپوننت‌های React با React Testing Library
• 56. تست کامپوننت‌های Vue با Vue Test Utils
• 57. تست کامپوننت‌های Angular با Component Testing Harnesses
• 58. Mock کردن Props و Context در کامپوننت‌ها
• 59. Mock کردن Hooks (React Hooks) و Composeables (Vue)
• 60. شبیه‌سازی Interactionهای کاربر (Click, Type, Focus)
• 61. تست کامپوننت‌های Stateless (Presentational Components)
• 62. تست کامپوننت‌های Stateful (Container Components)
• 63. تست کامپوننت‌ها در محیط‌های مختلف (Dark/Light Mode, RTL/LTR)
• 64. استفاده از Storybook برای ایزوله کردن و توسعه کامپوننت‌ها
• 65. Storybook Addons برای تست و Interaction
• 66. Visual Regression Testing با Storybook و ابزارهای ایزوله
• 67. تست در محیط‌های کنترل شده (Headless Browsers)
• 68. Puppeteer و Playwright برای کنترل مرورگر
• 69. تنظیم Environment Variables برای تست‌ها
• 70. ایزوله کردن Local Storage و Session Storage
• 71. ایزوله کردن Cookieها
• 72. مدیریت تاریخ و زمان در تست‌ها (Date Mocking)
• 73. مدیریت داده‌های تست (Test Data Management)
• 74. استفاده از Test Data Builders و Factories
• 75. روش‌های تولید داده‌های تست تصادفی و تکرارپذیر
• 76. ایزوله کردن پایگاه داده در تست‌های E2E (مفاهیم و ابزارها)
• 77. ریست کردن وضعیت دیتابیس بین تست‌ها
• 78. استفاده از Sandbox برای ایزوله‌سازی عملیات فایل سیستم (در Node.js)
• 79. ایزوله کردن Third-Party Scripts و Analytics
• 80. شبیه‌سازی شبکه آفلاین برای تست‌های پایداری
• 81. Test Isolation در تست‌های End-to-End
• 82. استراتژی‌های ایزوله‌سازی در Cypress
• 83. استراتژی‌های ایزوله‌سازی در Playwright
• 84. مفهوم Flaky Tests و راهکارهای ایزوله‌سازی
• 85. Parallel Test Execution و اهمیت ایزوله‌سازی
• 86. Mocking/Stubbing در سطح Gateway یا Proxy
• 87. استفاده از Service Virtualization برای ایزوله‌سازی سرویس‌های خارجی
• 88. Anti-Patterns در Test Isolation
• 89. Over-Stubbing و Over-Mocking: خطرات و راهکارها
• 90. مشکل "Test Rot" و راهکارهای حفظ ایزوله‌سازی
• 91. ایزوله‌سازی تست‌های A/B Testing و Feature Flags
• 92. مدیریت زمانبندی و Schedulerها در تست‌های ایزوله
• 93. تست‌های ایزوله برای Accessibility (a11y)
• 94. تست‌های ایزوله برای Performance و Load Testing (مقدماتی)
• 95. استفاده از Custom Matchers برای بهبود خوانایی تست‌ها
• 96. گزارش‌گیری از کاوریج تست (Test Coverage) و ایزوله‌سازی
• 97. ادغام تست‌های ایزوله در CI/CD Pipeline
• 98. Refactoring کد برای بهبود Testability و Isolation
• 99. فرهنگ‌سازی Test Isolation در تیم‌های توسعه
• 100. جمع‌بندی و مسیرهای آینده در Test Isolation

استاد تست نویسی فرانت‌اند شوید: دوره جامع تکنیک‌های Test Isolation

یک بار برای همیشه با تست‌های شکننده (Flaky) و غیرقابل اعتماد خداحافظی کنید و کدی بنویسید که با اطمینان کامل می‌توانید آن را منتشر کنید.

معرفی دوره: چرا تست‌های شما شکست می‌خورند؟

آیا تا به حال ساعت‌ها وقت خود را صرف پیدا کردن دلیل شکست یک تست کرده‌اید، در حالی که کد اصلی هیچ مشکلی نداشته است؟ آیا از تست‌هایی که به خاطر وابستگی به API سرور، دیتابیس یا سایر بخش‌های برنامه به صورت تصادفی شکست می‌خورند، خسته شده‌اید؟ این مشکلات، کابوس هر توسعه‌دهنده فرانت‌اندی است و نشان‌دهنده یک ضعف اساسی در استراتژی تست شماست: عدم ایزوله‌سازی (Isolation).

دوره "تکنیک‌های Test Isolation" پاسخی جامع و عملی به این چالش‌هاست. در این دوره، ما به شما یاد می‌دهیم که چگونه تست‌هایی بنویسید که کاملاً مستقل، سریع و قابل تکرار باشند. تست‌هایی که فقط و فقط یک چیز را می‌سنجند: صحت عملکرد کدی که شما نوشته‌اید. با یادگیری تکنیک‌های Mocking، Stubbing و ابزارهای قدرتمندی مانند Mock Service Worker (MSW)، شما می‌توانید تمام وابستگی‌های خارجی را شبیه‌سازی کرده و کامپوننت‌ها و منطق برنامه خود را در یک محیط کاملاً کنترل‌شده و ایزوله آزمایش کنید. این دوره فقط یک آموزش تئوری نیست، بلکه یک نقشه راه برای تبدیل شدن به توسعه‌دهنده‌ای است که کدی قابل اعتماد و باکیفیت تولید می‌کند.

درباره دوره چه می‌آموزیم؟

این دوره یک سفر عمیق به دنیای تست‌های ایزوله در توسعه فرانت‌اند است. ما از مفاهیم پایه‌ای شروع می‌کنیم و گام به گام به سراغ تکنیک‌های پیشرفته می‌رویم. شما یاد می‌گیرید که چگونه با استفاده از ابزارهای مدرن مانند Jest و React Testing Library، هر کامپوننت، هر سرویس و هر تعامل کاربری را به صورت کاملاً مستقل تست کنید. تمرکز اصلی دوره بر روی شبیه‌سازی درخواست‌های شبکه با Mock Service Worker (MSW) است تا تست‌های شما دیگر به وضعیت سرور وابسته نباشند و در هر زمان و مکانی با نتایج یکسان اجرا شوند. این دوره پر از مثال‌های عملی، چالش‌های کدنویسی و یک پروژه واقعی است تا مفاهیم را به بهترین شکل درک کنید.

موضوعات کلیدی دوره

• مفاهیم بنیادی تست نویسی و چرایی اهمیت Isolation در توسعه نرم‌افزار
• تفاوت بین انواع تست (Unit, Component, Integration, E2E) و جایگاه هرکدام
• استفاده حرفه‌ای از Mocking و Stubbing برای شبیه‌سازی وابستگی‌ها با Jest
• پیاده‌سازی کامل Mock Service Worker (MSW) برای ایزوله کردن لایه شبکه
• تست کامپوننت‌های UI (مانند React) به صورت کاملاً ایزوله و مستقل
• تکنیک‌های پیشرفته برای تست مدیریت State (مانند Redux یا Context API)
• مدیریت سناریوهای پیچیده مانند خطاها، حالت‌های لودینگ و تعاملات کاربر
• ادغام تست‌های ایزوله در پایپ‌لاین CI/CD برای تضمین کیفیت مداوم

این دوره برای چه کسانی مناسب است؟

این دوره برای طیف وسیعی از متخصصان حوزه نرم‌افزار طراحی شده است که به دنبال ارتقای کیفیت کد و افزایش پایداری محصولات خود هستند:

• توسعه‌دهندگان فرانت‌اند (React, Vue, Angular و ...): که می‌خواهند مهارت تست نویسی خود را به سطح بالاتری برسانند و کدی قابل نگهداری بنویسند.
• مهندسان تضمین کیفیت (QA Engineers): که به دنبال یادگیری تکنیک‌های تست خودکار مدرن در لایه فرانت‌اند هستند.
• مدیران فنی و رهبران تیم (Tech Leads): که می‌خواهند فرهنگ کیفیت و تست نویسی را در تیم خود نهادینه کنند.
• توسعه‌دهندگان Full-Stack: که می‌خواهند درک عمیق‌تری از تست نویسی در هر دو سمت کلاینت و سرور پیدا کنند.
• دانشجویان و کارآموزان: که می‌خواهند با بهترین شیوه‌ها (Best Practices) وارد بازار کار شوند و خود را از سایرین متمایز کنند.

چرا هر توسعه‌دهنده فرانت‌اند به این دوره نیاز دارد؟

گذراندن این دوره فقط یک مهارت جدید به رزومه شما اضافه نمی‌کند، بلکه نگرش شما به توسعه نرم‌افزار را تغییر می‌دهد. در اینجا چند دلیل کلیدی برای سرمایه‌گذاری روی این دوره آورده شده است:

• افزایش سرعت و پایداری تست‌ها: تست‌های ایزوله صدها برابر سریع‌تر از تست‌های End-to-End اجرا می‌شوند. این یعنی بازخورد سریع‌تر و چرخه‌های توسعه کوتاه‌تر.
• کاهش هزینه‌های توسعه: با پیدا کردن باگ‌ها در مراحل اولیه و در محیط توسعه، از هزینه‌های سنگین و استرس رفع باگ در محیط Production جلوگیری می‌کنید.
• اعتماد به نفس در Refactor کردن: با داشتن یک مجموعه تست قوی و قابل اعتماد، با خیال راحت می‌توانید کدهای قدیمی را بهبود دهید، بدون اینکه نگران شکستن عملکردهای موجود باشید.
• تبدیل شدن به یک متخصص مورد تقاضا: توانایی نوشتن تست‌های باکیفیت و ایزوله، یکی از پرتقاضاترین مهارت‌ها در شرکت‌های بزرگ فناوری است. با این دوره، شما یک مزیت رقابتی جدی در بازار کار کسب می‌کنید.
• یادگیری ابزارهای استاندارد صنعت: ما بر روی ابزارهایی مانند Jest، React Testing Library و MSW تمرکز می‌کنیم که توسط شرکت‌های پیشرو در سراسر جهان استفاده می‌شوند.
• محتوای جامع و پروژه‌محور: این دوره شما را با چالش‌های دنیای واقعی روبرو می‌کند و به شما یاد می‌دهد که چگونه برای مشکلات پیچیده، راه‌حل‌های عملی پیدا کنید.

نگاهی عمیق به سرفصل‌های جامع دوره: بیش از 100 درس برای تسلط کامل

این دوره با بیش از ۱۰۰ سرفصل دقیق و کاربردی، تمام جنبه‌های تست ایزوله را پوشش می‌دهد. در ادامه نگاهی کلی به بخش‌های اصلی دوره خواهیم داشت:

بخش اول: مبانی و اصول تست ایزوله (Foundation)

• چرا تست ایزوله؟ مروری بر مشکلات تست‌های وابسته
• هرم تست (Testing Pyramid) و جایگاه تست‌های واحد و کامپوننت
• راه‌اندازی محیط تست حرفه‌ای با Jest و تنظیمات اولیه
• نوشتن اولین تست واحد و آشنایی با Matcher های Jest

بخش دوم: Mocking، Stubbing و Spying (شبیه‌سازی وابستگی‌ها)

• تفاوت مفهومی Mock، Stub و Spy
• شبیه‌سازی ماژول‌ها و توابع با `jest.fn()` و `jest.spyOn()`
• الگوهای کاربردی برای Mock کردن وابستگی‌های Third-Party
• مدیریت زمان در تست‌ها با Fake Timers

بخش سوم: Mock Service Worker (MSW) - از مقدماتی تا پیشرفته

• MSW چیست و چگونه تست‌های فرانت‌اند را متحول می‌کند؟
• راه‌اندازی و پیکربندی MSW برای رهگیری درخواست‌های شبکه
• نوشتن Handler برای شبیه‌سازی پاسخ‌های موفق (200) در REST API
• مدیریت سناریوهای خطا (4xx, 5xx) و حالت‌های لودینگ
• تکنیک‌های پیشرفته: شبیه‌سازی درخواست‌های GraphQL و مدیریت سناریوهای پیچیده

بخش چهارم: تست کامپوننت‌های React با React Testing Library

• فلسفه Testing Library: تست بر اساس رفتار کاربر، نه جزئیات پیاده‌سازی
• آشنایی با کوئری‌های اصلی (`getBy`, `findBy`, `queryBy`)
• تست رندر شدن، Props و State کامپوننت‌ها
• شبیه‌سازی رویدادهای کاربر با `fireEvent` و `user-event`
• تست فرم‌ها، ورودی‌ها و اعتبارسنجی (Validation)

بخش پنجم: الگوهای پیشرفته تست نویسی

• تست Custom Hooks و Context API به صورت ایزوله
• الگوهای Factory برای تولید داده‌های تست (Test Data) قابل استفاده مجدد
• تست کدهای Asynchronous و مدیریت Promise ها به روش صحیح
• استراتژی‌های تست اپلیکیشن‌های دارای State Management (مانند Redux Toolkit)

بخش ششم: ادغام و بهترین شیوه‌ها (Best Practices)

• محاسبه پوشش کد (Code Coverage) و تحلیل گزارش‌های آن
• نوشتن تست‌های خوانا، قابل نگهداری و مبتنی بر الگوی Arrange-Act-Assert
• ادغام اسکریپت‌های تست در پایپ‌لاین CI/CD (نمونه با GitHub Actions)
• جمع‌بندی و مرور یک پروژه کامل با تست‌های ایزوله

همین امروز سفر خود را برای تبدیل شدن به یک توسعه‌دهنده حرفه‌ای و مسلط بر تست نویسی آغاز کنید و کیفیت کدهای خود را تضمین نمایید!