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

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

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

عنوان دوره: دوره تست خودکار برای وب‌سایت‌های خبری فناوری

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

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

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

• 1. مقدمه‌ای بر تست نرم‌افزار و اهمیت آن
• 2. چرا تست خودکار برای فرانت‌اند ضروری است؟
• 3. هرم تست: Unit, Integration, End-to-End
• 4. آشنایی با انواع تست‌های فرانت‌اند
• 5. تمرکز دوره: تست End-to-End (E2E) برای وب‌سایت‌های خبری
• 6. معرفی ابزارهای محبوب تست E2E: Cypress, Playwright, Selenium
• 7. چرا Cypress را برای این دوره انتخاب می‌کنیم؟
• 8. آناتومی یک وب‌سایت خبری فناوری: عناصر کلیدی برای تست
• 9. مرور مفاهیم پایه HTML و DOM برای تست‌نویسی
• 10. آشنایی با CSS Selectors و XPath
• 11. مفاهیم پایه HTTP: درخواست‌ها و پاسخ‌ها
• 12. آشنایی اولیه با API و داده‌های JSON
• 13. نوشتن اولین سناریوی تست (Test Case)
• 14. آماده‌سازی محیط توسعه: نصب Node.js و npm/yarn
• 15. راه‌اندازی ویرایشگر کد (VS Code) و افزونه‌های مفید
• 16. ایجاد یک پروژه جدید و مقداردهی اولیه
• 17. نصب Cypress و وابستگی‌ها
• 18. اجرای Cypress برای اولین بار و آشنایی با Test Runner
• 19. بررسی ساختار پوشه‌های ایجاد شده توسط Cypress
• 20. پیکربندی اولیه Cypress از طریق فایل cypress.json
• 21. معرفی وب‌سایت خبری نمونه برای انجام تست‌ها
• 22. نوشتن اولین تست: بازدید از صفحه اصلی وب‌سایت
• 23. ساختار یک فایل تست: بلوک‌های describe و it
• 24. دستورات پایه‌ای Cypress: cy.visit و cy.get
• 25. تعامل با عناصر وب: کلیک کردن (cy.click)
• 26. وارد کردن متن در فیلدها: cy.type
• 27. آشنایی با Assertions: بررسی صحت نتایج با should
• 28. زنجیره‌سازی دستورات (Chaining) در Cypress
• 29. یافتن عناصر بر اساس محتوای متنی با cy.contains
• 30. کار با فرم‌ها: پر کردن و ارسال فرم جستجو
• 31. کار با منوهای کشویی، چک‌باکس‌ها و دکمه‌های رادیویی
• 32. مدیریت زمان انتظار (Waits) و Timeouts در Cypress
• 33. استفاده از نام‌های مستعار (Aliases) برای ذخیره عناصر و مقادیر
• 34. استفاده از Hooks: beforeEach, afterEach, before, after
• 35. پیمایش بین صفحات: cy.go و cy.reload
• 36. کار با URL و بررسی پارامترهای آن
• 37. دیباگ کردن تست‌ها با استفاده از ابزارهای Cypress
• 38. گرفتن اسکرین‌شات و ویدیو از اجرای تست‌ها
• 39. تست چیدمان و وجود عناصر اصلی در صفحه خانه
• 40. تست عملکرد منوی ناوبری اصلی و زیرمنوها
• 41. تست بخش "آخرین اخبار" و صحت لینک‌های آن
• 42. تست خبر ویژه (Hero Section) در صفحه اصلی
• 43. تست ساختار صفحه داخلی یک مقاله (عنوان، تصویر، متن)
• 44. تست صحت نمایش اطلاعات نویسنده و تاریخ انتشار مقاله
• 45. تست بارگذاری صحیح تصاویر و ویدیوها در صفحه مقاله
• 46. تست نمایش صحیح قطعه کدها (Code Snippets)
• 47. تست عملکرد دکمه‌های اشتراک‌گذاری در شبکه‌های اجتماعی
• 48. تست بخش "مقالات مرتبط" و لینک‌های آن
• 49. تست صفحات دسته‌بندی و فیلتر کردن مقالات
• 50. تست عملکرد صفحه‌بندی (Pagination) در لیست مقالات
• 51. تست عملکرد جستجو با یک عبارت معتبر
• 52. تست صفحه نتایج جستجو و ارتباط نتایج با عبارت جستجو شده
• 53. تست جستجو برای عبارتی که نتیجه‌ای در بر ندارد
• 54. تست نمایش بخش نظرات کاربران
• 55. تست اعتبارسنجی فرم ارسال نظر (فیلدهای خالی و ایمیل نامعتبر)
• 56. تست ثبت موفق یک نظر جدید
• 57. تست فرم عضویت در خبرنامه در فوتر
• 58. تست لینک‌های موجود در هدر و فوتر وب‌سایت
• 59. تست نمایش صحیح صفحه "درباره ما" و "تماس با ما"
• 60. تست صفحه 404 برای آدرس‌های نامعتبر
• 61. مقدمه‌ای بر تست واکنش‌گرایی (Responsive Design)
• 62. تست وب‌سایت در Viewportهای مختلف (موبایل، تبلت، دسکتاپ)
• 63. ایجاد دستورات سفارشی (Custom Commands) برای کارهای تکراری
• 64. استفاده از Fixtures برای مدیریت داده‌های تست
• 65. خواندن داده از فایل‌های JSON و استفاده در تست‌ها
• 66. مقدمه‌ای بر تست API با Cypress
• 67. ارسال درخواست GET به API مقالات با cy.request
• 68. بررسی صحت داده‌های بازگشتی از API
• 69. شبیه‌سازی (Mocking) پاسخ‌های API با cy.intercept
• 70. تست حالت‌های بارگذاری (Loading States) با Mock کردن API
• 71. تست نمایش پیام‌های خطا هنگام بروز مشکل در API
• 72. الگوی طراحی Page Object Model (POM) و مزایای آن
• 73. پیاده‌سازی الگوی POM برای صفحه اصلی
• 74. پیاده‌سازی الگوی POM برای صفحه مقاله
• 75. کار با متغیرهای محیطی (Environment Variables)
• 76. اجرای تست‌ها روی مرورگرهای مختلف (Cross-browser Testing)
• 77. اجرای تست‌ها در حالت Headless
• 78. مقدمه‌ای بر یکپارچه‌سازی مداوم (Continuous Integration - CI)
• 79. یکپارچه‌سازی Cypress با GitHub Actions
• 80. نوشتن یک Workflow پایه برای اجرای خودکار تست‌ها
• 81. تولید گزارش‌های تست با Mochawesome Reporter
• 82. آپلود گزارش‌ها به عنوان Artifacts در CI
• 83. معرفی Cypress Dashboard برای مدیریت نتایج تست
• 84. مقدمه‌ای بر تست رگرسیون بصری (Visual Regression Testing)
• 85. راه‌اندازی یک ابزار تست بصری (مانند Percy)
• 86. نوشتن تست‌های بصری برای کامپوننت‌های کلیدی
• 87. مقدمه‌ای بر تست دسترس‌پذیری (Accessibility - a11y)
• 88. استفاده از پلاگین cypress-axe برای تست a11y
• 89. مفاهیم پایه تست عملکرد فرانت‌اند
• 90. اندازه‌گیری زمان بارگذاری صفحه با Cypress
• 91. سازماندهی فایل‌های تست برای پروژه‌های بزرگ
• 92. استفاده از .only() و .skip() برای اجرای انتخابی تست‌ها
• 93. بهترین شیوه‌ها برای انتخاب سلکتورهای پایدار و قابل نگهداری
• 94. نوشتن تست‌های تمیز، خوانا و قابل فهم
• 95. روش‌های شناسایی و رفع تست‌های غیرپایدار (Flaky Tests)
• 96. تست ورود کاربر (Login) با اطلاعات صحیح
• 97. تست ورود کاربر با اطلاعات نادرست
• 98. تست دسترسی به محتوای ویژه پس از ورود موفق
• 99. تست فرآیند خروج از حساب کاربری (Logout)
• 100. تست داده-محور (Data-Driven Testing) برای فرم‌ها