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

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

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

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

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

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

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

• 1. مقدمه‌ای بر تست فرانت‌اند: چرا و چگونه؟
• 2. اهمیت تست در چرخه عمر توسعه نرم‌افزار
• 3. انواع تست‌های فرانت‌اند: یک مرور کلی
• 4. هرم تست (Test Pyramid) و کاربرد آن در فرانت‌اند
• 5. مفاهیم TDD (Test-Driven Development) در فرانت‌اند
• 6. مفاهیم BDD (Behavior-Driven Development) در فرانت‌اند
• 7. نقش کیفیت کد در تست‌پذیری
• 8. تنظیم محیط توسعه: Node.js, npm/yarn
• 9. انتخاب فریمورک تست: Jest در مقابل Vitest
• 10. نصب و پیکربندی Jest برای پروژه‌های React/Vue
• 11. نصب و پیکربندی Vitest برای پروژه‌های React/Vue
• 12. مبانی تست واحد (Unit Testing): ایزولاسیون و تمرکز
• 13. نوشتن اولین تست واحد با Jest/Vitest
• 14. ساختار تست با `describe` و `it`/`test`
• 15. استفاده از Matcherها برای اعتبارسنجی مقادیر
• 16. تست توابع Pure و Utility
• 17. تست آرایه‌ها و اشیاء با Matcherهای پیشرفته
• 18. مدیریت وضعیت (Setup/Teardown) با `beforeEach`/`afterEach`
• 19. Mocking توابع: `jest.fn()` و کاربردهای آن
• 20. Spying بر توابع: `jest.spyOn()`
• 21. Mocking ماژول‌ها و وابستگی‌ها
• 22. Mocking ES Modules
• 23. تست توابع ناهمگام (Async) با `async/await`
• 24. تست درخواست‌های HTTP با Mocking
• 25. تست خطاهای مورد انتظار (Error Testing)
• 26. پوشش‌دهی کد (Code Coverage) و اهمیت آن
• 27. React Testing Library: فلسفه و مبانی
• 28. نصب و پیکربندی React Testing Library
• 29. رندر کردن کامپوننت‌ها با `render`
• 30. کوئری زدن به DOM با `screen` (getBy, findBy, queryBy)
• 31. اولویت‌بندی کوئری‌ها در React Testing Library
• 32. شبیه‌سازی رویدادهای کاربر با `fireEvent`
• 33. تست فرم‌ها و ورودی‌های کاربر
• 34. تست کامپوننت‌های دارای State محلی
• 35. تست کامپوننت‌های دارای Context API
• 36. تست Hooks سفارشی (Custom Hooks)
• 37. تست کامپوننت‌های با کتابخانه‌های UI (مثل Material UI)
• 38. Vue Test Utils: فلسفه و مبانی
• 39. نصب و پیکربندی Vue Test Utils
• 40. Mount کردن کامپوننت‌ها با `mount`
• 41. پیدا کردن عناصر در Vue Test Utils (Selectors)
• 42. شبیه‌سازی رویدادها در Vue Test Utils
• 43. تست Composables در Vue 3
• 44. تست Vuex Store/Pinia Store
• 45. تست کامپوننت‌های اسلات‌دار (Slots) در Vue
• 46. تست یکپارچه‌سازی (Integration Testing) در فرانت‌اند
• 47. تفاوت تست واحد و تست یکپارچه‌سازی UI
• 48. استراتژی‌های تست یکپارچه‌سازی
• 49. تست جریان‌های کوچک کاربر با Mocking API
• 50. تست تعامل بین دو کامپوننت مرتبط
• 51. معرفی Cypress: یک ابزار تست E2E پیشرو
• 52. نصب و راه‌اندازی Cypress
• 53. ساختار تست‌های Cypress: `cy.visit`, `cy.get`
• 54. Selectorها در Cypress: بهترین روش‌ها
• 55. تعامل با عناصر UI با Commands (click, type, clear)
• 56. Assertions در Cypress: `should`, `expect`
• 57. Mocking درخواست‌های شبکه با `cy.intercept`
• 58. استفاده از Fixtures برای داده‌های تستی در Cypress
• 59. Custom Commands در Cypress برای DRY کردن کد
• 60. تست سناریوهای لاگین و احراز هویت
• 61. Playwright: معرفی و مزایای آن
• 62. نصب و پیکربندی Playwright
• 63. Page Object Model (POM) در Playwright
• 64. استفاده از Locators در Playwright
• 65. تعامل با عناصر با Actions (click, fill, press)
• 66. Assertions در Playwright: `expect`
• 67. Mocking درخواست‌های شبکه با `page.route` در Playwright
• 68. مدیریت وضعیت مرورگر (Context, Storage)
• 69. تست سناریوهای چند-مرورگر و ریسپانسیو با Playwright
• 70. Cypress Component Testing: مبانی و کاربرد
• 71. Playwright Component Testing: مبانی و کاربرد
• 72. Storybook برای توسعه و تست کامپوننت‌ها
• 73. یکپارچه‌سازی Storybook با Cypress Component Testing
• 74. تست رگرسیون بصری (Visual Regression Testing)
• 75. ابزارهای VRT: Percy, Chromatic, Playwright Snapshots
• 76. تست دسترسی‌پذیری (Accessibility Testing) با `axe-core`
• 77. یکپارچه‌سازی `cypress-axe` برای تست A11y
• 78. تست عملکرد (Performance Testing) در فرانت‌اند
• 79. استفاده از Lighthouse برای بررسی عملکرد وب
• 80. معیارهای Core Web Vitals و بهینه‌سازی
• 81. تست بارگذاری (Load Testing) و ابزارهای آن
• 82. تست امنیتی پایه: XSS و CSRF
• 83. تست Cross-Browser و Cross-Device با BrowserStack/LambdaTest
• 84. مدیریت داده‌های تست (Test Data Management)
• 85. استراتژی‌های تست: از ابتدا تا استقرار
• 86. Report دهی و تحلیل نتایج تست (Allure, HTML Reporters)
• 87. یکپارچه‌سازی تست‌ها با CI/CD (GitHub Actions, GitLab CI)
• 88. پیکربندی CI/CD برای Cypress
• 89. پیکربندی CI/CD برای Playwright
• 90. تست‌های Flaky: علت‌ها و راهکارهای مقابله
• 91. بهینه‌سازی سرعت اجرای تست‌ها
• 92. انتخاب ابزار مناسب برای هر نوع تست
• 93. تست Micro-Frontends: چالش‌ها و راهکارها
• 94. تست GraphQL API در فرانت‌اند
• 95. تست Server Components در فریمورک‌های مدرن (Next.js)
• 96. کاربرد هوش مصنوعی (AI) در تولید و نگهداری تست
• 97. Observability و Monitoring برای تست‌های خودکار
• 98. آینده تست فرانت‌اند و روندهای جدید
• 99. بازنگری و نگهداری تست‌ها در بلندمدت
• 100. جمع‌بندی: تبدیل شدن به یک متخصص تست فرانت‌اند