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

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

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

عنوان دوره: دوره Cypress: عیب‌یابی و دیباگینگ تست‌ها

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

موضوع میانی: ابزارهای تست خودکار (Selenium, Cypress)

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

• 1. مقدمه: چرا عیب‌یابی یک مهارت حیاتی است؟
• 2. معماری Cypress: تفاوت‌های کلیدی با Selenium و تاثیر آن بر دیباگینگ
• 3. نصب و راه‌اندازی محیط کاری برای عیب‌یابی موثر
• 4. آشنایی با Cypress Test Runner: اولین ابزار دیباگینگ شما
• 5. ساختار یک تست Cypress: درک `describe`, `it`, و هوک‌ها
• 6. اجرای اولین تست و مشاهده نتیجه در Test Runner
• 7. مفهوم Command Log و نقش آن در ردیابی اجرای تست
• 8. قابلیت Time Travel: بازگشت به عقب و بررسی وضعیت DOM
• 9. پین کردن یک مرحله از تست (Pinning) برای بازرسی دقیق
• 10. استفاده از `cy.log()` برای چاپ پیام‌های سفارشی در Command Log
• 11. متوقف کردن اجرای تست با `cy.pause()` برای بررسی زنده
• 12. بازرسی دقیق Subject یک دستور با `cy.debug()`
• 13. آشنایی با Selector Playground و یافتن انتخابگرهای بهینه
• 14. بررسی اسکرین‌شات‌های خودکار گرفته شده در زمان شکست تست
• 15. تحلیل ویدئوهای ضبط شده از اجرای کامل تست‌ها
• 16. چگونه DevTools مرورگر را در محیط Cypress باز کنیم؟
• 17. استفاده از تب Console برای مشاهده لاگ‌ها و خطاهای جاوااسکریپت
• 18. استفاده از دستور `debugger` برای توقف و دیباگ کد تست در تب Sources
• 19. بازرسی وضعیت DOM برنامه در هر لحظه با تب Elements
• 20. تحلیل درخواست‌های شبکه (XHR/Fetch) در تب Network
• 21. درک ماهیت غیرهمزمان (Asynchronous) دستورات Cypress
• 22. اشتباه رایج: تلاش برای ذخیره خروجی دستور Cypress در یک متغیر
• 23. استفاده صحیح از `.then()` برای دسترسی به مقادیر و نتایج
• 24. مفهوم Closure و دامنه متغیرها در زنجیره دستورات Cypress
• 25. درک خطای Timeout: چرا و چه زمانی رخ می‌دهد؟
• 26. عیب‌یابی خطای "Element not found": دلایل رایج و راه حل‌ها
• 27. عیب‌یابی خطای "Element is not visible": تکنیک‌های شناسایی
• 28. عیب‌یابی خطای "Element is detached from DOM"
• 29. عیب‌یابی خطای "Element is being covered by another element"
• 30. عیب‌یابی خطای "Element is disabled"
• 31. افزایش زمان انتظار پیش‌فرض با `defaultCommandTimeout`
• 32. تنظیم Timeout سفارشی برای یک دستور خاص
• 33. آشنایی با تست‌های ناپایدار (Flaky Tests) و علل بروز آن‌ها
• 34. چرا استفاده از `cy.wait()` با زمان ثابت یک ضد-الگو است؟
• 35. جایگزین صحیح `cy.wait()`: انتظار برای درخواست‌های شبکه با `cy.intercept`
• 36. جایگزین صحیح `cy.wait()`: انتظار مبتنی بر Assertion
• 37. جایگزین صحیح `cy.wait()`: انتظار برای تغییرات مشخص در DOM
• 38. عیب‌یابی Assertion های ناموفق: تحلیل پیام‌های خطا
• 39. تفاوت `should('exist')` و `should('be.visible')` در عمل
• 40. عیب‌یابی مشکلات مربوط به مقایسه متن (Text Content)
• 41. دیباگینگ Assertion های مربوط به خصوصیات CSS
• 42. دیباگینگ Assertion های مربوط به مقادیر و Attribute های عناصر
• 43. عیب‌یابی دستور `cy.click()`: دلایل کلیک نشدن روی یک عنصر
• 44. چه زمانی و چگونه از `{force: true}` به درستی استفاده کنیم؟
• 45. عیب‌یابی دستور `cy.type()`: مشکلات مربوط به ورود متن
• 46. عیب‌یابی تعامل با عناصر داخل iFrame
• 47. عیب‌یابی چالش‌های مربوط به باز شدن تب یا پنجره جدید
• 48. دیباگینگ سناریوهای Drag and Drop
• 49. دیباگینگ فرآیند آپلود فایل
• 50. عیب‌یابی کار با Shadow DOM
• 51. اصول نوشتن تست‌های قابل دیباگ (Debuggable Tests)
• 52. استفاده از انتخابگرهای پایدار (`data-cy`) برای جلوگیری از شکست تست
• 53. اصل استقلال تست‌ها و تاثیر آن بر کاهش پیچیدگی دیباگینگ
• 54. دیباگینگ هوک‌ها: `beforeEach`, `afterEach`, `before`, `after`
• 55. عیب‌یابی مشکلات مربوط به `cy.fixture` و بارگذاری داده‌های تستی
• 56. عیب‌یابی دستور `cy.intercept` و مشکلات مربوط به Mocking شبکه
• 57. بررسی و دیباگینگ کوکی‌ها با `cy.getCookie` و `cy.setCookie`
• 58. بررسی و دیباگینگ Local Storage و Session Storage
• 59. دیباگینگ تست‌های مربوط به فرم‌های پیچیده و چندمرحله‌ای
• 60. عیب‌یابی سناریوهای احراز هویت (Login/Logout)
• 61. اجرای تنها یک تست با `.only()` برای تمرکز روی مشکل
• 62. نادیده گرفتن موقت تست‌ها با `.skip()`
• 63. دیباگینگ دستورات سفارشی (Custom Commands)
• 64. دیباگینگ در معماری Page Object Model (POM)
• 65. عیب‌یابی مشکلات مربوط به متغیرهای محیطی (Environment Variables)
• 66. دیباگینگ فایل `cypress.config.js`
• 67. عیب‌یابی پلاگین‌ها و رویدادهای `cy.task`
• 68. تفاوت‌های دیباگینگ در حالت Headless و Headed
• 69. اصول عیب‌یابی تست‌ها در محیط CI/CD
• 70. تحلیل لاگ‌های خروجی در ابزارهای CI مانند Jenkins یا GitHub Actions
• 71. استفاده از آرتیفکت‌ها (اسکرین‌شات و ویدئو) در CI برای عیب‌یابی
• 72. دیباگینگ تست‌های Cypress در حال اجرا داخل یک کانتینر Docker
• 73. عیب‌یابی مشکلات مختص یک مرورگر خاص (Cross-browser Debugging)
• 74. شناسایی و دیباگینگ تست‌های کند و بهینه‌سازی عملکرد آن‌ها
• 75. استفاده از Cypress Dashboard برای تحلیل پیشرفته شکست‌ها
• 76. دیباگینگ خطاهای CORS و مشکلات مرتبط با Cross-Origin
• 77. عیب‌یابی مشکلات مربوط به Scroll کردن صفحه
• 78. دیباگینگ تعامل با تاریخ و زمان (Date/Time Pickers)
• 79. عیب‌یابی خطاهای مربوط به انیمیشن‌ها و Transition ها
• 80. استراتژی مدیریت State برنامه بین تست‌ها
• 81. عیب‌یابی مشکلات مربوط به `cy.visit()` و بارگذاری اولیه صفحه
• 82. دیباگینگ تست‌های مربوط به اعتبارسنجی فرم (Form Validation)
• 83. عیب‌یابی تعامل با عناصر Select (Dropdowns)
• 84. عیب‌یابی کار با جداول و داده‌های جدولی
• 85. دیباگینگ تست‌های رگرسیون بصری (Visual Regression Testing)
• 86. استفاده از Retry-ability داخلی Cypress برای مقابله با ناپایداری
• 87. عیب‌یابی مشکلات مربوط به پاک‌سازی وضعیت (State Teardown)
• 88. دیباگینگ تست‌های API با استفاده از `cy.request`
• 89. مدیریت و دیباگینگ خطاهای جاوااسکریپت خود برنامه (Application Errors)
• 90. عیب‌یابی مشکلات مربوط به Viewport و طراحی واکنش‌گرا (Responsive)
• 91. تکنیک لاگ‌گذاری پیشرفته با بازنویسی دستورات Cypress
• 92. دیباگینگ مشکلات مربوط به Caching مرورگر
• 93. عیب‌یابی تست‌های مربوط به ناوبری و URL
• 94. چگونه یک نمونه حداقلی و قابل تکرار از باگ (Reproduction Case) بسازیم
• 95. استفاده از ابزارهای شخص ثالث برای دیباگینگ (مانند cypress-terminal-report)
• 96. دیباگینگ سناریوهای پیچیده با ترکیب `.then()` های تودرتو
• 97. عیب‌یابی مشکلات مربوط به مجوزها و نقش‌های کاربری
• 98. جمع‌بندی: چک‌لیست نهایی برای عیب‌یابی یک تست ناموفق
• 99. بهترین شیوه‌ها برای گزارش یک باگ پیدا شده توسط تست خودکار
• 100. مسیر یادگیری آینده: تبدیل شدن به یک متخصص عیب‌یابی در Cypress