کتاب صوتی راهنمای جامع تست فرانت‌اند با استفاده از ابزارهای پیشرو

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

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

عنوان دوره: دوره راهنمای جامع تست فرانت‌اند با استفاده از ابزارهای پیشرو

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

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

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

• 1. چرا تست‌نویسی در توسعه فرانت‌اند ضروری است؟
• 2. انواع تست: واحد، یکپارچه‌سازی، End-to-End، و رگرسیون بصری
• 3. هرم تست و کاربرد آن در پروژه‌های فرانت‌اند
• 4. اصول توسعه تست‌محور (TDD) در فرانت‌اند
• 5. اصول توسعه رفتارمحور (BDD) و کاربرد آن
• 6. مروری بر ابزارها و اکوسیستم تست فرانت‌اند
• 7. نصب و پیکربندی Node.js و NPM/Yarn
• 8. راه‌اندازی پروژه فرانت‌اند برای اضافه کردن تست‌ها
• 9. پیکربندی Babel/TypeScript برای اجرای تست‌ها
• 10. آشنایی با Jest: نصب و راه‌اندازی اولیه
• 11. آشنایی با Vitest: نصب و راه‌اندازی اولیه
• 12. انتخاب بین Jest و Vitest بر اساس نیاز پروژه
• 13. مفهوم تست واحد و اهمیت آن
• 14. ساختار یک فایل تست: Describe, It
• 15. نوشتن اولین تست واحد با Jest/Vitest
• 16. معرفی Assertion Libraries: Expect API
• 17. استفاده از Matcherها برای اعتبارسنجی مقادیر
• 18. تست توابع خالص (Pure Functions) و توابع کمکی
• 19. Mocking: مفهوم و کاربرد آن در تست واحد
• 20. Stubbing و Spying: تفاوت‌ها و موارد استفاده
• 21. اندازه‌گیری پوشش کد (Code Coverage)
• 22. Test Hooks: beforeEach, afterEach, beforeAll, afterAll
• 23. Mock کردن ماژول‌ها و وابستگی‌ها در Jest/Vitest
• 24. استفاده از Fake Timers برای توابع زمانی
• 25. تست کدهای Asynchronous (Promises, Async/Await)
• 26. Snapshot Testing: مزایا و معایب و موارد استفاده
• 27. Parallel Testing و Sharding برای تسریع اجرای تست‌ها
• 28. مفهوم تست کامپوننت و اهمیت آن
• 29. تفاوت تست واحد و تست کامپوننت در عمل
• 30. اصول طراحی کامپوننت‌های قابل تست و مجزا
• 31. معرفی React Testing Library (RTL) و فلسفه آن
• 32. معرفی Vue Test Utils (VTU) و فلسفه آن
• 33. انتخاب Selectorها در تست کامپوننت: اولویت‌بندی بر اساس دسترسی‌پذیری
• 34. نصب React Testing Library و Jest-DOM برای محیط React
• 35. رندر کردن کامپوننت‌ها و Context Providers
• 36. کوئری زدن المان‌ها: Role, Text, LabelText, TestId
• 37. تعامل با المان‌ها: fireEvent و user-event
• 38. تست رویدادها و مدیریت وضعیت داخلی (State)
• 39. تست کامپوننت‌های دارای Props و Context API
• 40. تست Custom Hooks در React
• 41. Mock کردن API calls با MSW در تست کامپوننت‌های React
• 42. تست روتینگ با React Router DOM در کامپوننت‌ها
• 43. نصب Vue Test Utils و Jest/Vitest برای محیط Vue
• 44. Mount کردن کامپوننت‌ها و تنظیمات گلوبال
• 45. کوئری زدن المان‌ها با find, get, text
• 46. شبیه‌سازی رویدادها با trigger و emulated user input
• 47. تست Computed Properties و Watcherها
• 48. تست Slotها و Parent/Child Communication
• 49. Mock کردن Vue Router در تست‌های کامپوننت
• 50. تست Vuex/Pinia Store در کامپوننت‌ها
• 51. مفهوم تست یکپارچه‌سازی و مرزهای آن
• 52. طراحی سناریوهای تست یکپارچه‌سازی کاربردی
• 53. تست تعامل بین چندین کامپوننت یا ماژول
• 54. استفاده از Mock Service Worker (MSW) برای شبیه‌سازی API در تست یکپارچه‌سازی
• 55. تست جریان‌های کاربری (User Flows) در مقیاس کوچک
• 56. مفهوم تست End-to-End و اهمیت آن در تضمین کیفیت
• 57. مزایا و معایب تست E2E در چرخه توسعه
• 58. انتخاب ابزار مناسب برای تست E2E (Cypress, Playwright)
• 59. پیکربندی محیط برای اجرای تست‌های E2E
• 60. نوشتن سناریوهای تست E2E از دیدگاه کاربر نهایی و Business Logic
• 61. نصب و راه‌اندازی Cypress در پروژه
• 62. ساختار Commandها، Chainability و Aliasها در Cypress
• 63. Selectorها در Cypress و بهترین رویه‌ها برای Robust Tests
• 64. تعامل با المان‌ها: click, type, visit, select, clear
• 65. Assertions در Cypress: Should, And, Expect
• 66. Mock کردن درخواست‌های شبکه با cy.intercept و شبیه‌سازی پاسخ‌ها
• 67. تست فرم‌ها، اعتبارسنجی و ارسال داده‌ها
• 68. تست Cross-Browser با Cypress: اجرای تست در مرورگرهای مختلف
• 69. Cypress Dashboard، ضبط ویدئو و اسکرین‌شات از تست‌ها
• 70. Component Testing در Cypress: تست کامپوننت‌ها در محیط E2E
• 71. نصب و راه‌اندازی Playwright
• 72. اصول کار با Page Object Model (POM) در Playwright
• 73. استفاده از Selectorها در Playwright و استراتژی‌های انتخاب
• 74. تست چند مرورگری (Chromium, Firefox, WebKit) و موبایل
• 75. تعامل با المان‌ها: click, fill, press, hover, check
• 76. Mock کردن درخواست‌های شبکه با route.fulfill و route.abort
• 77. تولید خودکار کد تست با Playwright Codegen
• 78. ضبط ویدئو و اسکرین‌شات از تست‌ها در Playwright
• 79. Tracing در Playwright برای دیباگینگ پیشرفته
• 80. Parallel Testing و Sharding برای تسریع اجرای تست‌های Playwright
• 81. تست رگرسیون بصری (Visual Regression Testing): مقدمه و نیاز به آن
• 82. ابزارهای Visual Regression: Percy, Chromatic, Storybook VRT
• 83. پیاده‌سازی تست‌های Visual Regression با Cypress/Playwright
• 84. مدیریت Baselineها، آستانه‌های تحمل و تشخیص تغییرات
• 85. تست پرفورمنس فرانت‌اند: مفاهیم Web Vitals (LCP, FID, CLS, INP)
• 86. استفاده از Lighthouse برای ممیزی پرفورمنس در CI
• 87. تست بارگذاری (Loading) و زمان تعامل (Time to Interactive)
• 88. تست قابلیت دسترسی (Accessibility Testing - a11y): اصول WCAG و اهمیت آن
• 89. ابزارهای Audit قابلیت دسترسی: axe-core (با Jest/Cypress), Lighthouse a11y
• 90. نوشتن تست‌های a11y برای کامپوننت‌ها و صفحات
• 91. سازماندهی فایل‌ها و ساختار پروژه‌های تست بزرگ
• 92. قراردادهای نام‌گذاری تست‌ها برای خوانایی بهتر
• 93. مدیریت داده‌های تست: Faker.js و Test Factories
• 94. Refactoring تست‌ها: نوشتن تست‌های تمیز (Clean Tests)
• 95. کاهش و مدیریت Flaky Tests
• 96. بهینه‌سازی سرعت اجرای تست‌ها (Caching, Parallelism)
• 97. تکنیک‌ها و ابزارهای دیباگ کردن تست‌ها
• 98. گزارش‌گیری جامع از نتایج تست (JUnit, HTML Reporters)
• 99. مانیتورینگ و داشبوردهای تست برای تحلیل و بهبود
• 100. ادغام تست‌ها در خطوط CI/CD و استراتژی‌های Continuous Testing