@commercetools-frontend/cypress 24.4.0 → 24.5.0

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

@@ -47,6 +47,10 @@ function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _
 
 // Alias for backwards compatibility
 
+const defaultTimeouts = {
+  waitForEmailInput: 4000,
+  waitForPasswordInput: 8000
+};
 function isFeatureSupported(expectedVersion) {
   return semver__default["default"].gte(Cypress.version, expectedVersion);
 }
@@ -177,18 +181,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
@@ -207,16 +219,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 +244,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`.
@@ -251,11 +271,15 @@ function loginByForm(commandOptions) {
           if (isGlobalIdentityEnabled) {
             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: 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
@@ -274,7 +298,7 @@ function loginByForm(commandOptions) {
             });
           } 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');
@@ -304,7 +328,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 +343,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,10 @@ function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _
 
 // Alias for backwards compatibility
 
+const defaultTimeouts = {
+  waitForEmailInput: 4000,
+  waitForPasswordInput: 8000
+};
 function isFeatureSupported(expectedVersion) {
   return semver__default["default"].gte(Cypress.version, expectedVersion);
 }
@@ -177,18 +181,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
@@ -207,16 +219,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 +244,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`.
@@ -251,11 +271,15 @@ function loginByForm(commandOptions) {
           if (isGlobalIdentityEnabled) {
             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: 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
@@ -274,7 +298,7 @@ function loginByForm(commandOptions) {
             });
           } 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');
@@ -304,7 +328,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 +343,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,10 @@ function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _
 
 // Alias for backwards compatibility
 
+const defaultTimeouts = {
+  waitForEmailInput: 4000,
+  waitForPasswordInput: 8000
+};
 function isFeatureSupported(expectedVersion) {
   return semver.gte(Cypress.version, expectedVersion);
 }
@@ -157,18 +161,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
@@ -187,16 +199,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 +224,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`.
@@ -231,11 +251,15 @@ function loginByForm(commandOptions) {
           if (isGlobalIdentityEnabled) {
             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: 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
@@ -254,7 +278,7 @@ function loginByForm(commandOptions) {
             });
           } 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');
@@ -284,7 +308,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 +323,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.5.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.5.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.5.0";
 
 export { version };

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

@@ -10,6 +10,18 @@ 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;
+};
 export type CommandLoginOptions = {
     /**
      * The application entry point URI path. This value is used to identify
@@ -46,6 +58,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.5.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.5.0",
+    "@commercetools-frontend/application-shell": "24.5.0",
+    "@commercetools-frontend/constants": "24.5.0",
     "@manypkg/get-packages": "1.1.3",
     "@types/semver": "^7.5.1",
     "semver": "7.6.2",