فلش‌کارت‌های آموزشی اصول ارگونومی در نوشتن تست‌های فرانت‌اند

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

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

عنوان دوره: دوره اصول ارگونومی در نوشتن تست‌های فرانت‌اند

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

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

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

• 1. مقدمه‌ای بر تست فرانت‌اند: چرا تست کردن اهمیت دارد؟
• 2. مفاهیم پایه تست: واحد، یکپارچه‌سازی، و سرتاسری (E2E)
• 3. آشنایی با اصول ارگونومی در نوشتن تست‌ها
• 4. معیارهای یک تست فرانت‌اند ارگونومیک و کارآمد
• 5. نقش هرم تست و جایزه تست در استراتژی‌های مدرن
• 6. آشنایی با ابزارهای پایه تست: فریم‌ورک‌ها و کتابخانه‌های ادعا
• 7. مفاهیم Mock، Stub، Spy و کاربرد آن‌ها
• 8. تنظیم محیط توسعه برای تست‌های فرانت‌اند
• 9. چرخه بازخورد سریع: کلید بهره‌وری در تست‌نویسی
• 10. خوانایی کد تست: اهمیت نام‌گذاری واضح و ساختار کد
• 11. بهبود نگهداری تست‌ها: کاهش سربار و پیچیدگی
• 12. اصل DRY در مقابل DAMP در طراحی تست‌های ارگونومیک
• 13. کاهش Flakiness (ناپایداری) تست‌ها: استراتژی‌ها و تکنیک‌ها
• 14. بهینه‌سازی سرعت اجرای تست‌ها برای بازخورد فوری
• 15. سهولت Setup و Teardown در تست‌ها
• 16. الگوی Given-When-Then برای وضوح و ساختار تست
• 17. جداسازی نگرانی‌ها در تست‌نویسی: هر تست برای یک چیز
• 18. Refactoring تست‌ها: بهبود مداوم ارگونومی تست‌ها
• 19. انتخاب سلکتورهای پایدار و معنادار برای تست‌های UI
• 20. مدیریت داده‌های تست: ایجاد و استفاده از داده‌های تمیز
• 21. تست واحد (Unit Testing): تعریف "واحد" در فرانت‌اند
• 22. آشنایی با React Testing Library، Vue Test Utils و Angular Testing Utilities
• 23. تست توابع خالص و هوک‌های سفارشی
• 24. تست کامپوننت‌های UI در ایزوله‌ترین حالت ممکن
• 25. شبیه‌سازی تعاملات کاربر: کلیک، تایپ، تغییرات فرم
• 26. Mock کردن درخواست‌های API در تست واحد
• 27. Mock کردن کتابخانه‌ها و سرویس‌های جانبی
• 28. تست State داخلی و Props کامپوننت‌ها
• 29. تست چرخه حیات (Lifecycle) کامپوننت‌ها
• 30. تست رویدادهای سفارشی و شنوندگان آن‌ها
• 31. تست فرم‌ها و فرآیندهای اعتبارسنجی ورودی
• 32. مدیریت Context API و Global State در تست واحد
• 33. تست HOC (High-Order Components) و Render Props
• 34. تست Utility Functions و Helpers
• 35. بهبود پیام‌های خطای تست برای عیب‌یابی سریع‌تر
• 36. استفاده از Data-test attributes برای سلکتورهای مقاوم
• 37. جداسازی منطق از نمایش در طراحی کامپوننت‌های تست‌پذیر
• 38. استراتژی‌های پیشرفته Mocking برای سناریوهای پیچیده
• 39. تست کامپوننت‌های با ورودی‌های چندگانه
• 40. تست‌های جامع برای کامپوننت‌های UI پیچیده
• 41. تست یکپارچه‌سازی (Integration Testing): تعریف و اهداف
• 42. تست تعاملات بین کامپوننت‌های مختلف
• 43. تست یکپارچه‌سازی درخت کامپوننت‌ها (Component Trees)
• 44. تست هوک‌های سفارشی در ترکیب با Context
• 45. تست مسیریابی (Routing) و ناوبری (Navigation) برنامه
• 46. Mock کردن API در سطح یکپارچه‌سازی برای تست جریان داده
• 47. شبیه‌سازی جریان‌های کاربری (User Flows) در سطح یکپارچه‌سازی
• 48. تنظیمات ارگونومیک برای تست‌های یکپارچه‌سازی (Providers, Contexts)
• 49. ملاحظات دسترسی‌پذیری (Accessibility) در تست یکپارچه‌سازی
• 50. ملاحظات عملکرد (Performance) در تست یکپارچه‌سازی
• 51. تست مدیریت وضعیت سراسری (Global State Management)
• 52. تست تعامل کامپوننت‌های Third-Party با یکدیگر
• 53. تست صفحات کامل برنامه (بدون نیاز به مرورگر واقعی)
• 54. تست Error Boundaries و مدیریت خطا در سطح یکپارچه‌سازی
• 55. تست تعامل با Local Storage و Session Storage
• 56. تست Query Parameters و دستکاری URL
• 57. تست تم‌ها و استایل‌های پویا و تعاملی
• 58. بهینه‌سازی محیط تست برای اجرای سریع‌تر تست‌های یکپارچه‌سازی
• 59. مدیریت داده‌های تست پیچیده برای تست‌های یکپارچه‌سازی
• 60. تست کامپوننت‌های Grid و Layout
• 61. تست سرتاسری (End-to-End Testing): زمان و دلیل استفاده
• 62. انتخاب فریم‌ورک‌های E2E: Cypress، Playwright، Selenium
• 63. تنظیم و پیکربندی محیط تست E2E
• 64. نوشتن تست برای مسیرهای کاربری کامل (User Journeys)
• 65. الگوی Page Object Model (POM) برای ارگونومی در E2E
• 66. مدیریت عملیات ناهمگام (Asynchronous Operations) و Wait ها
• 67. Mock کردن درخواست‌های شبکه در E2E (مانند Cypress Intercept)
• 68. تست جریان‌های احراز هویت (Authentication) و مجوز (Authorization)
• 69. مقدمه‌ای بر تست رگرسیون بصری (Visual Regression Testing)
• 70. ملاحظات تست بین مرورگری (Cross-Browser Testing) در E2E
• 71. عیب‌یابی (Debugging) تست‌های E2E به صورت ارگونومیک
• 72. تنظیم و پاکسازی داده‌ها (Data Setup/Teardown) برای E2E
• 73. اجرای تست‌های E2E در Pipeline های CI/CD
• 74. تست واکنش‌گرایی (Responsiveness) و Mobile-First
• 75. تست آپلود و دانلود فایل‌ها
• 76. تست عملیات Drag and Drop
• 77. تست قابلیت‌های خاص مرورگر (Geolocation, Notifications)
• 78. تست Web Sockets و ارتباطات بلادرنگ
• 79. طراحی سناریوهای پیچیده E2E (مانند سبد خرید، فرآیند پرداخت)
• 80. استراتژی‌های کاهش زمان اجرای تست‌های E2E
• 81. معیارهای پوشش کد (Test Coverage) و ابزارهای آن (Jest, Istanbul)
• 82. ابزارهای کیفیت کد برای تست‌ها (ESLint Plugins, Prettier)
• 83. یکپارچه‌سازی مداوم (Continuous Integration - CI) تست‌های فرانت‌اند
• 84. تست دسترسی‌پذیری (Accessibility Testing) با ابزارهایی مانند Axe-core
• 85. مقدمه‌ای بر تست عملکرد (Performance Testing) در فرانت‌اند
• 86. تست Snapshot: زمان و نحوه استفاده ارگونومیک از آن
• 87. تست انیمیشن‌ها و ترنزیشن‌های پیچیده UI
• 88. تست Error Boundaries و مدیریت حالات لبه (Edge Cases)
• 89. مقدمه‌ای بر Property-based Testing و کاربرد آن
• 90. استراتژی‌های تست‌پذیری کد قدیمی (Legacy Code)
• 91. بازسازی تست‌های موجود برای ارتقاء ارگونومی و خوانایی
• 92. طراحی معماری تست‌پذیر (Testable Architecture)
• 93. مستندسازی تست‌ها و اهمیت آن در همکاری تیمی
• 94. روندهای آینده در تست فرانت‌اند و ابزارهای نوین
• 95. مطالعات موردی از بهترین روش‌های ارگونومیک تست در پروژه‌های واقعی
• 96. اندازه‌گیری بازگشت سرمایه (ROI) تست‌های ارگونومیک
• 97. ایجاد و ترویج فرهنگ تست‌پذیری در تیم‌های توسعه
• 98. مرور کلی ابزارها، فریم‌ورک‌ها و اکوسیستم تست فرانت‌اند
• 99. بهترین روش‌ها و چک‌لیست نهایی برای تست‌های ارگونومیک
• 100. گام‌های بعدی برای بهبود مستمر در نوشتن تست‌های فرانت‌اند