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

📚 کتاب آموزشی جامع

📚 اطلاعات کتاب

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

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

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

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

• 1. مقدمه‌ای بر تست نرم‌افزار و اهمیت آن
• 2. آشنایی با هرم تست: Unit, Integration, E2E
• 3. تمرکز بر تست یکپارچه‌سازی (Integration Test): چیستی و چرایی
• 4. تفاوت تست یکپارچه‌سازی با تست واحد و End-to-End
• 5. مفهوم "کامپوننت" و "سناریوی چند-کامپوننتی" در فرانت‌اند
• 6. آماده‌سازی محیط توسعه برای تست
• 7. معرفی ابزارهای کلیدی: Jest و Vitest
• 8. معرفی کتابخانه‌های کمکی: React Testing Library (RTL)
• 9. مقایسه Testing Library با Enzyme
• 10. آشنایی اولیه با ابزارهای E2E برای تست یکپارچه‌سازی: Cypress و Playwright
• 11. نصب و راه‌اندازی اولیه Jest با Create React App یا Vite
• 12. ساختار یک فایل تست ساده
• 13. اولین تست یکپارچه‌سازی شما: رندر کردن دو کامپوننت ساده
• 14. آشنایی با کوئری‌های اصلی در Testing Library
• 15. مفهوم Assertion و معرفی Matcher های پرکاربرد Jest
• 16. شناسایی نقاط یکپارچه‌سازی (Integration Points) بین کامپوننت‌ها
• 17. تست جریان داده از طریق Props از والد به فرزند
• 18. تست تعاملات فرزند و ارسال رویداد به والد (Callbacks)
• 19. شبیه‌سازی رویدادهای کاربر: کلیک، تایپ و... با `fireEvent`
• 20. معرفی و کاربرد `user-event` برای شبیه‌سازی واقعی‌تر تعاملات
• 21. مفهوم Mocking و Stubbing در تست
• 22. Mock کردن ماژول‌ها و وابستگی‌های خارجی با Jest
• 23. Mock کردن توابع و جاسوسی (Spying) بر روی آن‌ها
• 24. تست کامپوننت‌هایی که از API داده دریافت می‌کنند
• 25. استراتژی‌های Mock کردن درخواست‌های شبکه (Fetch/Axios)
• 26. رندر کردن کامپوننت‌ها در یک Provider خاص (Wrapper)
• 27. کار با کوئری‌های `getBy`, `findBy`, `queryBy` و تفاوت‌هایشان
• 28. مدیریت عملیات آسنکرون در تست‌ها با `async/await`
• 29. استفاده از `waitFor` برای انتظار جهت تغییرات در DOM
• 30. تست وضعیت‌های مختلف UI: Loading, Error, Success
• 31. تست جریان State بین کامپوننت‌های هم‌سطح (Sibling Components)
• 32. بررسی نقش و دسترسی‌پذیری (Accessibility) در تست‌ها
• 33. تست آپدیت شدن DOM بر اساس تغییر State داخلی
• 34. ایزوله کردن تست‌ها و جلوگیری از تداخل آن‌ها
• 35. اصول نوشتن تست‌های قابل نگهداری و خوانا
• 36. سناریوی عملی ۱: تست یک فرم ورود با کامپوننت‌های Input و Button
• 37. اعتبارسنجی فرم و نمایش پیام‌های خطا
• 38. سناریوی عملی ۲: تست یک لیست و قابلیت افزودن آیتم جدید
• 39. تست تعامل با آیتم‌های لیست (حذف یا ویرایش)
• 40. سناریوی عملی ۳: تست باز و بسته شدن یک Modal یا Dialog
• 41. تست ارسال داده از درون Modal به کامپوننت والد
• 42. سناریوی عملی ۴: تست تب‌ها (Tabs) و نمایش محتوای مرتبط
• 43. تست یک کامپوننت Dropdown که با یک کامپوننت دیگر تعامل دارد
• 44. تست فیلتر کردن یک لیست داده بر اساس ورودی کاربر
• 45. تست سناریوی جستجو و نمایش نتایج
• 46. تست کامپوننت‌های والد که منطق رندر شرطی فرزندان را کنترل می‌کنند
• 47. تست یک سناریوی Master-Detail (انتخاب آیتم و نمایش جزئیات)
• 48. تست کامپوننت‌های HOC (Higher-Order Components)
• 49. تست کامپوننت‌هایی که از Render Props استفاده می‌کنند
• 50. بازبینی و ریفکتورینگ تست‌های سناریوهای ساده
• 51. مقدمه‌ای بر تست با کتابخانه‌های مدیریت وضعیت (State Management)
• 52. تست کامپوننت‌های متصل به Redux: تنظیم Store برای تست
• 53. شبیه‌سازی Dispatch کردن اکشن‌ها و بررسی تغییرات State
• 54. تست کامپوننت‌هایی که از Selector های Redux استفاده می‌کنند
• 55. تست یکپارچه‌سازی با Zustand یا کتابخانه‌های مشابه
• 56. تست کامپوننت‌های مصرف‌کننده React Context API
• 57. ارائه یک Context سفارشی در محیط تست
• 58. تست مسیریابی (Routing) با React Router
• 59. شبیه‌سازی ناوبری کاربر بین صفحات مختلف
• 60. تست کامپوننت‌هایی که به پارامترهای URL وابسته هستند
• 61. تست رندرهای شرطی بر اساس مسیر فعلی (Route)
• 62. تست Lazy Loading کامپوننت‌ها و صفحات
• 63. سناریوی پیچیده: فرآیند خرید چند مرحله‌ای
• 64. تست کامپوننت‌های third-party و کتابخانه‌های UI
• 65. استراتژی‌های تست کامپوننت‌های غیرقابل کنترل (Uncontrolled Components)
• 66. تست سناریوهای Drag and Drop بین دو کامپوننت
• 67. تست کامپوننت‌هایی با انیمیشن و Transition
• 68. تست نمودارها و کامپوننت‌های بصری‌سازی داده
• 69. تست کامپوننت‌هایی که از WebSockets استفاده می‌کنند
• 70. تست یکپارچه‌سازی در Micro-Frontends
• 71. معرفی Mock Service Worker (MSW) برای Mock کردن API در سطح شبکه
• 72. راه‌اندازی MSW برای محیط تست Node.js
• 73. نوشتن کنترل‌کننده‌های درخواست (Request Handlers) در MSW
• 74. مدیریت وضعیت‌های مختلف پاسخ API (موفقیت، خطا، تاخیر)
• 75. استفاده از Cypress برای تست یکپارچه‌سازی کامپوننت‌ها
• 76. مقایسه رویکرد Cypress با React Testing Library
• 77. تست رگرسیون بصری (Visual Regression Testing) با Storybook و ابزارهای دیگر
• 78. اصول و پیاده‌سازی تست دسترس‌پذیری (a11y) با `jest-axe`
• 79. کار با تایمرهای جعلی (Fake Timers) در Jest برای کنترل `setTimeout`
• 80. تولید داده‌های تست ساختگی با کتابخانه‌هایی مانند Faker.js
• 81. مفهوم Test Data Factories و پیاده‌سازی آن
• 82. پیکربندی پیشرفته Jest: `moduleNameMapper` و `setupFilesAfterEnv`
• 83. بهینه‌سازی اجرای تست‌ها به صورت موازی
• 84. اشکال‌زدایی (Debugging) تست‌های یکپارچه‌سازی در VS Code
• 85. تحلیل گزارش پوشش کد (Code Coverage) و درک معنای آن
• 86. تعیین مرز دقیق بین تست واحد، یکپارچه‌سازی و E2E در پروژه
• 87. الگوی Arrange-Act-Assert (AAA) در عمل
• 88. نام‌گذاری تست‌ها: رویکرد "رفتار-محور" (Behavior-Driven)
• 89. ساختاربندی فایل‌های تست در پروژه‌های بزرگ
• 90. چگونه از تست‌های شکننده (Flaky Tests) جلوگیری کنیم؟
• 91. استراتژی‌های ریفکتورینگ کد تست همگام با کد اصلی
• 92. ادغام تست‌های یکپارچه‌سازی در پایپ‌لاین CI/CD
• 93. اجرای تست‌ها با GitHub Actions یا GitLab CI
• 94. گزارش‌دهی نتایج تست در محیط CI
• 95. تست بر روی مرورگرهای مختلف (Cross-Browser Testing)
• 96. ملاحظات عملکردی در نوشتن و اجرای تست‌های یکپارچه‌سازی
• 97. رایج‌ترین اشتباهات در تست یکپارچه‌سازی فرانت‌اند
• 98. مستندسازی تست‌ها و سناریوهای پیچیده
• 99. نقش تست در فرآیند Code Review
• 100. آینده تست یکپارچه‌سازی فرانت‌اند و روندهای نوظهور