با استفاده از Cypress یک تست End-to-End به زبان JavaScript بنویسید که ابتدا فرم ورود یک برنامه نمونه را پر و ارسال کند، سپس وارد صفحهٔ TODO شده و افزودن یک آیتم جدید را انجام داده و مشاهدهٔ آن در لیست را تایید کند.
2.0 بازدید آخرین ویرایش در 201 روز قبل ساعت 03:20 0.0
برای حل: پروژهٔ جاوااسکریپت خود را اجرا کنید، Cypress را نصب (npm install cypress --save-dev) و یک فایل تست ایجاد کنید؛ با دستورات cy.visit برای باز کردن صفحه، cy.get و cy.type برای پر کردن فیلدها، cy.click برای ارسال فرم و افزودن آیتم و cy.contains یا cy.get(...).should('exist') برای تایید نمایش آیتم استفاده کنید. نکات: از selectorهای پایدار مثل data-testid استفاده کنید، از cy.intercept برای جلوگیری از ناپایداری شبکه بهره ببرید، تستها را بهصورت ایزوله اجرا کنید و برای اجرای محلی npx cypress open یا npx cypress run را به کار ببرید.
1 پاسخ
جدید ترین قدیمی ترین بالاترین امتیاز پاسخ های من
در حال بارگیری...
برای ارسال پاسخ باید با حساب کاربری وارد شوید.
ورود به حساب کاربری
برای پایداری تست، از selectorهای پایدار مانند data-testid استفاده کنید تا تغییرات DOM باعث شکست تست نشود. از cy.intercept برای مهار یا شبیهسازی درخواستهای شبکه استفاده کنید تا ناپایداری ارتباطی روی نتیجهٔ تست اثر نگذارد. در بخش ورود، میتوانید لاگین را با پاسخ ثابت بدهید و سپس به صفحهٔ Todo بروید. برای افزودن آیتم جدید از مقدار یکتا مانند timestamp استفاده کنید و وجود آن را با cy.contains(...) یا cy.get(...).should('exist') تأیید کنید؛ اجرای محلی با npx cypress open یا npx cypress run انجام میشود.
گزارش