یک تست End-to-End با استفاده از Cypress بنویسید که فرایند ورود به یک فرم ساده (پر کردن ایمیل و رمز عبور و کلیک روی دکمه ورود) را شبیهسازی کند و بررسی کند که بعد از ورود کاربر به صفحه داشبورد هدایت شده است.
3.0 بازدید آخرین ویرایش در 220 روز قبل ساعت 01:48 0.0
برای حل: پروژه را با npm نصب و Cypress را راهاندازی کنید، یک فایل تست جاوااسکریپت در cypress/e2e بسازید و با دستورات cy.visit, cy.get, cy.type و cy.click فلو را اجرا کنید؛ سپس با cy.url().should('include', '/dashboard') یا cy.contains المانهای صفحه داشبورد را بررسی کنید. از cy.intercept برای کنترل پاسخهای شبکه در صورت نیاز استفاده کنید و اطلاعات کاربری را در fixtures یا cypress.env.json ذخیره کنید. نکات مفید: از سلکتورهای پایدار مانند data-testid استفاده کنید، از cy.wait با زمان ثابت پرهیز کنید و به جای آن روی وجود یا قابل کلیک بودن المانها صبر کنید، و برای اجرای خودکار از npx cypress run (یا npx cypress open برای حالت تعاملی) بهره ببرید.
1 پاسخ
جدید ترین قدیمی ترین بالاترین امتیاز پاسخ های من
در حال بارگیری...
برای ارسال پاسخ باید با حساب کاربری وارد شوید.
ورود به حساب کاربری
برای پایدارتر کردن تست ورود، از selectorهای پایدار مثل data-testid استفاده کن و به جای cy.wait با تاخیر ثابت، منتظر بارگیری یا قابل کلیک بودن المانها باش. میتوانی با cy.intercept پاسخهای ورود را کنترل کنی تا تست مستقل از پاسخ سرور اجرا شود. اطلاعات کاربری را در fixtures یا cypress.env.json نگه دار تا امنیت و قابلیت مدیریت دادهها حفظ شود. در نهایت با npx cypress run تست را اجرا کن و صحت هدایت به /dashboard را با cy.url().should('include', '/dashboard') یا بررسی وجود المانهای داشبورد تأیید کن.
گزارش