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

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

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

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

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

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

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

• 1. مقدمه‌ای بر تست نرم‌افزار و اهمیت آن در فرانت‌اند
• 2. چرا باید کد فرانت‌اند را تست کنیم؟ مزایا و چالش‌ها
• 3. هرم تست (Testing Pyramid) و کاربرد آن در فرانت‌اند
• 4. انواع تست: واحد (Unit)، یکپارچه‌سازی (Integration) و سرتاسری (End-to-End)
• 5. معرفی مفاهیم کلیدی: Assertion, Mock, Stub, Spy
• 6. ذهنیت تست‌محور: چگونه مانند یک تستر فکر کنیم؟
• 7. آشنایی با ابزارهای اصلی: Jest, React Testing Library, Cypress, Playwright
• 8. آماده‌سازی محیط توسعه برای نوشتن اولین تست
• 9. معرفی Jest به عنوان فریمورک تست واحد
• 10. ساختار یک فایل تست: describe, it, expect
• 11. اولین تست واحد: تست یک تابع ساده جاوااسکریپت
• 12. آشنایی با Matcher‌های پرکاربرد در Jest
• 13. تست کدهای Asynchronous: Promise‌ها و Async/Await
• 14. گروه‌بندی تست‌ها با describe و beforeEach/afterEach
• 15. مفهوم Mocking و دلایل استفاده از آن
• 16. شبیه‌سازی (Mock) توابع و ماژول‌ها در Jest
• 17. استفاده از Spy برای نظارت بر فراخوانی توابع
• 18. شبیه‌سازی تایمرها (Timers) با Jest
• 19. معرفی مفهوم Code Coverage و اهمیت آن
• 20. تنظیم و تحلیل گزارش‌های Code Coverage
• 21. مقدمه‌ای بر React Testing Library (RTL)
• 22. فلسفه RTL: تست رفتار کامپوننت، نه جزئیات پیاده‌سازی
• 23. رندر کردن کامپوننت‌ها در محیط تست
• 24. آشنایی با انواع کوئری‌ها در RTL (getBy, findBy, queryBy)
• 25. انتخاب بهترین کوئری برای هر سناریو
• 26. تست وجود المان‌ها در کامپوننت
• 27. شبیه‌سازی رویدادهای کاربر با user-event
• 28. تست تعاملات کاربر: کلیک، تایپ و فرم‌ها
• 29. تست تغییرات State در کامپوننت‌ها
• 30. تست نمایش شرطی (Conditional Rendering)
• 31. تست کامپوننت‌هایی که از Props استفاده می‌کنند
• 32. مقدمه‌ای بر تست یکپارچه‌سازی (Integration Testing)
• 33. تفاوت تست واحد و یکپارچه‌سازی در عمل
• 34. تست تعامل بین دو یا چند کامپوننت
• 35. تست یکپارچه‌سازی فرم‌های پیچیده
• 36. شبیه‌سازی درخواست‌های API با Mock Service Worker (MSW)
• 37. راه‌اندازی MSW برای تست‌های یکپارچه‌سازی
• 38. تست کامپوننت‌هایی که داده از API دریافت می‌کنند
• 39. تست حالت‌های Loading و Error در زمان فراخوانی API
• 40. تست مسیریابی (Routing) با React Router
• 41. تست کامپوننت‌های محافظت‌شده (Protected Routes)
• 42. تست مدیریت وضعیت سراسری (Global State) با Redux/Zustand
• 43. نوشتن تست‌های یکپارچه برای یک جریان کاری کامل کاربر
• 44. مقدمه‌ای بر تست سرتاسری (End-to-End Testing)
• 45. چرا به تست E2E نیاز داریم؟
• 46. معرفی Cypress به عنوان ابزار تست E2E
• 47. نصب، راه‌اندازی و ساختار پوشه در Cypress
• 48. نوشتن اولین تست E2E: باز کردن صفحه و بررسی عنوان
• 49. انتخاب المان‌ها (Selectors) در Cypress
• 50. تعامل با المان‌های صفحه: کلیک، تایپ و اسکرول
• 51. Assertions در Cypress: بررسی وضعیت DOM
• 52. مدیریت انتظار (Waiting) و Timeouts در Cypress
• 53. کار با فرم‌ها و اعتبارسنجی در تست E2E
• 54. رهگیری (Intercept) درخواست‌های شبکه در Cypress
• 55. استفاده از Fixtures برای مدیریت داده‌های تستی
• 56. لاگین کردن کاربر در تست‌های E2E
• 57. ایجاد دستورات سفارشی (Custom Commands) در Cypress
• 58. اجرای تست‌ها در مرورگرهای مختلف
• 59. تست طراحی واکنش‌گرا (Responsive Design) با تغییر Viewport
• 60. دیباگ کردن تست‌های E2E در Cypress
• 61. مقدمه‌ای بر رویکردهای نوآورانه در تست
• 62. توسعه آزمون‌محور (Test-Driven Development - TDD) در فرانت‌اند
• 63. چرخه TDD: Red-Green-Refactor
• 64. پیاده‌سازی یک کامپوننت ساده با رویکرد TDD
• 65. توسعه رفتارمحور (Behavior-Driven Development - BDD)
• 66. معرفی Gherkin و Cucumber برای تعریف سناریوهای کاربری
• 67. یکپارچه‌سازی BDD با Cypress
• 68. مقدمه‌ای بر تست رگرسیون بصری (Visual Regression Testing)
• 69. ابزارهای تست بصری: Percy و Storybook
• 70. تنظیم و اجرای اولین تست بصری
• 71. تحلیل تفاوت‌های بصری و مدیریت آنها
• 72. مقدمه‌ای بر تست دسترسی‌پذیری (Accessibility Testing - a11y)
• 73. استانداردهای WCAG و اهمیت آنها
• 74. ابزارهای خودکار تست دسترسی‌پذیری: axe-core
• 75. ادغام تست a11y در Jest و Cypress
• 76. مقدمه‌ای بر تست کارایی (Performance Testing)
• 77. معرفی معیارهای Core Web Vitals
• 78. استفاده از Lighthouse برای تحلیل کارایی
• 79. نوشتن تست‌های کارایی خودکار
• 80. مقدمه‌ای بر تست جهش (Mutation Testing)
• 81. ابزار Stryker و نحوه کار آن
• 82. تحلیل نتایج تست جهش و بهبود تست‌ها
• 83. مقدمه‌ای بر تست قرارداد (Contract Testing)
• 84. ابزار Pact و کاربرد آن در ارتباط فرانت‌اند و بک‌اند
• 85. مقدمه‌ای بر Property-Based Testing
• 86. نوشتن تست‌های Property-Based با fast-check
• 87. تست کامپوننت‌های Third-Party و کتابخانه‌ها
• 88. استراتژی‌های تست برای برنامه‌های بزرگ و پیچیده
• 89. مفهوم Smoke Testing و پیاده‌سازی آن
• 90. مفهوم Flaky Tests و روش‌های مقابله با آن
• 91. ادغام فرایند تست در CI/CD (Continuous Integration/Deployment)
• 92. تنظیم GitHub Actions برای اجرای خودکار تست‌ها
• 93. تولید گزارش‌های تست در CI/CD
• 94. موازی‌سازی اجرای تست‌ها برای افزایش سرعت
• 95. استراتژی‌های انتخاب تست برای اجرا در Pull Request
• 96. بهترین شیوه‌ها (Best Practices) در نام‌گذاری تست‌ها
• 97. نوشتن تست‌های خوانا و قابل نگهداری
• 98. بازسازی (Refactoring) کدهای تست
• 99. فرهنگ‌سازی تست در تیم‌های توسعه
• 100. نقش هوش مصنوعی (AI) در آینده تست فرانت‌اند