@commercetools-frontend/cypress 22.2.0 → 22.3.0

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

@@ -33,37 +33,38 @@ var _URL__default = /*#__PURE__*/_interopDefault(_URL);
 var semver__default = /*#__PURE__*/_interopDefault(semver);
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context5, _context6; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context5 = ownKeys(Object(source), !0)).call(_context5, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context6 = ownKeys(Object(source))).call(_context6, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+// Alias for backwards compatibility
+
 function isFeatureSupported(expectedVersion) {
   return semver__default["default"].gte(Cypress.version, expectedVersion);
 }
-
 function loginByForm(commandOptions) {
   var _commandOptions$proje;
-
   if (isLocalhost()) {
     throw new Error("At the moment, the \"loginByForm\" command only works when testing a Merchant Center production URL. Using form login in an application running on localhost is not supported due to issues with \"cy.origin\".");
   }
-
   const projectKey = (_commandOptions$proje = commandOptions.projectKey) !== null && _commandOptions$proje !== void 0 ? _commandOptions$proje : Cypress.env('PROJECT_KEY');
   cy.task('customApplicationConfig', {
     entryPointUriPath: commandOptions.entryPointUriPath,
     dotfiles: commandOptions.dotfiles
-  }, // Do not show log, as it may contain sensible information.
+  },
+  // Do not show log, as it may contain sensible information.
   {
     log: false
   }).then(appConfig => {
     var _context, _commandOptions$login;
-
     let url = _concatInstanceProperty__default["default"](_context = "/".concat(projectKey, "/")).call(_context, commandOptions.entryPointUriPath);
-
     if (commandOptions.entryPointUriPath === 'account') {
       url = "/".concat(commandOptions.entryPointUriPath);
-    } // Log loaded application config for debugging purposes.
-
+    }
 
+    // Log loaded application config for debugging purposes.
     Cypress.log({
       displayName: 'task',
       name: 'customApplicationConfig',
@@ -73,68 +74,65 @@ function loginByForm(commandOptions) {
       email: Cypress.env('LOGIN_EMAIL') || Cypress.env('LOGIN_USER'),
       password: Cypress.env('LOGIN_PASSWORD')
     };
-    const sessionKey = ['loginByForm', userCredentials.email, commandOptions.entryPointUriPath]; // const mcUrl = new URL(appConfig.mcApiUrl);
+    const sessionKey = ['loginByForm', userCredentials.email, commandOptions.entryPointUriPath];
+    // const mcUrl = new URL(appConfig.mcApiUrl);
     // const mcFrontendHostname = mcUrl.hostname.replace('mc-api', 'mc');
 
     function authCallback() {
-      cy.visit(url); // NOTE: using `cy.origin` is currently disabled as it does not seem to properly work.
+      cy.visit(url);
+
+      // NOTE: using `cy.origin` is currently disabled as it does not seem to properly work.
       // Interestingly, starting an application locally using Vite works, however not when using Webpack.
       // For now we keep it disabled until we find a solution.
+
       // // https://cypress.io/blog/2022/04/25/cypress-9-6-0-easily-test-multi-domain-workflows-with-cy-origin/
       // cy.origin(
       //   mcFrontendHostname,
       //   { args: userCredentials },
       //   fillLoginForm
       // );
+      fillLoginForm(userCredentials);
 
-      fillLoginForm(userCredentials); // Wait for the route to be loaded so that the session can be saved.
-
+      // Wait for the route to be loaded so that the session can be saved.
       cy.url().should('include', url);
-    } // For backwards compatibility.
-
+    }
 
-    if (Cypress.config('experimentalSessionAndOrigin')) {
+    // For backwards compatibility.
+    if (isFeatureSupported('12.0.0') || Cypress.config('experimentalSessionAndOrigin')) {
       // https://www.cypress.io/blog/2021/08/04/authenticate-faster-in-tests-cy-session-command/
       cy.session(sessionKey, authCallback, isFeatureSupported('10.9.0') ? {
         cacheAcrossSpecs: typeof commandOptions.disableCacheAcrossSpecs === 'boolean' ? !commandOptions.disableCacheAcrossSpecs : true
       } : undefined);
     } else {
-      cy.log("We recommend turning on the flag \"experimentalSessionAndOrigin\" to be able to use \"cy.session\" and thus reduce the time to log in between tests.");
+      cy.log("We recommend to use \"cy.session\" to reduce the time to log in between tests. Make sure to have at least Cypress v12 or enable it via \"experimentalSessionAndOrigin\" for older Cypress versions.");
       authCallback();
     }
-
     if (commandOptions.initialRoute) {
       var _context2;
-
       cy.visit(_concatInstanceProperty__default["default"](_context2 = "".concat(Cypress.config('baseUrl'))).call(_context2, commandOptions.initialRoute));
       cy.url().should('include', commandOptions.initialRoute);
     }
   });
 }
-
 function loginByOidc(commandOptions) {
   if (!isLocalhost()) {
     throw new Error("The \"loginByOidc\" command only works when testing a Custom Application running on localhost.");
   }
-
   const sessionNonce = uuid.v4();
   let projectKey = undefined;
-
   if (commandOptions.entryPointUriPath !== 'account') {
     var _commandOptions$proje2;
-
     projectKey = (_commandOptions$proje2 = commandOptions.projectKey) !== null && _commandOptions$proje2 !== void 0 ? _commandOptions$proje2 : Cypress.env('PROJECT_KEY');
   }
-
   cy.task('customApplicationConfig', {
     entryPointUriPath: commandOptions.entryPointUriPath,
     dotfiles: commandOptions.dotfiles
-  }, // Do not show log, as it may contain sensible information.
+  },
+  // Do not show log, as it may contain sensible information.
   {
     log: false
   }).then(appConfig => {
     var _appConfig$__DEVELOPM, _appConfig$__DEVELOPM2, _appConfig$__DEVELOPM3, _appConfig$__DEVELOPM4, _appConfig$__DEVELOPM5, _appConfig$__DEVELOPM6, _commandOptions$login2;
-
     // Log loaded application config for debugging purposes.
     Cypress.log({
       displayName: 'task',
@@ -151,9 +149,9 @@ function loginByOidc(commandOptions) {
     const userCredentials = (_commandOptions$login2 = commandOptions.login) !== null && _commandOptions$login2 !== void 0 ? _commandOptions$login2 : {
       email: Cypress.env('LOGIN_EMAIL') || Cypress.env('LOGIN_USER'),
       password: Cypress.env('LOGIN_PASSWORD')
-    }; // Perform the login using the API, then store some required values into the browser storage
+    };
+    // Perform the login using the API, then store some required values into the browser storage
     // and redirect to the auth callback route.
-
     const requestOptions = {
       method: 'POST',
       url: "".concat(appConfig.mcApiUrl, "/tokens"),
@@ -168,54 +166,49 @@ function loginByOidc(commandOptions) {
     };
     cy.request(requestOptions).then(res => {
       const sessionKey = ['loginByOidc', userCredentials.email, commandOptions.entryPointUriPath];
-
       function authCallback() {
         cy.visit(res.body.redirectTo, {
           onBeforeLoad(win) {
             var _context3;
-
             if (projectKey) {
               win.localStorage.setItem(constants.STORAGE_KEYS.ACTIVE_PROJECT_KEY, projectKey);
             }
-
             win.sessionStorage.setItem(_concatInstanceProperty__default["default"](_context3 = "".concat(constants.STORAGE_KEYS.NONCE, "_")).call(_context3, sessionNonce), _JSON$stringify__default["default"]({
               applicationId,
               query: {}
             }));
             win.sessionStorage.setItem(constants.STORAGE_KEYS.SESSION_SCOPE, sessionScope);
-
+            // Disable redesign announcement
+            win.localStorage.setItem('isNewDesignReleaseNotificationClosed', 'true');
             if (commandOptions.onBeforeLoad) {
               commandOptions.onBeforeLoad(win);
             }
           }
-
-        }); // Wait for the application to be loaded so that the session can be saved.
-
+        });
+        // Wait for the application to be loaded so that the session can be saved.
         cy.get('#app-loader').should('not.exist');
-      } // For backwards compatibility.
-
+      }
 
-      if (Cypress.config('experimentalSessionAndOrigin')) {
+      // For backwards compatibility.
+      if (isFeatureSupported('12.0.0') || Cypress.config('experimentalSessionAndOrigin')) {
         // https://www.cypress.io/blog/2021/08/04/authenticate-faster-in-tests-cy-session-command/
         cy.session(sessionKey, authCallback, isFeatureSupported('10.9.0') ? {
           cacheAcrossSpecs: typeof commandOptions.disableCacheAcrossSpecs === 'boolean' ? !commandOptions.disableCacheAcrossSpecs : true
         } : undefined);
       } else {
-        cy.log("We recommend turning on the flag \"experimentalSessionAndOrigin\" to be able to use \"cy.session\" and thus reduce the time to log in between tests.");
+        cy.log("We recommend to use \"cy.session\" to reduce the time to log in between tests. Make sure to have at least Cypress v12 or enable it via \"experimentalSessionAndOrigin\" for older Cypress versions.");
         authCallback();
       }
-
       if (commandOptions.initialRoute) {
         var _context4;
-
         cy.visit(_concatInstanceProperty__default["default"](_context4 = "".concat(Cypress.config('baseUrl'))).call(_context4, commandOptions.initialRoute));
         cy.url().should('include', commandOptions.initialRoute);
       }
     });
   });
 }
-/* Utilities */
 
+/* Utilities */
 
 function fillLoginForm(userCredentials) {
   cy.get('input[name=email]').type(userCredentials.email);
@@ -224,17 +217,19 @@ function fillLoginForm(userCredentials) {
   });
   cy.get('button').contains('Sign in').click();
 }
-
 function isLocalhost() {
   const baseUrl = new _URL__default["default"](Cypress.config('baseUrl'));
   return baseUrl.hostname === 'localhost';
 }
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+
 Cypress.Commands.add('loginToMerchantCenter', commandOptions => {
   Cypress.log({
     name: 'loginToMerchantCenter'
   });
-
   if (isLocalhost()) {
     loginByOidc(commandOptions);
   } else {

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

@@ -33,37 +33,38 @@ var _URL__default = /*#__PURE__*/_interopDefault(_URL);
 var semver__default = /*#__PURE__*/_interopDefault(semver);
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context5, _context6; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context5 = ownKeys(Object(source), !0)).call(_context5, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context6 = ownKeys(Object(source))).call(_context6, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+// Alias for backwards compatibility
+
 function isFeatureSupported(expectedVersion) {
   return semver__default["default"].gte(Cypress.version, expectedVersion);
 }
-
 function loginByForm(commandOptions) {
   var _commandOptions$proje;
-
   if (isLocalhost()) {
     throw new Error("At the moment, the \"loginByForm\" command only works when testing a Merchant Center production URL. Using form login in an application running on localhost is not supported due to issues with \"cy.origin\".");
   }
-
   const projectKey = (_commandOptions$proje = commandOptions.projectKey) !== null && _commandOptions$proje !== void 0 ? _commandOptions$proje : Cypress.env('PROJECT_KEY');
   cy.task('customApplicationConfig', {
     entryPointUriPath: commandOptions.entryPointUriPath,
     dotfiles: commandOptions.dotfiles
-  }, // Do not show log, as it may contain sensible information.
+  },
+  // Do not show log, as it may contain sensible information.
   {
     log: false
   }).then(appConfig => {
     var _context, _commandOptions$login;
-
     let url = _concatInstanceProperty__default["default"](_context = "/".concat(projectKey, "/")).call(_context, commandOptions.entryPointUriPath);
-
     if (commandOptions.entryPointUriPath === 'account') {
       url = "/".concat(commandOptions.entryPointUriPath);
-    } // Log loaded application config for debugging purposes.
-
+    }
 
+    // Log loaded application config for debugging purposes.
     Cypress.log({
       displayName: 'task',
       name: 'customApplicationConfig',
@@ -73,68 +74,65 @@ function loginByForm(commandOptions) {
       email: Cypress.env('LOGIN_EMAIL') || Cypress.env('LOGIN_USER'),
       password: Cypress.env('LOGIN_PASSWORD')
     };
-    const sessionKey = ['loginByForm', userCredentials.email, commandOptions.entryPointUriPath]; // const mcUrl = new URL(appConfig.mcApiUrl);
+    const sessionKey = ['loginByForm', userCredentials.email, commandOptions.entryPointUriPath];
+    // const mcUrl = new URL(appConfig.mcApiUrl);
     // const mcFrontendHostname = mcUrl.hostname.replace('mc-api', 'mc');
 
     function authCallback() {
-      cy.visit(url); // NOTE: using `cy.origin` is currently disabled as it does not seem to properly work.
+      cy.visit(url);
+
+      // NOTE: using `cy.origin` is currently disabled as it does not seem to properly work.
       // Interestingly, starting an application locally using Vite works, however not when using Webpack.
       // For now we keep it disabled until we find a solution.
+
       // // https://cypress.io/blog/2022/04/25/cypress-9-6-0-easily-test-multi-domain-workflows-with-cy-origin/
       // cy.origin(
       //   mcFrontendHostname,
       //   { args: userCredentials },
       //   fillLoginForm
       // );
+      fillLoginForm(userCredentials);
 
-      fillLoginForm(userCredentials); // Wait for the route to be loaded so that the session can be saved.
-
+      // Wait for the route to be loaded so that the session can be saved.
       cy.url().should('include', url);
-    } // For backwards compatibility.
-
+    }
 
-    if (Cypress.config('experimentalSessionAndOrigin')) {
+    // For backwards compatibility.
+    if (isFeatureSupported('12.0.0') || Cypress.config('experimentalSessionAndOrigin')) {
       // https://www.cypress.io/blog/2021/08/04/authenticate-faster-in-tests-cy-session-command/
       cy.session(sessionKey, authCallback, isFeatureSupported('10.9.0') ? {
         cacheAcrossSpecs: typeof commandOptions.disableCacheAcrossSpecs === 'boolean' ? !commandOptions.disableCacheAcrossSpecs : true
       } : undefined);
     } else {
-      cy.log("We recommend turning on the flag \"experimentalSessionAndOrigin\" to be able to use \"cy.session\" and thus reduce the time to log in between tests.");
+      cy.log("We recommend to use \"cy.session\" to reduce the time to log in between tests. Make sure to have at least Cypress v12 or enable it via \"experimentalSessionAndOrigin\" for older Cypress versions.");
       authCallback();
     }
-
     if (commandOptions.initialRoute) {
       var _context2;
-
       cy.visit(_concatInstanceProperty__default["default"](_context2 = "".concat(Cypress.config('baseUrl'))).call(_context2, commandOptions.initialRoute));
       cy.url().should('include', commandOptions.initialRoute);
     }
   });
 }
-
 function loginByOidc(commandOptions) {
   if (!isLocalhost()) {
     throw new Error("The \"loginByOidc\" command only works when testing a Custom Application running on localhost.");
   }
-
   const sessionNonce = uuid.v4();
   let projectKey = undefined;
-
   if (commandOptions.entryPointUriPath !== 'account') {
     var _commandOptions$proje2;
-
     projectKey = (_commandOptions$proje2 = commandOptions.projectKey) !== null && _commandOptions$proje2 !== void 0 ? _commandOptions$proje2 : Cypress.env('PROJECT_KEY');
   }
-
   cy.task('customApplicationConfig', {
     entryPointUriPath: commandOptions.entryPointUriPath,
     dotfiles: commandOptions.dotfiles
-  }, // Do not show log, as it may contain sensible information.
+  },
+  // Do not show log, as it may contain sensible information.
   {
     log: false
   }).then(appConfig => {
     var _appConfig$__DEVELOPM, _appConfig$__DEVELOPM2, _appConfig$__DEVELOPM3, _appConfig$__DEVELOPM4, _appConfig$__DEVELOPM5, _appConfig$__DEVELOPM6, _commandOptions$login2;
-
     // Log loaded application config for debugging purposes.
     Cypress.log({
       displayName: 'task',
@@ -151,9 +149,9 @@ function loginByOidc(commandOptions) {
     const userCredentials = (_commandOptions$login2 = commandOptions.login) !== null && _commandOptions$login2 !== void 0 ? _commandOptions$login2 : {
       email: Cypress.env('LOGIN_EMAIL') || Cypress.env('LOGIN_USER'),
       password: Cypress.env('LOGIN_PASSWORD')
-    }; // Perform the login using the API, then store some required values into the browser storage
+    };
+    // Perform the login using the API, then store some required values into the browser storage
     // and redirect to the auth callback route.
-
     const requestOptions = {
       method: 'POST',
       url: "".concat(appConfig.mcApiUrl, "/tokens"),
@@ -168,54 +166,49 @@ function loginByOidc(commandOptions) {
     };
     cy.request(requestOptions).then(res => {
       const sessionKey = ['loginByOidc', userCredentials.email, commandOptions.entryPointUriPath];
-
       function authCallback() {
         cy.visit(res.body.redirectTo, {
           onBeforeLoad(win) {
             var _context3;
-
             if (projectKey) {
               win.localStorage.setItem(constants.STORAGE_KEYS.ACTIVE_PROJECT_KEY, projectKey);
             }
-
             win.sessionStorage.setItem(_concatInstanceProperty__default["default"](_context3 = "".concat(constants.STORAGE_KEYS.NONCE, "_")).call(_context3, sessionNonce), _JSON$stringify__default["default"]({
               applicationId,
               query: {}
             }));
             win.sessionStorage.setItem(constants.STORAGE_KEYS.SESSION_SCOPE, sessionScope);
-
+            // Disable redesign announcement
+            win.localStorage.setItem('isNewDesignReleaseNotificationClosed', 'true');
             if (commandOptions.onBeforeLoad) {
               commandOptions.onBeforeLoad(win);
             }
           }
-
-        }); // Wait for the application to be loaded so that the session can be saved.
-
+        });
+        // Wait for the application to be loaded so that the session can be saved.
         cy.get('#app-loader').should('not.exist');
-      } // For backwards compatibility.
-
+      }
 
-      if (Cypress.config('experimentalSessionAndOrigin')) {
+      // For backwards compatibility.
+      if (isFeatureSupported('12.0.0') || Cypress.config('experimentalSessionAndOrigin')) {
         // https://www.cypress.io/blog/2021/08/04/authenticate-faster-in-tests-cy-session-command/
         cy.session(sessionKey, authCallback, isFeatureSupported('10.9.0') ? {
           cacheAcrossSpecs: typeof commandOptions.disableCacheAcrossSpecs === 'boolean' ? !commandOptions.disableCacheAcrossSpecs : true
         } : undefined);
       } else {
-        cy.log("We recommend turning on the flag \"experimentalSessionAndOrigin\" to be able to use \"cy.session\" and thus reduce the time to log in between tests.");
+        cy.log("We recommend to use \"cy.session\" to reduce the time to log in between tests. Make sure to have at least Cypress v12 or enable it via \"experimentalSessionAndOrigin\" for older Cypress versions.");
         authCallback();
       }
-
       if (commandOptions.initialRoute) {
         var _context4;
-
         cy.visit(_concatInstanceProperty__default["default"](_context4 = "".concat(Cypress.config('baseUrl'))).call(_context4, commandOptions.initialRoute));
         cy.url().should('include', commandOptions.initialRoute);
       }
     });
   });
 }
-/* Utilities */
 
+/* Utilities */
 
 function fillLoginForm(userCredentials) {
   cy.get('input[name=email]').type(userCredentials.email);
@@ -224,17 +217,19 @@ function fillLoginForm(userCredentials) {
   });
   cy.get('button').contains('Sign in').click();
 }
-
 function isLocalhost() {
   const baseUrl = new _URL__default["default"](Cypress.config('baseUrl'));
   return baseUrl.hostname === 'localhost';
 }
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+
 Cypress.Commands.add('loginToMerchantCenter', commandOptions => {
   Cypress.log({
     name: 'loginToMerchantCenter'
   });
-
   if (isLocalhost()) {
     loginByOidc(commandOptions);
   } else {

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

@@ -16,37 +16,38 @@ import { buildOidcScope } from '@commercetools-frontend/application-shell/ssr';
 import { O as OIDC_RESPONSE_TYPES, S as STORAGE_KEYS } from '../../dist/constants-18b165fc.esm.js';
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context5, _context6; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context5 = ownKeys(Object(source), !0)).call(_context5, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context6 = ownKeys(Object(source))).call(_context6, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+// Alias for backwards compatibility
+
 function isFeatureSupported(expectedVersion) {
   return semver.gte(Cypress.version, expectedVersion);
 }
-
 function loginByForm(commandOptions) {
   var _commandOptions$proje;
-
   if (isLocalhost()) {
     throw new Error("At the moment, the \"loginByForm\" command only works when testing a Merchant Center production URL. Using form login in an application running on localhost is not supported due to issues with \"cy.origin\".");
   }
-
   const projectKey = (_commandOptions$proje = commandOptions.projectKey) !== null && _commandOptions$proje !== void 0 ? _commandOptions$proje : Cypress.env('PROJECT_KEY');
   cy.task('customApplicationConfig', {
     entryPointUriPath: commandOptions.entryPointUriPath,
     dotfiles: commandOptions.dotfiles
-  }, // Do not show log, as it may contain sensible information.
+  },
+  // Do not show log, as it may contain sensible information.
   {
     log: false
   }).then(appConfig => {
     var _context, _commandOptions$login;
-
     let url = _concatInstanceProperty(_context = "/".concat(projectKey, "/")).call(_context, commandOptions.entryPointUriPath);
-
     if (commandOptions.entryPointUriPath === 'account') {
       url = "/".concat(commandOptions.entryPointUriPath);
-    } // Log loaded application config for debugging purposes.
-
+    }
 
+    // Log loaded application config for debugging purposes.
     Cypress.log({
       displayName: 'task',
       name: 'customApplicationConfig',
@@ -56,68 +57,65 @@ function loginByForm(commandOptions) {
       email: Cypress.env('LOGIN_EMAIL') || Cypress.env('LOGIN_USER'),
       password: Cypress.env('LOGIN_PASSWORD')
     };
-    const sessionKey = ['loginByForm', userCredentials.email, commandOptions.entryPointUriPath]; // const mcUrl = new URL(appConfig.mcApiUrl);
+    const sessionKey = ['loginByForm', userCredentials.email, commandOptions.entryPointUriPath];
+    // const mcUrl = new URL(appConfig.mcApiUrl);
     // const mcFrontendHostname = mcUrl.hostname.replace('mc-api', 'mc');
 
     function authCallback() {
-      cy.visit(url); // NOTE: using `cy.origin` is currently disabled as it does not seem to properly work.
+      cy.visit(url);
+
+      // NOTE: using `cy.origin` is currently disabled as it does not seem to properly work.
       // Interestingly, starting an application locally using Vite works, however not when using Webpack.
       // For now we keep it disabled until we find a solution.
+
       // // https://cypress.io/blog/2022/04/25/cypress-9-6-0-easily-test-multi-domain-workflows-with-cy-origin/
       // cy.origin(
       //   mcFrontendHostname,
       //   { args: userCredentials },
       //   fillLoginForm
       // );
+      fillLoginForm(userCredentials);
 
-      fillLoginForm(userCredentials); // Wait for the route to be loaded so that the session can be saved.
-
+      // Wait for the route to be loaded so that the session can be saved.
       cy.url().should('include', url);
-    } // For backwards compatibility.
-
+    }
 
-    if (Cypress.config('experimentalSessionAndOrigin')) {
+    // For backwards compatibility.
+    if (isFeatureSupported('12.0.0') || Cypress.config('experimentalSessionAndOrigin')) {
       // https://www.cypress.io/blog/2021/08/04/authenticate-faster-in-tests-cy-session-command/
       cy.session(sessionKey, authCallback, isFeatureSupported('10.9.0') ? {
         cacheAcrossSpecs: typeof commandOptions.disableCacheAcrossSpecs === 'boolean' ? !commandOptions.disableCacheAcrossSpecs : true
       } : undefined);
     } else {
-      cy.log("We recommend turning on the flag \"experimentalSessionAndOrigin\" to be able to use \"cy.session\" and thus reduce the time to log in between tests.");
+      cy.log("We recommend to use \"cy.session\" to reduce the time to log in between tests. Make sure to have at least Cypress v12 or enable it via \"experimentalSessionAndOrigin\" for older Cypress versions.");
       authCallback();
     }
-
     if (commandOptions.initialRoute) {
       var _context2;
-
       cy.visit(_concatInstanceProperty(_context2 = "".concat(Cypress.config('baseUrl'))).call(_context2, commandOptions.initialRoute));
       cy.url().should('include', commandOptions.initialRoute);
     }
   });
 }
-
 function loginByOidc(commandOptions) {
   if (!isLocalhost()) {
     throw new Error("The \"loginByOidc\" command only works when testing a Custom Application running on localhost.");
   }
-
   const sessionNonce = v4();
   let projectKey = undefined;
-
   if (commandOptions.entryPointUriPath !== 'account') {
     var _commandOptions$proje2;
-
     projectKey = (_commandOptions$proje2 = commandOptions.projectKey) !== null && _commandOptions$proje2 !== void 0 ? _commandOptions$proje2 : Cypress.env('PROJECT_KEY');
   }
-
   cy.task('customApplicationConfig', {
     entryPointUriPath: commandOptions.entryPointUriPath,
     dotfiles: commandOptions.dotfiles
-  }, // Do not show log, as it may contain sensible information.
+  },
+  // Do not show log, as it may contain sensible information.
   {
     log: false
   }).then(appConfig => {
     var _appConfig$__DEVELOPM, _appConfig$__DEVELOPM2, _appConfig$__DEVELOPM3, _appConfig$__DEVELOPM4, _appConfig$__DEVELOPM5, _appConfig$__DEVELOPM6, _commandOptions$login2;
-
     // Log loaded application config for debugging purposes.
     Cypress.log({
       displayName: 'task',
@@ -134,9 +132,9 @@ function loginByOidc(commandOptions) {
     const userCredentials = (_commandOptions$login2 = commandOptions.login) !== null && _commandOptions$login2 !== void 0 ? _commandOptions$login2 : {
       email: Cypress.env('LOGIN_EMAIL') || Cypress.env('LOGIN_USER'),
       password: Cypress.env('LOGIN_PASSWORD')
-    }; // Perform the login using the API, then store some required values into the browser storage
+    };
+    // Perform the login using the API, then store some required values into the browser storage
     // and redirect to the auth callback route.
-
     const requestOptions = {
       method: 'POST',
       url: "".concat(appConfig.mcApiUrl, "/tokens"),
@@ -151,54 +149,49 @@ function loginByOidc(commandOptions) {
     };
     cy.request(requestOptions).then(res => {
       const sessionKey = ['loginByOidc', userCredentials.email, commandOptions.entryPointUriPath];
-
       function authCallback() {
         cy.visit(res.body.redirectTo, {
           onBeforeLoad(win) {
             var _context3;
-
             if (projectKey) {
               win.localStorage.setItem(STORAGE_KEYS.ACTIVE_PROJECT_KEY, projectKey);
             }
-
             win.sessionStorage.setItem(_concatInstanceProperty(_context3 = "".concat(STORAGE_KEYS.NONCE, "_")).call(_context3, sessionNonce), _JSON$stringify({
               applicationId,
               query: {}
             }));
             win.sessionStorage.setItem(STORAGE_KEYS.SESSION_SCOPE, sessionScope);
-
+            // Disable redesign announcement
+            win.localStorage.setItem('isNewDesignReleaseNotificationClosed', 'true');
             if (commandOptions.onBeforeLoad) {
               commandOptions.onBeforeLoad(win);
             }
           }
-
-        }); // Wait for the application to be loaded so that the session can be saved.
-
+        });
+        // Wait for the application to be loaded so that the session can be saved.
         cy.get('#app-loader').should('not.exist');
-      } // For backwards compatibility.
-
+      }
 
-      if (Cypress.config('experimentalSessionAndOrigin')) {
+      // For backwards compatibility.
+      if (isFeatureSupported('12.0.0') || Cypress.config('experimentalSessionAndOrigin')) {
         // https://www.cypress.io/blog/2021/08/04/authenticate-faster-in-tests-cy-session-command/
         cy.session(sessionKey, authCallback, isFeatureSupported('10.9.0') ? {
           cacheAcrossSpecs: typeof commandOptions.disableCacheAcrossSpecs === 'boolean' ? !commandOptions.disableCacheAcrossSpecs : true
         } : undefined);
       } else {
-        cy.log("We recommend turning on the flag \"experimentalSessionAndOrigin\" to be able to use \"cy.session\" and thus reduce the time to log in between tests.");
+        cy.log("We recommend to use \"cy.session\" to reduce the time to log in between tests. Make sure to have at least Cypress v12 or enable it via \"experimentalSessionAndOrigin\" for older Cypress versions.");
         authCallback();
       }
-
       if (commandOptions.initialRoute) {
         var _context4;
-
         cy.visit(_concatInstanceProperty(_context4 = "".concat(Cypress.config('baseUrl'))).call(_context4, commandOptions.initialRoute));
         cy.url().should('include', commandOptions.initialRoute);
       }
     });
   });
 }
-/* Utilities */
 
+/* Utilities */
 
 function fillLoginForm(userCredentials) {
   cy.get('input[name=email]').type(userCredentials.email);
@@ -207,17 +200,19 @@ function fillLoginForm(userCredentials) {
   });
   cy.get('button').contains('Sign in').click();
 }
-
 function isLocalhost() {
   const baseUrl = new _URL(Cypress.config('baseUrl'));
   return baseUrl.hostname === 'localhost';
 }
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+
 Cypress.Commands.add('loginToMerchantCenter', commandOptions => {
   Cypress.log({
     name: 'loginToMerchantCenter'
   });
-
   if (isLocalhost()) {
     loginByOidc(commandOptions);
   } else {

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

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

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

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

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

@@ -1,6 +1,6 @@
 export { O as OIDC_RESPONSE_TYPES, S as STORAGE_KEYS } from './constants-18b165fc.esm.js';
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "22.2.0";
+var version = "22.3.0";
 
 export { version };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/cypress",
-  "version": "22.2.0",
+  "version": "22.3.0",
   "description": "Cypress commands and utilities for Custom Applications",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -24,7 +24,11 @@
   "main": "dist/commercetools-frontend-cypress.cjs.js",
   "module": "dist/commercetools-frontend-cypress.esm.js",
   "preconstruct": {
-    "entrypoints": ["./index.ts", "./add-commands/index.ts", "./task/index.ts"]
+    "entrypoints": [
+      "./index.ts",
+      "./add-commands/index.ts",
+      "./task/index.ts"
+    ]
   },
   "files": [
     "dist",
@@ -37,17 +41,18 @@
   "dependencies": {
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-frontend/application-config": "22.2.0",
-    "@commercetools-frontend/application-shell": "22.2.0",
+    "@commercetools-frontend/application-config": "22.3.0",
+    "@commercetools-frontend/application-shell": "22.3.0",
     "@manypkg/get-packages": "1.1.3",
+    "@types/semver": "^7.5.0",
     "semver": "7.5.0",
     "uuid": "9.0.0"
   },
   "devDependencies": {
     "@tsconfig/node16": "^1.0.3",
-    "cypress": "11.2.0"
+    "cypress": "12.12.0"
   },
   "peerDependencies": {
     "cypress": ">=8"
   }
-}
+}

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

@@ -32,47 +32,37 @@ var fs__default = /*#__PURE__*/_interopDefault(fs);
 var path__default = /*#__PURE__*/_interopDefault(path);
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 let cachedAllCustomApplicationConfigs;
 const defaultDotfiles = ['.env', '.env.local'];
-
 const loadEnvironmentVariables = (packageDirPath, options) => {
   var _options$dotfiles;
-
   const dotfiles = (_options$dotfiles = options.dotfiles) !== null && _options$dotfiles !== void 0 ? _options$dotfiles : defaultDotfiles;
   return _reduceInstanceProperty__default["default"](dotfiles).call(dotfiles, (mergedEnvs, dotfile) => {
     const envPath = path__default["default"].join(packageDirPath, dotfile);
-
     if (!fs__default["default"].existsSync(envPath)) {
       return mergedEnvs;
     }
-
     const env = require('dotenv').config({
       path: envPath
     });
-
     if (env.error) {
       console.error("Failed to load environment variables from ".concat(envPath));
       return mergedEnvs;
     }
-
     console.log("Loading environment variables from ".concat(envPath));
-    return _objectSpread(_objectSpread({}, mergedEnvs), env.parsed); // Merge it with the environment variables defined in the current process.
+    return _objectSpread(_objectSpread({}, mergedEnvs), env.parsed);
+    // Merge it with the environment variables defined in the current process.
   }, process.env);
 };
-
 const loadAllCustomApplicationConfigs = async options => {
   if (cachedAllCustomApplicationConfigs) {
     return cachedAllCustomApplicationConfigs;
   }
-
   const _await$getPackages = await getPackages.getPackages(process.cwd()),
-        packages = _await$getPackages.packages;
-
+    packages = _await$getPackages.packages;
   cachedAllCustomApplicationConfigs = _reduceInstanceProperty__default["default"](packages).call(packages, (allConfigs, packageInfo) => {
     const processEnv = loadEnvironmentVariables(packageInfo.dir, options);
-
     try {
       const processedConfig = applicationConfig.processConfig({
         disableCache: true,
@@ -90,21 +80,17 @@ const loadAllCustomApplicationConfigs = async options => {
       if (error instanceof applicationConfig.MissingOrInvalidConfigError) {
         return allConfigs;
       }
-
       throw error;
     }
   }, {});
   return cachedAllCustomApplicationConfigs;
 };
-
 const customApplicationConfig = async options => {
   const allCustomApplicationConfigs = await loadAllCustomApplicationConfigs(options);
   const customApplicationConfig = allCustomApplicationConfigs[options.entryPointUriPath];
-
   if (!customApplicationConfig) {
     throw new Error("Could not find Custom Application config for entry point \"".concat(options.entryPointUriPath, "\""));
   }
-
   console.log("Using Custom Application config for \"".concat(options.entryPointUriPath, "\""));
   return customApplicationConfig;
 };

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

@@ -32,47 +32,37 @@ var fs__default = /*#__PURE__*/_interopDefault(fs);
 var path__default = /*#__PURE__*/_interopDefault(path);
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 let cachedAllCustomApplicationConfigs;
 const defaultDotfiles = ['.env', '.env.local'];
-
 const loadEnvironmentVariables = (packageDirPath, options) => {
   var _options$dotfiles;
-
   const dotfiles = (_options$dotfiles = options.dotfiles) !== null && _options$dotfiles !== void 0 ? _options$dotfiles : defaultDotfiles;
   return _reduceInstanceProperty__default["default"](dotfiles).call(dotfiles, (mergedEnvs, dotfile) => {
     const envPath = path__default["default"].join(packageDirPath, dotfile);
-
     if (!fs__default["default"].existsSync(envPath)) {
       return mergedEnvs;
     }
-
     const env = require('dotenv').config({
       path: envPath
     });
-
     if (env.error) {
       console.error("Failed to load environment variables from ".concat(envPath));
       return mergedEnvs;
     }
-
     console.log("Loading environment variables from ".concat(envPath));
-    return _objectSpread(_objectSpread({}, mergedEnvs), env.parsed); // Merge it with the environment variables defined in the current process.
+    return _objectSpread(_objectSpread({}, mergedEnvs), env.parsed);
+    // Merge it with the environment variables defined in the current process.
   }, process.env);
 };
-
 const loadAllCustomApplicationConfigs = async options => {
   if (cachedAllCustomApplicationConfigs) {
     return cachedAllCustomApplicationConfigs;
   }
-
   const _await$getPackages = await getPackages.getPackages(process.cwd()),
-        packages = _await$getPackages.packages;
-
+    packages = _await$getPackages.packages;
   cachedAllCustomApplicationConfigs = _reduceInstanceProperty__default["default"](packages).call(packages, (allConfigs, packageInfo) => {
     const processEnv = loadEnvironmentVariables(packageInfo.dir, options);
-
     try {
       const processedConfig = applicationConfig.processConfig({
         disableCache: true,
@@ -90,21 +80,17 @@ const loadAllCustomApplicationConfigs = async options => {
       if (error instanceof applicationConfig.MissingOrInvalidConfigError) {
         return allConfigs;
       }
-
       throw error;
     }
   }, {});
   return cachedAllCustomApplicationConfigs;
 };
-
 const customApplicationConfig = async options => {
   const allCustomApplicationConfigs = await loadAllCustomApplicationConfigs(options);
   const customApplicationConfig = allCustomApplicationConfigs[options.entryPointUriPath];
-
   if (!customApplicationConfig) {
     throw new Error("Could not find Custom Application config for entry point \"".concat(options.entryPointUriPath, "\""));
   }
-
   console.log("Using Custom Application config for \"".concat(options.entryPointUriPath, "\""));
   return customApplicationConfig;
 };

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

@@ -14,47 +14,37 @@ import { getPackages } from '@manypkg/get-packages';
 import { processConfig, MissingOrInvalidConfigError } from '@commercetools-frontend/application-config';
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 let cachedAllCustomApplicationConfigs;
 const defaultDotfiles = ['.env', '.env.local'];
-
 const loadEnvironmentVariables = (packageDirPath, options) => {
   var _options$dotfiles;
-
   const dotfiles = (_options$dotfiles = options.dotfiles) !== null && _options$dotfiles !== void 0 ? _options$dotfiles : defaultDotfiles;
   return _reduceInstanceProperty(dotfiles).call(dotfiles, (mergedEnvs, dotfile) => {
     const envPath = path.join(packageDirPath, dotfile);
-
     if (!fs.existsSync(envPath)) {
       return mergedEnvs;
     }
-
     const env = require('dotenv').config({
       path: envPath
     });
-
     if (env.error) {
       console.error("Failed to load environment variables from ".concat(envPath));
       return mergedEnvs;
     }
-
     console.log("Loading environment variables from ".concat(envPath));
-    return _objectSpread(_objectSpread({}, mergedEnvs), env.parsed); // Merge it with the environment variables defined in the current process.
+    return _objectSpread(_objectSpread({}, mergedEnvs), env.parsed);
+    // Merge it with the environment variables defined in the current process.
   }, process.env);
 };
-
 const loadAllCustomApplicationConfigs = async options => {
   if (cachedAllCustomApplicationConfigs) {
     return cachedAllCustomApplicationConfigs;
   }
-
   const _await$getPackages = await getPackages(process.cwd()),
-        packages = _await$getPackages.packages;
-
+    packages = _await$getPackages.packages;
   cachedAllCustomApplicationConfigs = _reduceInstanceProperty(packages).call(packages, (allConfigs, packageInfo) => {
     const processEnv = loadEnvironmentVariables(packageInfo.dir, options);
-
     try {
       const processedConfig = processConfig({
         disableCache: true,
@@ -72,21 +62,17 @@ const loadAllCustomApplicationConfigs = async options => {
       if (error instanceof MissingOrInvalidConfigError) {
         return allConfigs;
       }
-
       throw error;
     }
   }, {});
   return cachedAllCustomApplicationConfigs;
 };
-
 const customApplicationConfig = async options => {
   const allCustomApplicationConfigs = await loadAllCustomApplicationConfigs(options);
   const customApplicationConfig = allCustomApplicationConfigs[options.entryPointUriPath];
-
   if (!customApplicationConfig) {
     throw new Error("Could not find Custom Application config for entry point \"".concat(options.entryPointUriPath, "\""));
   }
-
   console.log("Using Custom Application config for \"".concat(options.entryPointUriPath, "\""));
   return customApplicationConfig;
 };