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

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

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

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

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

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

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

• 1. مقدمه‌ای بر برنامه‌نویسی و اهمیت تست
• 2. چرا تست فرانت‌اند حیاتی است؟
• 3. انواع تست در توسعه فرانت‌اند: یک مرور کلی
• 4. هرم تست (Testing Pyramid) و جام تست (Testing Trophy)
• 5. تفکر حل مسئله در تست فرانت‌اند
• 6. شروع کار: آماده‌سازی محیط تست
• 7. ابزارهای ضروری تست فرانت‌اند: معرفی اولیه
• 8. چرخه عمر توسعه نرم‌افزار و نقش تست
• 9. مروری بر مفاهیم کلیدی جاوااسکریپت برای تست‌نویسی
• 10. معرفی Jest: پرکاربردترین فریمورک تست
• 11. نصب و پیکربندی Jest برای پروژه‌های فرانت‌اند
• 12. نوشتن اولین تست با Jest: Hello World تست
• 13. Jest Matchers: اعتبارسنجی مقادیر و رفتارها
• 14. گروه‌بندی تست‌ها با `describe` و `test`
• 15. مدیریت حالت قبل و بعد از تست با `beforeEach` و `afterEach`
• 16. تست توابع ناهمگام (Asynchronous) در جاوااسکریپت
• 17. Mocking و Stubbing: جداسازی وابستگی‌ها
• 18. Mocking توابع با Jest: `jest.fn()`
• 19. Jest Spies: رصد کردن فراخوانی توابع
• 20. Jest Configuration: بهینه‌سازی تنظیمات پروژه
• 21. اصول Unit Testing در فرانت‌اند
• 22. شناسایی "واحد" برای تست: توابع خالص و کامپوننت‌های کوچک
• 23. نوشتن Unit Test برای توابع Utility
• 24. تست توابع با ورودی‌های مختلف و حالات لبه‌ای
• 25. Unit Test برای هوک‌های سفارشی (Custom Hooks)
• 26. تست Reducers و Storeهای مدیریت وضعیت
• 27. جداسازی وابستگی‌ها در Unit Test با Mocking پیشرفته
• 28. پوشش کد (Code Coverage) و اهمیت آن در Unit Testing
• 29. ابزارهای گزارش‌دهی Code Coverage
• 30. بهترین روش‌ها برای نوشتن Unit Testهای قابل نگهداری
• 31. مقدمه‌ای بر Component Testing و جایگاه آن
• 32. انتخاب کتابخانه Component Testing (RTL, Vue Test Utils, Angular Testing Library)
• 33. React Testing Library (RTL): نصب و راه‌اندازی
• 34. RTL: Query کردن عناصر DOM به روشی کاربرپسند
• 35. RTL: شبیه‌سازی تعاملات کاربر (click, type, change)
• 36. RTL: تست کامپوننت‌های دارای وضعیت (Stateful Components)
• 37. RTL: تست کامپوننت‌ها با Props و Context
• 38. RTL: تست فرم‌ها و اعتبارسنجی ورودی‌ها
• 39. RTL: تست رندرینگ شرطی (Conditional Rendering)
• 40. RTL: تست کامپوننت‌های متصل به Router
• 41. Vue Test Utils: مفاهیم پایه و راه‌اندازی
• 42. Vue Test Utils: Mount کردن کامپوننت‌ها و تعامل با آن‌ها
• 43. Angular Component Testing: محیط و ابزارهای اولیه
• 44. Angular Component Testing: تست کامپوننت‌ها با Mock Service
• 45. Storybook: بستری برای توسعه و تست کامپوننت‌ها
• 46. معرفی Integration Testing در فرانت‌اند
• 47. تفاوت‌های Integration Testing با Unit Testing
• 48. تست تعاملات بین چند کامپوننت
• 49. تست جریان داده بین کامپوننت‌های والد و فرزند
• 50. تست یکپارچگی با APIهای بک‌اند (Mocking API Calls)
• 51. معرفی Mock Service Worker (MSW) برای Mock کردن API
• 52. MSW: نصب و پیکربندی برای تست
• 53. نوشتن Integration Test با MSW و RTL/Vue Test Utils
• 54. مقدمه‌ای بر End-to-End Testing و چرایی آن
• 55. چه زمانی از E2E Testing استفاده کنیم؟
• 56. انتخاب فریمورک E2E: Cypress در مقابل Playwright
• 57. Cypress: نصب، راه‌اندازی و اولین تست E2E
• 58. Cypress: انتخابگرها (Selectors) و Assertions
• 59. Cypress: شبیه‌سازی تعاملات کاربر و دستورات (Commands)
• 60. Cypress: مدیریت درخواست‌های شبکه (Network Requests)
• 61. Cypress: Mock کردن API و Route کردن درخواست‌ها
• 62. Cypress: کاستوم کامندها (Custom Commands) و Page Object Model (POM)
• 63. Playwright: نصب و پیکربندی اولیه
• 64. Playwright: کار با مرورگرها و زمینه (Context)
• 65. Playwright: Locators و Actions
• 66. Playwright: Assertions و Auto-waiting
• 67. Playwright: Mock کردن شبکه و سناریوهای پیچیده
• 68. Playwright: تست بین مرورگری (Cross-Browser Testing)
• 69. Playwright: تست در محیط‌های مختلف (Desktop, Mobile)
• 70. معرفی Visual Regression Testing و اهمیت آن
• 71. ابزارهای Visual Regression Testing (Percy, Chromatic)
• 72. راه‌اندازی یک ابزار VRT در پروژه
• 73. مدیریت Baselineها و تغییرات بصری
• 74. ادغام VRT در CI/CD
• 75. چالش‌ها و بهترین روش‌ها در VRT
• 76. مقدمه‌ای بر Frontend Performance Testing
• 77. معیارهای کلیدی عملکرد (Core Web Vitals)
• 78. ابزارهای خودکار Performance Testing (Lighthouse)
• 79. تست Performance در CI/CD
• 80. مقدمه‌ای بر تست دسترس‌پذیری (Accessibility - A11y)
• 81. ابزارهای خودکار تست A11y (axe-core, Lighthouse A11y)
• 82. تست A11y برای ناوبری با کیبورد و خواننده‌های صفحه
• 83. نقش توسعه‌دهنده در ساخت رابط کاربری دسترس‌پذیر
• 84. آشنایی با آسیب‌پذیری‌های امنیتی رایج فرانت‌اند
• 85. تست ورودی‌ها و جلوگیری از حملات XSS
• 86. ایمن‌سازی اطلاعات حساس در فرانت‌اند
• 87. بهترین روش‌های کدنویسی امن
• 88. ادغام تست‌ها در خطوط CI/CD (GitHub Actions, GitLab CI)
• 89. گزارش‌دهی نتایج تست و Code Coverage در CI/CD
• 90. تست‌های خودکار در Deployments
• 91. Trunk-Based Development و Testing
• 92. Test-Driven Development (TDD) در فرانت‌اند
• 93. Behavior-Driven Development (BDD) و Gherkin
• 94. طراحی برای تست‌پذیری (Design for Testability)
• 95. استراتژی‌های پیشرفته Mocking و Stubbing
• 96. دیباگ کردن تست‌های ناموفق: یک رویکرد حل مسئله
• 97. مدیریت تست‌های Flaky: علت‌یابی و راه‌حل‌ها
• 98. Refactoring تست‌ها برای خوانایی و نگهداری
• 99. بررسی موردی: استراتژی‌های تست در پروژه‌های بزرگ
• 100. آینده تست فرانت‌اند: Web Components, Micro-Frontends و AI