دوره راهنمای جامع تست فرانت‌اند با رویکرد نوآورانه همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان کتاب: کتاب راهنمای جامع تست فرانت‌اند با رویکرد نوآورانه

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

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

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

• 1. چرا تست فرانت‌اند اهمیت دارد؟
• 2. تست فرانت‌اند چیست؟ اهداف و مزایا
• 3. هرم تست (Testing Pyramid) در فرانت‌اند
• 4. انواع تست‌ها: واحد (Unit)، یکپارچه‌سازی (Integration) و سرتاسری (End-to-End)
• 5. آشنایی با تست رگرسیون (Regression) و تست دود (Smoke)
• 6. تفاوت TDD (Test-Driven Development) و BDD (Behavior-Driven Development)
• 7. ذهنیت یک تستر فرانت‌اند: چگونه مانند یک کاربر فکر کنیم
• 8. آماده‌سازی محیط توسعه برای تست‌نویسی
• 9. معرفی ابزارهای کلیدی: Jest, React Testing Library, Cypress, Storybook
• 10. مفاهیم پایه: Assertion, Mock, Stub, Spy
• 11. چه چیزی را تست کنیم و چه چیزی را تست نکنیم
• 12. نوشتن اولین تست: یک مثال ساده و کاربردی
• 13. مقدمه‌ای بر Jest: شروع کار با محبوب‌ترین فریمورک تست جاوااسکریپت
• 14. راه‌اندازی Jest در یک پروژه جدید
• 15. ساختار یک تست در Jest: `describe`, `it`, `test`
• 16. آشنایی با Matcherها و انواع Assertionها در Jest
• 17. تست کدهای آسنکرون: Promises و async/await
• 18. مدیریت Setup و Teardown با `beforeEach`, `afterEach`, `beforeAll`, `afterAll`
• 19. مقدمه‌ای بر Mocking: چرا و چگونه وابستگی‌ها را ایزوله کنیم
• 20. شبیه‌سازی توابع (Mocking Functions) با `jest.fn()`
• 21. شبیه‌سازی ماژول‌ها (Mocking Modules) با `jest.mock()`
• 22. استفاده از Spies برای ردیابی فراخوانی توابع با `jest.spyOn()`
• 23. تست توابع خالص (Pure Functions)
• 24. شبیه‌سازی تایمرها با `jest.useFakeTimers()`
• 25. تست Snapshot: ثبت و مقایسه خروجی کامپوننت‌ها
• 26. مدیریت و به‌روزرسانی Snapshotها
• 27. تست مدیریت خطا و Exception‌ها
• 28. مفهوم پوشش کد (Code Coverage) و اهمیت آن
• 29. تولید گزارش پوشش کد با Jest
• 30. بهترین شیوه‌ها (Best Practices) در نوشتن تست‌های واحد
• 31. دیباگ کردن تست‌های واحد در Jest
• 32. فلسفه React Testing Library (RTL): تست رفتار، نه جزئیات پیاده‌سازی
• 33. نصب و راه‌اندازی RTL به همراه Jest
• 34. رندر کردن کامپوننت‌ها با تابع `render`
• 35. آشنایی با انواع کوئری‌ها در RTL: `getBy`, `findBy`, `queryBy`
• 36. اولویت‌بندی کوئری‌ها برای نوشتن تست‌های بهتر
• 37. تفاوت `fireEvent` و `user-event`: شبیه‌سازی واقعی‌تر تعاملات کاربر
• 38. کار با `user-event` برای شبیه‌سازی کلیک، تایپ و...
• 39. تست فرم‌ها و اعتبارسنجی ورودی‌ها
• 40. مقدمه‌ای بر Mock Service Worker (MSW) برای شبیه‌سازی API
• 41. راه‌اندازی MSW در محیط تست
• 42. نوشتن تست‌های یکپارچه‌سازی برای کامپوننت‌های نیازمند به API
• 43. تست هوک‌های سفارشی (Custom Hooks)
• 44. تست Context API و Providerها
• 45. تست مسیریابی (Routing) با React Router
• 46. الگوهای پیشرفته در RTL
• 47. مقدمه‌ای بر تست End-to-End (E2E) و جایگاه آن
• 48. چرا Cypress؟ مقایسه با ابزارهای دیگر مانند Selenium
• 49. نصب و راه‌اندازی Cypress
• 50. آشنایی با رابط کاربری Cypress Test Runner
• 51. نوشتن اولین تست E2E با Cypress
• 52. بهترین روش‌ها برای انتخاب المان‌ها (Selectors) و استفاده از `data-testid`
• 53. دستورات (Commands) و Assertionها در Cypress
• 54. تعامل با المان‌های صفحه: کلیک، تایپ، اسکرول
• 55. مدیریت زمان و کدهای آسنکرون در Cypress
• 56. کار با Fixtures برای مدیریت داده‌های تست
• 57. نوشتن دستورات سفارشی (Custom Commands)
• 58. رهگیری درخواست‌های شبکه با `cy.intercept`
• 59. تست سناریوهای مختلف API در تست‌های E2E
• 60. الگوی Page Object Model (POM) برای سازماندهی تست‌ها
• 61. استفاده از متغیرهای محیطی (Environment Variables) در Cypress
• 62. دیباگ کردن تست‌های E2E با ابزارهای Cypress
• 63. اجرای تست‌های Cypress در حالت Headless
• 64. بهترین شیوه‌ها برای نوشتن تست‌های E2E پایدار و قابل نگهداری
• 65. مقدمه‌ای بر تست رگرسیون بصری (Visual Regression Testing)
• 66. ابزارهای تست بصری: Percy, Applitools, Chromatic
• 67. پیاده‌سازی تست بصری با Storybook و Chromatic
• 68. توسعه مبتنی بر کامپوننت (Component-Driven Development) با Storybook
• 69. نوشتن Stories برای نمایش حالت‌های مختلف یک کامپوننت
• 70. تست تعاملات در Storybook با `play` function
• 71. اتوماسیون تست‌های Storybook
• 72. مقدمه‌ای بر تست عملکرد (Performance Testing) در فرانت‌اند
• 73. معرفی معیارهای کلیدی Core Web Vitals (LCP, FID, CLS)
• 74. استفاده از Lighthouse برای تحلیل عملکرد
• 75. اتوماسیون تست عملکرد با Lighthouse CI
• 76. اهمیت تست دسترس‌پذیری (Accessibility - a11y)
• 77. تست دسترس‌پذیری خودکار با `axe-core`
• 78. ادغام `jest-axe` برای تست دسترس‌پذیری در تست‌های واحد
• 79. ادغام `cypress-axe` برای تست دسترس‌پذیری در تست‌های E2E
• 80. مقدمه‌ای بر تست امنیت در فرانت‌اند
• 81. شناسایی آسیب‌پذیری‌های رایج مانند XSS
• 82. تست Mutation: روشی برای سنجش کیفیت تست‌ها
• 83. مقدمه‌ای بر تست قرارداد (Contract Testing) با Pact
• 84. تست State Management: Redux, Zustand, Vuex
• 85. تست برنامه‌های واکنش‌گرا (Responsive Design)
• 86. راهبردهای تست برای کتابخانه‌های UI مانند Material-UI و Ant Design
• 87. تفاوت‌های تست در فریمورک‌های مختلف: React, Vue, Angular
• 88. مقدمه‌ای بر CI/CD و نقش تست در آن
• 89. ادغام تست‌ها در یک پایپ‌لاین CI/CD با GitHub Actions
• 90. پیکربندی اجرای خودکار تست‌ها پس از هر Push
• 91. اجرای موازی تست‌ها برای افزایش سرعت
• 92. استراتژی‌های تست در تیم‌های Agile
• 93. مدیریت تست‌های ناپایدار (Flaky Tests)
• 94. گزارش‌دهی پیشرفته و تحلیل نتایج تست
• 95. فرهنگ کیفیت: مسئولیت اشتراکی کل تیم در قبال تست
• 96. آینده تست فرانت‌اند: هوش مصنوعی و ابزارهای نوین
• 97. جمع‌بندی دوره و ارائه نقشه راه برای ادامه یادگیری
• 98. **تست‌های بصری (Visual Testing): شناسایی تغییرات ناخواسته در ظاهر رابط کاربری**
• 99. **تست‌های دسترسی‌پذیری (Accessibility Testing): اطمینان از ارائه تجربه کاربری مناسب برای همه**
• 100. **بهینه‌سازی عملکرد تست‌ها (Performance Testing): ارزیابی سرعت و پاسخگویی برنامه در شرایط مختلف**