فلش‌کارت‌های آموزشی تکنیک‌های Test Integration for Multi-Component Scenarios

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

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

عنوان دوره: دوره تکنیک‌های Test Integration for Multi-Component Scenarios

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

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

📋 سرفصل‌های دوره

• 1. مقدمه‌ای بر تست نرم‌افزار و اهمیت آن در فرانت‌اند
• 2. چرایی نیاز به تست‌های قوی در برنامه‌های فرانت‌اند
• 3. انواع تست‌های فرانت‌اند: Unit, Component, Integration, E2E
• 4. هرم تست و جایگاه تست‌های یکپارچه‌سازی
• 5. تست یکپارچه‌سازی چیست؟ تعریف و هدف
• 6. تفاوت تست یکپارچه‌سازی با تست واحد (Unit Test)
• 7. تفاوت تست یکپارچه‌سازی با تست End-to-End
• 8. چالش‌های رایج در تست‌های یکپارچه‌سازی فرانت‌اند
• 9. اصول کلیدی برای طراحی تست‌های یکپارچه‌سازی مؤثر
• 10. برنامه‌ریزی استراتژی تست یکپارچه‌سازی در پروژه‌های بزرگ
• 11. ساختار برنامه‌های فرانت‌اند مدرن: SPA, Micro-frontends
• 12. توسعه مبتنی بر کامپوننت (React, Angular, Vue)
• 13. مدیریت وضعیت (State Management) در برنامه‌های فرانت‌اند
• 14. مسیریابی سمت کلاینت (Client-Side Routing)
• 15. عملیات ناهمزمان (Asynchronous Operations) و فراخوانی API
• 16. تعامل با سرویس‌های خارجی و Third-Party
• 17. درک مرزهای کامپوننت و مسئولیت‌ها
• 18. جریان داده و ارتباط بین کامپوننت‌ها
• 19. مدیریت رویدادها و کانال‌های ارتباطی
• 20. الگوهای ادغام در معماری Micro-frontend
• 21. انتخاب فریمورک مناسب برای تست (Jest, Vitest, Cypress, Playwright)
• 22. معرفی و نصب Jest و React Testing Library
• 23. تنظیمات اولیه محیط تست برای پروژه‌های فرانت‌اند
• 24. نوشتن اولین تست یکپارچه‌سازی ساده
• 25. پیکربندی ابزارهای ساخت (Webpack/Vite) برای تست
• 26. استفاده از Prettier و ESLint برای کد تمیز در تست‌ها
• 27. مدیریت وابستگی‌ها و DevDependencies تست
• 28. دستورات اجرای تست و گزارش‌گیری اولیه
• 29. استفاده از Watch Mode و Fast Feedback
• 30. معرفی Test Runnerها و Test Explorerها در IDE
• 31. رندر کردن کامپوننت‌ها برای تست (Shallow vs. Full DOM)
• 32. شبیه‌سازی تعاملات کاربر: Click, Change, Submit
• 33. پرس‌وجو (Querying) عناصر در DOM با React Testing Library
• 34. استفاده از Role-based Queries برای تست‌های دسترس‌پذیرتر
• 35. آزمایش وضعیت‌های مختلف UI با تغییر Props و State
• 36. بررسی رندر مشروط و Conditional Rendering
• 37. تست کامپوننت‌های فرم و اعتبارسنجی اولیه
• 38. مدیریت رویدادها و توابع Callbacks
• 39. آزمایش کامپوننت‌های دارای Hook (در React)
• 40. تست کامپوننت‌های Parent-Child در انزوا
• 41. مفهوم Mocking، Stubbing و Spying
• 42. Mock کردن ماژول‌ها و وابستگی‌ها با Jest
• 43. Mock کردن فراخوانی‌های API با MSW (Mock Service Worker)
• 44. استفاده از Nock یا Axios Mock Adapter
• 45. Stub کردن توابع و متدهای کلاس‌ها
• 46. Spying بر روی توابع برای بررسی فراخوانی
• 47. Mock کردن زمان و تاریخ (Timers)
• 48. Mock کردن وب‌سایت‌های Third-Party و iframeها
• 49. استراتژی‌های Mocking برای سناریوهای پیچیده
• 50. مزایا و معایب Mocking بیش از حد
• 51. مقدمه‌ای بر تست عملیات ناهمزمان در فرانت‌اند
• 52. تست فراخوانی‌های API و پاسخ‌های آن‌ها
• 53. استفاده از `waitFor` و `findBy` در React Testing Library
• 54. مدیریت Promiseها و Async/Await در تست‌ها
• 55. تست بارگذاری (Loading) و وضعیت‌های خطا (Error States)
• 56. تست Infinite Scroll و Pagination
• 57. تست WebSockets و ارتباطات Real-time
• 58. شبیه‌سازی تأخیر شبکه برای سناریوهای بارگذاری
• 59. تست Debounce و Throttle
• 60. اطمینان از پاک‌سازی (Cleanup) عملیات ناهمزمان پس از تست
• 61. تست یکپارچه‌سازی با Redux/Zustand (برای React)
• 62. تست یکپارچه‌سازی با Vuex/Pinia (برای Vue)
• 63. تست یکپارچه‌سازی با NGRX (برای Angular)
• 64. تست Context API و useContext در React
• 65. آزمایش تعامل کامپوننت‌ها با Shared State
• 66. تست Selectorها و Reducerها در یکپارچه‌سازی
• 67. تست تغییرات State در پاسخ به رویدادهای کاربر
• 68. شبیه‌سازی Global State در محیط تست
• 69. تست وضعیت‌های اولیه و بازیابی State
• 70. چالش‌های تست Global State در برنامه‌های بزرگ
• 71. تست یکپارچه‌سازی با React Router
• 72. تست یکپارچه‌سازی با Vue Router
• 73. تست یکپارچه‌سازی با Angular Router
• 74. شبیه‌سازی مسیرها و URL‌ها در تست‌ها
• 75. تست Navigation و Redirectها
• 76. آزمایش Protected Routes و Access Control
• 77. تست پارامترهای URL و Query String
• 78. تست Scroll Behavior در مسیریابی
• 79. تست لینک‌های داخلی و خارجی
• 80. اطمینان از رفتار صحیح History API
• 81. تعریف سناریوهای یکپارچه‌سازی پیچیده
• 82. تست جریان کار کاربر در چندین کامپوننت/صفحه
• 83. تست ارتباط بین کامپوننت‌های Micro-frontend
• 84. سناریوهای Authentication و Authorization
• 85. تست ارتباطات بین Service Worker و UI
• 86. تست کامپوننت‌های Drag-and-Drop
• 87. مدیریت داده‌های تست برای سناریوهای پیچیده
• 88. تست کامپوننت‌ها در حالت‌های مختلف Layout
• 89. تست Accessibility (A11y) در یکپارچه‌سازی کامپوننت‌ها (مقدماتی)
• 90. تست Error Boundaries و Fallbacks
• 91. سازماندهی و ساختاردهی تست‌های یکپارچه‌سازی
• 92. نوشتن تست‌های یکپارچه‌سازی قابل نگهداری
• 93. نام‌گذاری مناسب برای فایل‌ها و تست‌ها
• 94. گزارش‌گیری پیشرفته و معیارهای تست (Test Metrics)
• 95. پوشش کد (Code Coverage) برای تست‌های یکپارچه‌سازی
• 96. جلوگیری از Test Smells و Anti-Patterns
• 97. ادغام مداوم (Continuous Integration) برای تست‌های یکپارچه‌سازی
• 98. مقیاس‌پذیری سوئیت‌های تست یکپارچه‌سازی
• 99. روندهای آینده در تست‌های فرانت‌اند
• 100. خلاصه، نکات کلیدی و منابع بیشتر