@commercetools-frontend/cypress 24.4.0 → 24.6.0

package/add-commands/dist/commercetools-frontend-cypress-add-commands.cjs.dev.js

@@ -47,6 +47,14 @@ function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _
 
 // Alias for backwards compatibility
 
+const defaultTimeouts = {
+  waitForEmailInput: 4000,
+  waitForPasswordInput: 8000,
+  waitForElement: 15000,
+  waitForUrl: 15000,
+  waitForRedirect: 3000,
+  waitForIdentityRedirect: 8000
+};
 function isFeatureSupported(expectedVersion) {
   return semver__default["default"].gte(Cypress.version, expectedVersion);
 }
@@ -177,18 +185,26 @@ function loginByForm(commandOptions) {
             cy.origin(identityUrl, {
               args: {
                 userCredentials,
-                identityUrl
+                identityUrl,
+                timeouts: commandOptions.timeouts,
+                defaultTimeouts
               }
             }, _ref => {
               let userCredentials = _ref.userCredentials,
-                identityUrl = _ref.identityUrl;
+                identityUrl = _ref.identityUrl,
+                timeouts = _ref.timeouts,
+                defaultTimeouts = _ref.defaultTimeouts;
               cy.url().should('include', `${identityUrl}/login`);
               // Fill in the email and click Next
-              cy.get('input[name="identifier"]').type(userCredentials.email);
+              cy.get('input[name="identifier"]', {
+                timeout: timeouts?.waitForEmailInput ?? defaultTimeouts.waitForEmailInput
+              }).type(userCredentials.email);
               cy.get('button').contains('Next').click();
 
               // Wait for the password form to appear
-              cy.get('input[name="password"]').should('be.visible');
+              cy.get('input[name="password"]', {
+                timeout: timeouts?.waitForPasswordInput ?? defaultTimeouts.waitForPasswordInput
+              }).should('be.visible');
               // Fill in the password and submit
               cy.get('input[name="password"]').type(userCredentials.password, {
                 log: false
@@ -197,8 +213,14 @@ function loginByForm(commandOptions) {
             });
 
             // Wait for the flow to redirect back to the application.
-            cy.get('[role="main"]').should('exist');
-            cy.url().should('include', url);
+            // eslint-disable-next-line cypress/no-unnecessary-waiting
+            cy.wait(commandOptions.timeouts?.waitForRedirect ?? defaultTimeouts.waitForRedirect);
+            cy.get('[role="main"]', {
+              timeout: commandOptions.timeouts?.waitForElement ?? defaultTimeouts.waitForElement
+            }).should('exist');
+            cy.url({
+              timeout: commandOptions.timeouts?.waitForUrl ?? defaultTimeouts.waitForUrl
+            }).should('include', url);
           } else {
             const mcUrl = appConfig.mcApiUrl.replace('mc-api', 'mc');
             // See similar comment above regarding the usage of `cy.wait`.
@@ -207,16 +229,22 @@ function loginByForm(commandOptions) {
             cy.origin(mcUrl, {
               args: {
                 userCredentials,
-                mcUrl
+                mcUrl,
+                timeouts: commandOptions.timeouts,
+                defaultTimeouts
               }
             }, _ref2 => {
               let userCredentials = _ref2.userCredentials,
-                mcUrl = _ref2.mcUrl;
+                mcUrl = _ref2.mcUrl,
+                timeouts = _ref2.timeouts,
+                defaultTimeouts = _ref2.defaultTimeouts;
               cy.url().should('include', `${mcUrl}/login`);
 
               // Same as `fillLegacyLoginFormWithRetry`.
               // eslint-disable-next-line cypress/unsafe-to-chain-command
-              cy.get('input[name=email]')
+              cy.get('input[name=email]', {
+                timeout: timeouts?.waitForEmailInput ?? defaultTimeouts.waitForEmailInput
+              })
               // We use `force` as the MC login UI (production) in tests renders the
               // cookie banner overlapping the input fields.
               // To allow Cypress to interact with the input fields, we use `force`.
@@ -226,7 +254,9 @@ function loginByForm(commandOptions) {
                 force: true
               });
               // eslint-disable-next-line cypress/unsafe-to-chain-command
-              cy.get('input[name=password]')
+              cy.get('input[name=password]', {
+                timeout: timeouts?.waitForPasswordInput ?? defaultTimeouts.waitForPasswordInput
+              })
               // We use `force` as the MC login UI (production) in tests renders the
               // cookie banner overlapping the input fields.
               // To allow Cypress to interact with the input fields, we use `force`.
@@ -249,32 +279,56 @@ function loginByForm(commandOptions) {
           }
         } else {
           if (isGlobalIdentityEnabled) {
-            cy.url().should('include', `${identityUrl}/login`);
+            // Wait for redirect to Identity to complete
+            // eslint-disable-next-line cypress/no-unnecessary-waiting
+            cy.wait(commandOptions.timeouts?.waitForIdentityRedirect ?? defaultTimeouts.waitForIdentityRedirect);
+            cy.url({
+              timeout: commandOptions.timeouts?.waitForUrl ?? defaultTimeouts.waitForUrl
+            }).should('include', `${identityUrl}/login`);
             // Fill in the email and click Next
-            cy.get('input[name="identifier"]').type(userCredentials.email);
+            cy.get('input[name="identifier"]', {
+              timeout: commandOptions.timeouts?.waitForEmailInput ?? defaultTimeouts.waitForEmailInput
+            }).type(userCredentials.email);
             cy.get('button').contains('Next').click();
 
             // Wait for the password form to appear
-            cy.get('input[name="password"]').should('be.visible');
+            cy.get('input[name="password"]', {
+              timeout: commandOptions.timeouts?.waitForPasswordInput ?? defaultTimeouts.waitForPasswordInput
+            }).should('be.visible');
             // Fill in the password and submit
             cy.get('input[name="password"]').type(userCredentials.password, {
               log: false
             });
-            cy.get('button').contains('Submit').click();
+            cy.get('button').contains('Submit').click({
+              force: true
+            });
+
+            // Wait for redirect to start
+            // eslint-disable-next-line cypress/no-unnecessary-waiting
+            cy.wait(commandOptions.timeouts?.waitForRedirect ?? defaultTimeouts.waitForRedirect);
 
             // Wait for the flow to redirect back to the application.
             cy.origin(Cypress.config('baseUrl'), {
               args: {
-                url
+                url,
+                timeouts: commandOptions.timeouts,
+                defaultTimeouts
               }
             }, _ref3 => {
-              let url = _ref3.url;
-              cy.get('[role="main"]').should('exist');
-              cy.url().should('include', url);
+              let url = _ref3.url,
+                timeouts = _ref3.timeouts,
+                defaultTimeouts = _ref3.defaultTimeouts;
+              // Wait for application to fully load
+              cy.get('[role="main"]', {
+                timeout: timeouts?.waitForElement ?? defaultTimeouts.waitForElement
+              }).should('exist');
+              cy.url({
+                timeout: timeouts?.waitForUrl ?? defaultTimeouts.waitForUrl
+              }).should('include', url);
             });
           } else {
             // Legacy login flow.
-            fillLegacyLoginFormWithRetry(userCredentials);
+            fillLegacyLoginFormWithRetry(userCredentials, commandOptions.timeouts);
 
             // Wait for the flow to redirect back to the application.
             cy.get('[role="main"]').should('exist');
@@ -296,7 +350,9 @@ function loginByForm(commandOptions) {
     }
     if (commandOptions.initialRoute) {
       cy.visit(`${Cypress.config('baseUrl')}${commandOptions.initialRoute}`);
-      cy.url().should('include', commandOptions.initialRoute);
+      cy.url({
+        timeout: commandOptions.timeouts?.waitForUrl ?? defaultTimeouts.waitForUrl
+      }).should('include', commandOptions.initialRoute);
     }
   });
 }
@@ -304,7 +360,7 @@ function loginByForm(commandOptions) {
 /* Utilities */
 
 const legacyMaxLoginAttempts = Cypress.config('maxLoginAttempts') ?? 3;
-function fillLegacyLoginFormWithRetry(userCredentials) {
+function fillLegacyLoginFormWithRetry(userCredentials, timeouts) {
   // Intercept the login request so we can retry it if we receive a TOO_MANY_REQUESTS status code
   cy.intercept('POST', '**/tokens').as('loginRequest');
   function getRandomDelayInSeconds() {
@@ -319,13 +375,17 @@ function fillLegacyLoginFormWithRetry(userCredentials) {
     cy.log(`Attempts left: ${attemptsLeft}`);
 
     // eslint-disable-next-line cypress/unsafe-to-chain-command
-    cy.get('input[name=email]').clear({
+    cy.get('input[name=email]', {
+      timeout: timeouts?.waitForEmailInput ?? defaultTimeouts.waitForEmailInput
+    }).clear({
       force: true
     }).type(userCredentials.email, {
       force: true
     });
     // eslint-disable-next-line cypress/unsafe-to-chain-command
-    cy.get('input[name=password]').clear({
+    cy.get('input[name=password]', {
+      timeout: timeouts?.waitForPasswordInput ?? defaultTimeouts.waitForPasswordInput
+    }).clear({
       force: true
     }).type(userCredentials.password, {
       log: false,

package/add-commands/dist/commercetools-frontend-cypress-add-commands.cjs.prod.js

@@ -47,6 +47,14 @@ function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _
 
 // Alias for backwards compatibility
 
+const defaultTimeouts = {
+  waitForEmailInput: 4000,
+  waitForPasswordInput: 8000,
+  waitForElement: 15000,
+  waitForUrl: 15000,
+  waitForRedirect: 3000,
+  waitForIdentityRedirect: 8000
+};
 function isFeatureSupported(expectedVersion) {
   return semver__default["default"].gte(Cypress.version, expectedVersion);
 }
@@ -177,18 +185,26 @@ function loginByForm(commandOptions) {
             cy.origin(identityUrl, {
               args: {
                 userCredentials,
-                identityUrl
+                identityUrl,
+                timeouts: commandOptions.timeouts,
+                defaultTimeouts
               }
             }, _ref => {
               let userCredentials = _ref.userCredentials,
-                identityUrl = _ref.identityUrl;
+                identityUrl = _ref.identityUrl,
+                timeouts = _ref.timeouts,
+                defaultTimeouts = _ref.defaultTimeouts;
               cy.url().should('include', `${identityUrl}/login`);
               // Fill in the email and click Next
-              cy.get('input[name="identifier"]').type(userCredentials.email);
+              cy.get('input[name="identifier"]', {
+                timeout: timeouts?.waitForEmailInput ?? defaultTimeouts.waitForEmailInput
+              }).type(userCredentials.email);
               cy.get('button').contains('Next').click();
 
               // Wait for the password form to appear
-              cy.get('input[name="password"]').should('be.visible');
+              cy.get('input[name="password"]', {
+                timeout: timeouts?.waitForPasswordInput ?? defaultTimeouts.waitForPasswordInput
+              }).should('be.visible');
               // Fill in the password and submit
               cy.get('input[name="password"]').type(userCredentials.password, {
                 log: false
@@ -197,8 +213,14 @@ function loginByForm(commandOptions) {
             });
 
             // Wait for the flow to redirect back to the application.
-            cy.get('[role="main"]').should('exist');
-            cy.url().should('include', url);
+            // eslint-disable-next-line cypress/no-unnecessary-waiting
+            cy.wait(commandOptions.timeouts?.waitForRedirect ?? defaultTimeouts.waitForRedirect);
+            cy.get('[role="main"]', {
+              timeout: commandOptions.timeouts?.waitForElement ?? defaultTimeouts.waitForElement
+            }).should('exist');
+            cy.url({
+              timeout: commandOptions.timeouts?.waitForUrl ?? defaultTimeouts.waitForUrl
+            }).should('include', url);
           } else {
             const mcUrl = appConfig.mcApiUrl.replace('mc-api', 'mc');
             // See similar comment above regarding the usage of `cy.wait`.
@@ -207,16 +229,22 @@ function loginByForm(commandOptions) {
             cy.origin(mcUrl, {
               args: {
                 userCredentials,
-                mcUrl
+                mcUrl,
+                timeouts: commandOptions.timeouts,
+                defaultTimeouts
               }
             }, _ref2 => {
               let userCredentials = _ref2.userCredentials,
-                mcUrl = _ref2.mcUrl;
+                mcUrl = _ref2.mcUrl,
+                timeouts = _ref2.timeouts,
+                defaultTimeouts = _ref2.defaultTimeouts;
               cy.url().should('include', `${mcUrl}/login`);
 
               // Same as `fillLegacyLoginFormWithRetry`.
               // eslint-disable-next-line cypress/unsafe-to-chain-command
-              cy.get('input[name=email]')
+              cy.get('input[name=email]', {
+                timeout: timeouts?.waitForEmailInput ?? defaultTimeouts.waitForEmailInput
+              })
               // We use `force` as the MC login UI (production) in tests renders the
               // cookie banner overlapping the input fields.
               // To allow Cypress to interact with the input fields, we use `force`.
@@ -226,7 +254,9 @@ function loginByForm(commandOptions) {
                 force: true
               });
               // eslint-disable-next-line cypress/unsafe-to-chain-command
-              cy.get('input[name=password]')
+              cy.get('input[name=password]', {
+                timeout: timeouts?.waitForPasswordInput ?? defaultTimeouts.waitForPasswordInput
+              })
               // We use `force` as the MC login UI (production) in tests renders the
               // cookie banner overlapping the input fields.
               // To allow Cypress to interact with the input fields, we use `force`.
@@ -249,32 +279,56 @@ function loginByForm(commandOptions) {
           }
         } else {
           if (isGlobalIdentityEnabled) {
-            cy.url().should('include', `${identityUrl}/login`);
+            // Wait for redirect to Identity to complete
+            // eslint-disable-next-line cypress/no-unnecessary-waiting
+            cy.wait(commandOptions.timeouts?.waitForIdentityRedirect ?? defaultTimeouts.waitForIdentityRedirect);
+            cy.url({
+              timeout: commandOptions.timeouts?.waitForUrl ?? defaultTimeouts.waitForUrl
+            }).should('include', `${identityUrl}/login`);
             // Fill in the email and click Next
-            cy.get('input[name="identifier"]').type(userCredentials.email);
+            cy.get('input[name="identifier"]', {
+              timeout: commandOptions.timeouts?.waitForEmailInput ?? defaultTimeouts.waitForEmailInput
+            }).type(userCredentials.email);
             cy.get('button').contains('Next').click();
 
             // Wait for the password form to appear
-            cy.get('input[name="password"]').should('be.visible');
+            cy.get('input[name="password"]', {
+              timeout: commandOptions.timeouts?.waitForPasswordInput ?? defaultTimeouts.waitForPasswordInput
+            }).should('be.visible');
             // Fill in the password and submit
             cy.get('input[name="password"]').type(userCredentials.password, {
               log: false
             });
-            cy.get('button').contains('Submit').click();
+            cy.get('button').contains('Submit').click({
+              force: true
+            });
+
+            // Wait for redirect to start
+            // eslint-disable-next-line cypress/no-unnecessary-waiting
+            cy.wait(commandOptions.timeouts?.waitForRedirect ?? defaultTimeouts.waitForRedirect);
 
             // Wait for the flow to redirect back to the application.
             cy.origin(Cypress.config('baseUrl'), {
               args: {
-                url
+                url,
+                timeouts: commandOptions.timeouts,
+                defaultTimeouts
               }
             }, _ref3 => {
-              let url = _ref3.url;
-              cy.get('[role="main"]').should('exist');
-              cy.url().should('include', url);
+              let url = _ref3.url,
+                timeouts = _ref3.timeouts,
+                defaultTimeouts = _ref3.defaultTimeouts;
+              // Wait for application to fully load
+              cy.get('[role="main"]', {
+                timeout: timeouts?.waitForElement ?? defaultTimeouts.waitForElement
+              }).should('exist');
+              cy.url({
+                timeout: timeouts?.waitForUrl ?? defaultTimeouts.waitForUrl
+              }).should('include', url);
             });
           } else {
             // Legacy login flow.
-            fillLegacyLoginFormWithRetry(userCredentials);
+            fillLegacyLoginFormWithRetry(userCredentials, commandOptions.timeouts);
 
             // Wait for the flow to redirect back to the application.
             cy.get('[role="main"]').should('exist');
@@ -296,7 +350,9 @@ function loginByForm(commandOptions) {
     }
     if (commandOptions.initialRoute) {
       cy.visit(`${Cypress.config('baseUrl')}${commandOptions.initialRoute}`);
-      cy.url().should('include', commandOptions.initialRoute);
+      cy.url({
+        timeout: commandOptions.timeouts?.waitForUrl ?? defaultTimeouts.waitForUrl
+      }).should('include', commandOptions.initialRoute);
     }
   });
 }
@@ -304,7 +360,7 @@ function loginByForm(commandOptions) {
 /* Utilities */
 
 const legacyMaxLoginAttempts = Cypress.config('maxLoginAttempts') ?? 3;
-function fillLegacyLoginFormWithRetry(userCredentials) {
+function fillLegacyLoginFormWithRetry(userCredentials, timeouts) {
   // Intercept the login request so we can retry it if we receive a TOO_MANY_REQUESTS status code
   cy.intercept('POST', '**/tokens').as('loginRequest');
   function getRandomDelayInSeconds() {
@@ -319,13 +375,17 @@ function fillLegacyLoginFormWithRetry(userCredentials) {
     cy.log(`Attempts left: ${attemptsLeft}`);
 
     // eslint-disable-next-line cypress/unsafe-to-chain-command
-    cy.get('input[name=email]').clear({
+    cy.get('input[name=email]', {
+      timeout: timeouts?.waitForEmailInput ?? defaultTimeouts.waitForEmailInput
+    }).clear({
       force: true
     }).type(userCredentials.email, {
       force: true
     });
     // eslint-disable-next-line cypress/unsafe-to-chain-command
-    cy.get('input[name=password]').clear({
+    cy.get('input[name=password]', {
+      timeout: timeouts?.waitForPasswordInput ?? defaultTimeouts.waitForPasswordInput
+    }).clear({
       force: true
     }).type(userCredentials.password, {
       log: false,

package/add-commands/dist/commercetools-frontend-cypress-add-commands.esm.js

@@ -27,6 +27,14 @@ function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _
 
 // Alias for backwards compatibility
 
+const defaultTimeouts = {
+  waitForEmailInput: 4000,
+  waitForPasswordInput: 8000,
+  waitForElement: 15000,
+  waitForUrl: 15000,
+  waitForRedirect: 3000,
+  waitForIdentityRedirect: 8000
+};
 function isFeatureSupported(expectedVersion) {
   return semver.gte(Cypress.version, expectedVersion);
 }
@@ -157,18 +165,26 @@ function loginByForm(commandOptions) {
             cy.origin(identityUrl, {
               args: {
                 userCredentials,
-                identityUrl
+                identityUrl,
+                timeouts: commandOptions.timeouts,
+                defaultTimeouts
               }
             }, _ref => {
               let userCredentials = _ref.userCredentials,
-                identityUrl = _ref.identityUrl;
+                identityUrl = _ref.identityUrl,
+                timeouts = _ref.timeouts,
+                defaultTimeouts = _ref.defaultTimeouts;
               cy.url().should('include', `${identityUrl}/login`);
               // Fill in the email and click Next
-              cy.get('input[name="identifier"]').type(userCredentials.email);
+              cy.get('input[name="identifier"]', {
+                timeout: timeouts?.waitForEmailInput ?? defaultTimeouts.waitForEmailInput
+              }).type(userCredentials.email);
               cy.get('button').contains('Next').click();
 
               // Wait for the password form to appear
-              cy.get('input[name="password"]').should('be.visible');
+              cy.get('input[name="password"]', {
+                timeout: timeouts?.waitForPasswordInput ?? defaultTimeouts.waitForPasswordInput
+              }).should('be.visible');
               // Fill in the password and submit
               cy.get('input[name="password"]').type(userCredentials.password, {
                 log: false
@@ -177,8 +193,14 @@ function loginByForm(commandOptions) {
             });
 
             // Wait for the flow to redirect back to the application.
-            cy.get('[role="main"]').should('exist');
-            cy.url().should('include', url);
+            // eslint-disable-next-line cypress/no-unnecessary-waiting
+            cy.wait(commandOptions.timeouts?.waitForRedirect ?? defaultTimeouts.waitForRedirect);
+            cy.get('[role="main"]', {
+              timeout: commandOptions.timeouts?.waitForElement ?? defaultTimeouts.waitForElement
+            }).should('exist');
+            cy.url({
+              timeout: commandOptions.timeouts?.waitForUrl ?? defaultTimeouts.waitForUrl
+            }).should('include', url);
           } else {
             const mcUrl = appConfig.mcApiUrl.replace('mc-api', 'mc');
             // See similar comment above regarding the usage of `cy.wait`.
@@ -187,16 +209,22 @@ function loginByForm(commandOptions) {
             cy.origin(mcUrl, {
               args: {
                 userCredentials,
-                mcUrl
+                mcUrl,
+                timeouts: commandOptions.timeouts,
+                defaultTimeouts
               }
             }, _ref2 => {
               let userCredentials = _ref2.userCredentials,
-                mcUrl = _ref2.mcUrl;
+                mcUrl = _ref2.mcUrl,
+                timeouts = _ref2.timeouts,
+                defaultTimeouts = _ref2.defaultTimeouts;
               cy.url().should('include', `${mcUrl}/login`);
 
               // Same as `fillLegacyLoginFormWithRetry`.
               // eslint-disable-next-line cypress/unsafe-to-chain-command
-              cy.get('input[name=email]')
+              cy.get('input[name=email]', {
+                timeout: timeouts?.waitForEmailInput ?? defaultTimeouts.waitForEmailInput
+              })
               // We use `force` as the MC login UI (production) in tests renders the
               // cookie banner overlapping the input fields.
               // To allow Cypress to interact with the input fields, we use `force`.
@@ -206,7 +234,9 @@ function loginByForm(commandOptions) {
                 force: true
               });
               // eslint-disable-next-line cypress/unsafe-to-chain-command
-              cy.get('input[name=password]')
+              cy.get('input[name=password]', {
+                timeout: timeouts?.waitForPasswordInput ?? defaultTimeouts.waitForPasswordInput
+              })
               // We use `force` as the MC login UI (production) in tests renders the
               // cookie banner overlapping the input fields.
               // To allow Cypress to interact with the input fields, we use `force`.
@@ -229,32 +259,56 @@ function loginByForm(commandOptions) {
           }
         } else {
           if (isGlobalIdentityEnabled) {
-            cy.url().should('include', `${identityUrl}/login`);
+            // Wait for redirect to Identity to complete
+            // eslint-disable-next-line cypress/no-unnecessary-waiting
+            cy.wait(commandOptions.timeouts?.waitForIdentityRedirect ?? defaultTimeouts.waitForIdentityRedirect);
+            cy.url({
+              timeout: commandOptions.timeouts?.waitForUrl ?? defaultTimeouts.waitForUrl
+            }).should('include', `${identityUrl}/login`);
             // Fill in the email and click Next
-            cy.get('input[name="identifier"]').type(userCredentials.email);
+            cy.get('input[name="identifier"]', {
+              timeout: commandOptions.timeouts?.waitForEmailInput ?? defaultTimeouts.waitForEmailInput
+            }).type(userCredentials.email);
             cy.get('button').contains('Next').click();
 
             // Wait for the password form to appear
-            cy.get('input[name="password"]').should('be.visible');
+            cy.get('input[name="password"]', {
+              timeout: commandOptions.timeouts?.waitForPasswordInput ?? defaultTimeouts.waitForPasswordInput
+            }).should('be.visible');
             // Fill in the password and submit
             cy.get('input[name="password"]').type(userCredentials.password, {
               log: false
             });
-            cy.get('button').contains('Submit').click();
+            cy.get('button').contains('Submit').click({
+              force: true
+            });
+
+            // Wait for redirect to start
+            // eslint-disable-next-line cypress/no-unnecessary-waiting
+            cy.wait(commandOptions.timeouts?.waitForRedirect ?? defaultTimeouts.waitForRedirect);
 
             // Wait for the flow to redirect back to the application.
             cy.origin(Cypress.config('baseUrl'), {
               args: {
-                url
+                url,
+                timeouts: commandOptions.timeouts,
+                defaultTimeouts
               }
             }, _ref3 => {
-              let url = _ref3.url;
-              cy.get('[role="main"]').should('exist');
-              cy.url().should('include', url);
+              let url = _ref3.url,
+                timeouts = _ref3.timeouts,
+                defaultTimeouts = _ref3.defaultTimeouts;
+              // Wait for application to fully load
+              cy.get('[role="main"]', {
+                timeout: timeouts?.waitForElement ?? defaultTimeouts.waitForElement
+              }).should('exist');
+              cy.url({
+                timeout: timeouts?.waitForUrl ?? defaultTimeouts.waitForUrl
+              }).should('include', url);
             });
           } else {
             // Legacy login flow.
-            fillLegacyLoginFormWithRetry(userCredentials);
+            fillLegacyLoginFormWithRetry(userCredentials, commandOptions.timeouts);
 
             // Wait for the flow to redirect back to the application.
             cy.get('[role="main"]').should('exist');
@@ -276,7 +330,9 @@ function loginByForm(commandOptions) {
     }
     if (commandOptions.initialRoute) {
       cy.visit(`${Cypress.config('baseUrl')}${commandOptions.initialRoute}`);
-      cy.url().should('include', commandOptions.initialRoute);
+      cy.url({
+        timeout: commandOptions.timeouts?.waitForUrl ?? defaultTimeouts.waitForUrl
+      }).should('include', commandOptions.initialRoute);
     }
   });
 }
@@ -284,7 +340,7 @@ function loginByForm(commandOptions) {
 /* Utilities */
 
 const legacyMaxLoginAttempts = Cypress.config('maxLoginAttempts') ?? 3;
-function fillLegacyLoginFormWithRetry(userCredentials) {
+function fillLegacyLoginFormWithRetry(userCredentials, timeouts) {
   // Intercept the login request so we can retry it if we receive a TOO_MANY_REQUESTS status code
   cy.intercept('POST', '**/tokens').as('loginRequest');
   function getRandomDelayInSeconds() {
@@ -299,13 +355,17 @@ function fillLegacyLoginFormWithRetry(userCredentials) {
     cy.log(`Attempts left: ${attemptsLeft}`);
 
     // eslint-disable-next-line cypress/unsafe-to-chain-command
-    cy.get('input[name=email]').clear({
+    cy.get('input[name=email]', {
+      timeout: timeouts?.waitForEmailInput ?? defaultTimeouts.waitForEmailInput
+    }).clear({
       force: true
     }).type(userCredentials.email, {
       force: true
     });
     // eslint-disable-next-line cypress/unsafe-to-chain-command
-    cy.get('input[name=password]').clear({
+    cy.get('input[name=password]', {
+      timeout: timeouts?.waitForPasswordInput ?? defaultTimeouts.waitForPasswordInput
+    }).clear({
       force: true
     }).type(userCredentials.password, {
       log: false,

package/dist/commercetools-frontend-cypress.cjs.dev.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var constants = require('./constants-009cb682.cjs.dev.js');
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "24.4.0";
+var version = "24.6.0";
 
 exports.HTTP_STATUS_CODES = constants.HTTP_STATUS_CODES;
 exports.OIDC_RESPONSE_TYPES = constants.OIDC_RESPONSE_TYPES;

package/dist/commercetools-frontend-cypress.cjs.prod.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var constants = require('./constants-2f1475a6.cjs.prod.js');
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "24.4.0";
+var version = "24.6.0";
 
 exports.HTTP_STATUS_CODES = constants.HTTP_STATUS_CODES;
 exports.OIDC_RESPONSE_TYPES = constants.OIDC_RESPONSE_TYPES;

package/dist/commercetools-frontend-cypress.esm.js

@@ -1,6 +1,6 @@
 export { H as HTTP_STATUS_CODES, O as OIDC_RESPONSE_TYPES, S as STORAGE_KEYS } from './constants-13c76918.esm.js';
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "24.4.0";
+var version = "24.6.0";
 
 export { version };

package/dist/declarations/src/add-commands/login.d.ts

@@ -10,6 +10,38 @@ export type LoginCredentials = {
      */
     password: string;
 };
+export type LoginCommandTimeouts = {
+    /**
+     * The number of milliseconds to wait for the email input to appear.
+     * Defaults to `4000` (4 seconds).
+     */
+    waitForEmailInput?: number;
+    /**
+     * The number of milliseconds to wait for the password input to appear.
+     * Defaults to `8000` (8 seconds).
+     */
+    waitForPasswordInput?: number;
+    /**
+     * The timeout in milliseconds for cy.get() operations on elements.
+     * Defaults to `15000` (15 seconds).
+     */
+    waitForElement?: number;
+    /**
+     * The timeout in milliseconds for cy.url() operations.
+     * Defaults to `15000` (15 seconds).
+     */
+    waitForUrl?: number;
+    /**
+     * The number of milliseconds to wait for redirects to complete.
+     * Defaults to `3000` (3 seconds).
+     */
+    waitForRedirect?: number;
+    /**
+     * The number of milliseconds to wait for Identity redirect to complete.
+     * Defaults to `8000` (8 seconds).
+     */
+    waitForIdentityRedirect?: number;
+};
 export type CommandLoginOptions = {
     /**
      * The application entry point URI path. This value is used to identify
@@ -46,6 +78,10 @@ export type CommandLoginOptions = {
      * This is only relevant for Cypress version >= `10.9.0`.
      */
     disableCacheAcrossSpecs?: boolean;
+    /**
+     * Configure timeouts for some of the command interactions.
+     */
+    timeouts?: LoginCommandTimeouts;
 };
 export type LoginToMerchantCenterForCustomViewCommandLoginOptions = Omit<CommandLoginOptions, 'entryPointUriPath' | 'initialRoute'> & {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/cypress",
-  "version": "24.4.0",
+  "version": "24.6.0",
   "description": "Cypress commands and utilities for Custom Applications",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -41,9 +41,9 @@
   "dependencies": {
     "@babel/runtime": "^7.22.15",
     "@babel/runtime-corejs3": "^7.22.15",
-    "@commercetools-frontend/application-config": "24.4.0",
-    "@commercetools-frontend/application-shell": "24.4.0",
-    "@commercetools-frontend/constants": "24.4.0",
+    "@commercetools-frontend/application-config": "24.6.0",
+    "@commercetools-frontend/application-shell": "24.6.0",
+    "@commercetools-frontend/constants": "24.6.0",
     "@manypkg/get-packages": "1.1.3",
     "@types/semver": "^7.5.1",
     "semver": "7.6.2",