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

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

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

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

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

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

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

• 1. مقدمه: چرا و چگونه تست فرانت‌اند
• 2. مفاهیم پایه تست نرم‌افزار
• 3. چرخه عمر توسعه نرم‌افزار و نقش تست در آن
• 4. انواع تست: Unit, Integration, E2E و غیره
• 5. هرم تست و کاربرد آن در فرانت‌اند
• 6. مقدمه‌ای بر Test Driven Development (TDD)
• 7. مقدمه‌ای بر Behavior Driven Development (BDD)
• 8. مفاهیم کلیدی تست: Assertion, Fixture, Mock, Stub, Spy
• 9. چالش‌های منحصربه‌فرد تست فرانت‌اند
• 10. ابزارهای تست اکوسیستم جاوااسکریپت
• 11. راه‌اندازی محیط توسعه برای تست (NPM, Yarn, Vite, Webpack)
• 12. مقدمه‌ای بر Unit Testing
• 13. انتخاب Test Runner: Jest در مقابل Vitest در مقابل Mocha
• 14. نصب و پیکربندی Jest برای پروژه‌های جاوااسکریپت/تایپ‌اسکریپت
• 15. نوشتن اولین تست با Jest: `expect` و Matchers
• 16. گروه‌بندی تست‌ها با `describe`
• 17. مدیریت Setup و Teardown با `beforeEach`, `afterEach`, `beforeAll`, `afterAll`
• 18. Mock کردن توابع با `jest.fn()`
• 19. Mock کردن ماژول‌ها و Dependencies
• 20. Spy کردن توابع با `jest.spyOn()`
• 21. تست کدهای Asynchronous (Promises, Async/Await) در Jest
• 22. Snapshot Testing با Jest: کاربردها و محدودیت‌ها
• 23. بهترین روش‌ها برای Unit Testing توابع جاوااسکریپت
• 24. مقدمه‌ای بر Vitest: مزایا و تفاوت‌ها با Jest
• 25. نصب و پیکربندی Vitest
• 26. نوشتن تست‌های پایه با Vitest: API مشابه Jest
• 27. Mocking و Spying در Vitest
• 28. Snapshot Testing در Vitest
• 29. مقدمه‌ای بر Component Testing
• 30. چرا باید کامپوننت‌ها را تست کنیم؟
• 31. فلسفه و اصول React Testing Library
• 32. نصب و پیکربندی React Testing Library با Jest/Vitest
• 33. کوئری‌کردن عناصر DOM در RTL (getBy, queryBy, findBy)
• 34. تعامل با عناصر (Click, Type) با `fireEvent` و `user-event`
• 35. تست Props و State در کامپوننت‌های React
• 36. تست Event Handlers در کامپوننت‌ها
• 37. Mock کردن فراخوانی‌های API در تست‌های کامپوننت
• 38. تست Custom Hooks و Context در React
• 39. Advanced Querying: Testing Library Custom Queries
• 40. Snapshot Testing کامپوننت‌ها (چه زمانی استفاده کنیم؟)
• 41. بهترین روش‌ها برای تست کامپوننت‌های React
• 42. مقدمه‌ای بر Vue Test Utils برای Vue.js
• 43. نصب و راه‌اندازی Vue Test Utils با Vitest/Jest
• 44. Mount کردن و تعامل با کامپوننت‌های Vue
• 45. تست Vuex/Pinia Stores در کامپوننت‌های Vue
• 46. مقدمه‌ای بر تست Angular با TestBed
• 47. راه‌اندازی محیط تست Angular
• 48. تست کامپوننت‌ها و سرویس‌های Angular
• 49. Mock کردن Dependencies در تست‌های Angular
• 50. اشتباهات رایج در Component Testing و راه‌حل‌ها
• 51. مقدمه‌ای بر Frontend Integration Testing
• 52. استراتژی‌های Integration Testing در فرانت‌اند
• 53. تست تعامل بین چندین کامپوننت React/Vue/Angular
• 54. تست کتابخانه‌های کامپوننت و Design Systems
• 55. تست تعامل Redux/Vuex/NGRX با کامپوننت‌ها
• 56. Mock کردن Backend APIs برای Integration Tests
• 57. استفاده از Mock Service Worker (MSW) برای Mocking Network Requests
• 58. مقدمه‌ای بر End-to-End (E2E) Testing
• 59. اهمیت E2E Testing برای برنامه‌های فرانت‌اند
• 60. انتخاب E2E Testing Framework: Cypress در مقابل Playwright
• 61. نصب و پیکربندی Cypress
• 62. نوشتن اولین تست Cypress: بازدید از صفحات و Assertions
• 63. انتخاب‌گرهای Cypress: بهترین روش‌ها
• 64. تعامل با عناصر در Cypress (`cy.get`, `cy.click`, `cy.type`)
• 65. Assertions در Cypress (`should`, `and`)
• 66. مدیریت عملیات Asynchronous و انتظار در Cypress
• 67. استفاده از Cypress Fixtures برای داده‌های تست
• 68. دستورات سفارشی Cypress (Custom Commands)
• 69. Mock کردن درخواست‌های شبکه با `cy.intercept`
• 70. استراتژی‌های E2E Testing: Page Object Model
• 71. اجرای تست‌های Cypress در Headless Mode
• 72. ادغام Cypress با CI/CD
• 73. مقدمه‌ای بر Playwright: مزایا و تفاوت‌ها با Cypress
• 74. نصب و پیکربندی Playwright برای E2E Testing
• 75. انتخاب‌گرها و تعاملات در Playwright
• 76. تست با مرورگرهای مختلف و دستگاه‌های موبایل در Playwright
• 77. Mock کردن شبکه در Playwright
• 78. تولید تست با Playwright Codegen
• 79. بهترین روش‌ها برای E2E Testing با Playwright
• 80. مقایسه Cypress و Playwright: مزایا و معایب
• 81. چالش‌های رایج در E2E Testing و راهکارها
• 82. تست دسترس‌پذیری (A11y) با ابزارهایی مانند `jest-axe` و `cypress-axe`
• 83. مقدمه‌ای بر تست عملکرد (Performance Testing) در فرانت‌اند
• 84. ابزارهای تست عملکرد (Lighthouse, WebPageTest)
• 85. مقدمه‌ای بر Visual Regression Testing
• 86. ابزارهای Visual Regression Testing (Storybook, Percy, Chromatic)
• 87. استفاده از Storybook برای مستندسازی و تست کامپوننت‌ها
• 88. ادغام Storybook با ابزارهای Visual Regression
• 89. استراتژی‌های Cross-Browser Testing
• 90. تست Localization (L10n) و Internationalization (I18n)
• 91. مقدمات تست امنیت در فرانت‌اند (XSS, CSRF)
• 92. مقدمه‌ای بر Mutation Testing برای جاوااسکریپت
• 93. ابزارهای گزارش‌دهی پوشش کد (Istanbul, Vitest UI)
• 94. استفاده از ESLint و Prettier برای بهبود کیفیت کد
• 95. ادغام تست‌ها در خطوط CI/CD (GitHub Actions, GitLab CI)
• 96. تکنیک‌های پیشرفته Mocking با MSW (Mock Service Worker)
• 97. تست کتابخانه‌های مدیریت State (Zustand, Jotai, XState)
• 98. تست Web Workers و Service Workers
• 99. تست برنامه‌های Real-time (مانند WebSockets)
• 100. اشکال‌زدایی موثر تست‌های فرانت‌اند