کتاب صوتی تکنیک‌های Test Integration for Multi-Component Scenarios

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

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

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

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

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

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

• 1. مقدمه بر تست نرم‌افزار و اهمیت آن
• 2. تفاوت تست واحد، یکپارچه‌سازی و End-to-End
• 3. چرا تست یکپارچه‌سازی (Integration Test) در فرانت‌اند حیاتی است؟
• 4. آشنایی با هرم تست (Testing Pyramid) و جایگاه تست یکپارچه‌سازی
• 5. معرفی سناریوهای چند کامپوننتی (Multi-Component)
• 6. معرفی ابزارهای کلیدی: Jest و Testing Library
• 7. راه‌اندازی محیط توسعه برای تست
• 8. پیکربندی Jest برای یک پروژه فرانت‌اند
• 9. نوشتن اولین تست یکپارچه‌سازی ساده
• 10. ساختار یک فایل تست: describe, it/test, expect
• 11. مروری بر مفاهیم پایه کامپوننت‌ها (Props, State, Events)
• 12. آشنایی با DOM مجازی (Virtual DOM) در تست
• 13. Querying Elements با Testing Library
• 14. استفاده از `getByRole`, `getByText`, `getByTestId`
• 15. معرفی انواع Matcherها در Jest
• 16. رندر کردن یک کامپوننت والد با کامپوننت‌های فرزند
• 17. تست تعامل بین کامپوننت والد و فرزند از طریق Props
• 18. شبیه‌سازی ارسال Props به کامپوننت‌های تو در تو (Nested)
• 19. تست تعامل از فرزند به والد از طریق Event Emitters
• 20. استفاده از `fireEvent` برای شبیه‌سازی رویدادهای کاربر
• 21. شبیه‌سازی کلیک، تایپ و دیگر تعاملات کاربر
• 22. تفاوت `fireEvent` و `user-event`
• 23. استفاده از `user-event` برای شبیه‌سازی تعاملات واقعی‌تر
• 24. تست سناریوهای شرطی (Conditional Rendering) بین کامپوننت‌ها
• 25. تست نمایش/عدم نمایش کامپوننت فرزند بر اساس state والد
• 26. تست کامپوننت‌هایی که از اسلات‌ها (Slots/Children) استفاده می‌کنند
• 27. مفهوم Mock کردن و کاربرد آن در تست یکپارچه‌سازی
• 28. Mock کردن کامپوننت‌های فرزند برای ایزوله‌سازی تست
• 29. چه زمانی یک کامپوننت را Mock کنیم و چه زمانی نکنیم؟
• 30. تکنیک‌های یافتن عناصر در سناریوهای پیچیده
• 31. تست یک لیست از کامپوننت‌ها (Rendering a List)
• 32. تست تعامل با یک آیتم خاص در لیست
• 33. مفهوم Scope در کوئری‌های Testing Library
• 34. چالش‌های تست کامپوننت‌های متصل به State Management
• 35. آشنایی با تست کامپوننت‌های وابسته به React Context API
• 36. ایجاد یک Provider سفارشی برای تست‌ها
• 37. تست تعامل دو کامپوننت از طریق یک Context مشترک
• 38. مقدمه‌ای بر تست با Redux
• 39. راه‌اندازی Redux Store برای محیط تست
• 40. تست کامپوننت‌های متصل به Redux (Connected Components)
• 41. شبیه‌سازی dispatch کردن اکشن‌ها در تست‌ها
• 42. تست تغییرات UI بر اساس تغییرات Redux Store
• 43. مقدمه‌ای بر تست با Vuex/Pinia
• 44. تست کامپوننت‌های متصل به Store در Vue
• 45. تست سناریو: افزودن آیتم به سبد خرید و آپدیت کامپوننت دیگر
• 46. تست سناریو: تغییر وضعیت لاگین و آپدیت UI سراسری
• 47. استراتژی‌های Mock کردن Store برای تست‌های پیچیده
• 48. مقدمه‌ای بر تست کدهای آسنکرون در جاوا اسکریپت
• 49. استفاده از `async/await` در تست‌ها
• 50. استفاده از `waitFor` و `findBy` در Testing Library
• 51. مفهوم Mock کردن API ها
• 52. معرفی کتابخانه Mock Service Worker (MSW)
• 53. راه‌اندازی MSW برای تست‌های یکپارچه‌سازی
• 54. نوشتن اولین تست با API Mock شده
• 55. تست سناریوی Loading State در چندین کامپوننت
• 56. تست سناریوی Success State و نمایش داده‌ها
• 57. تست سناریوی Error State و نمایش پیام خطا
• 58. تست تعاملات کاربر که منجر به فراخوانی API می‌شود
• 59. مدیریت چندین فراخوانی API در یک تست
• 60. جایگزین‌های MSW: Mock کردن مستقیم `fetch` یا `axios`
• 61. تست زمان‌بندی‌ها (Timers) با Jest: `setTimeout`, `setInterval`
• 62. چرا تست روتینگ یک تست یکپارچه‌سازی است؟
• 63. تست کامپوننت‌های وابسته به React Router
• 64. راه‌اندازی Router در محیط تست
• 65. تست سناریوی ناوبری (Navigation) با کلیک روی یک لینک
• 66. تست رندر شدن کامپوننت صحیح پس از تغییر URL
• 67. شبیه‌سازی تغییر URL به صورت برنامه‌نویسی (Programmatic Navigation)
• 68. تست پارامترهای مسیر (Route Parameters)
• 69. تست کوئری پارامترها (Query Parameters)
• 70. تست مسیرهای محافظت‌شده (Protected Routes)
• 71. Mock کردن وضعیت احراز هویت برای تست روتینگ
• 72. تست فرم‌های پیچیده شامل چندین کامپوننت
• 73. تست اعتبارسنجی (Validation) در سطح فرم
• 74. تست ارسال (Submission) فرم و تعاملات آسنکرون آن
• 75. تست کامپوننت‌های وابسته به Third-Party Libraries
• 76. استراتژی‌های Mock کردن کتابخانه‌های خارجی (مانند کتابخانه‌های چارت)
• 77. تست سناریوهای Drag and Drop بین کامپوننت‌ها
• 78. تست کامپوننت‌های وابسته به ابعاد پنجره (Window Dimensions)
• 79. تست سناریوهای چند زبانه (i18n)
• 80. بارگذاری فایل‌های ترجمه در تست‌ها
• 81. تست دسترسی‌پذیری (Accessibility - a11y) در سناریوهای یکپارچه
• 82. استفاده از `jest-axe` برای تست‌های a11y
• 83. تست پورتال‌ها و مودال‌ها (Portals and Modals)
• 84. تست تعامل با کامپوننت‌های خارج از ریشه اصلی اپلیکیشن
• 85. تست انیمیشن‌ها و ترنزیشن‌ها
• 86. استراتژی‌های مدیریت انیمیشن در تست
• 87. تست کامپوننت‌های مبتنی بر WebSockets
• 88. شبیه‌سازی رویدادهای WebSocket در تست‌ها
• 89. تست کامپوننت‌های Higher-Order (HOCs)
• 90. تست با الگوی Render Props
• 91. تست کامپوننت‌های تابعی با Hooks
• 92. مفهوم پوشش تست (Test Coverage)
• 93. تحلیل گزارش‌های Test Coverage
• 94. تنظیم حداقل پوشش تست برای پروژه
• 95. یکپارچه‌سازی تست‌ها در فرآیند CI/CD
• 96. نمونه کانفیگ CI/CD با GitHub Actions
• 97. اجرای تست‌ها قبل از هر Commit با Husky
• 98. نوشتن تست‌های خوانا و قابل نگهداری
• 99. الگوی Arrange-Act-Assert در تست‌های یکپارچه‌سازی
• 100. جلوگیری از تست‌های شکننده (Brittle Tests)