@commercetools-frontend/cypress 21.15.0 → 21.17.0

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

@@ -11,9 +11,11 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+var _URL = require('@babel/runtime-corejs3/core-js-stable/url');
 var uuid = require('uuid');
-var constants = require('../../dist/constants-42a0ebf5.cjs.dev.js');
+var semver = require('semver');
 var ssr = require('@commercetools-frontend/application-shell/ssr');
+var constants = require('../../dist/constants-42a0ebf5.cjs.dev.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -27,19 +29,103 @@ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$def
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
 var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
+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 _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+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; }
 
-Cypress.Commands.add('loginByOidc', function (commandOptions) {
+function isFeatureSupported(expectedVersion) {
+  return semver__default["default"].gte(Cypress.version, expectedVersion);
+}
+
+function loginByForm(commandOptions) {
   var _commandOptions$proje;
 
-  Cypress.log({
-    name: 'loginByOidc'
-  });
+  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\".");
+  }
+
   var 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.
+  {
+    log: false
+  }).then(function (appConfig) {
+    var _context, _commandOptions$login;
+
+    var 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.
+
+
+    Cypress.log({
+      displayName: 'task',
+      name: 'customApplicationConfig',
+      message: appConfig
+    });
+    var userCredentials = (_commandOptions$login = commandOptions.login) !== null && _commandOptions$login !== void 0 ? _commandOptions$login : {
+      email: Cypress.env('LOGIN_EMAIL') || Cypress.env('LOGIN_USER'),
+      password: Cypress.env('LOGIN_PASSWORD')
+    };
+    var 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.
+      // 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); // 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')) {
+      // 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.");
+      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.");
+  }
+
   var sessionNonce = uuid.v4();
+  var 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
@@ -47,7 +133,7 @@ Cypress.Commands.add('loginByOidc', function (commandOptions) {
   {
     log: false
   }).then(function (appConfig) {
-    var _appConfig$__DEVELOPM, _appConfig$__DEVELOPM2, _appConfig$__DEVELOPM3, _appConfig$__DEVELOPM4, _commandOptions$login, _Cypress$env;
+    var _appConfig$__DEVELOPM, _appConfig$__DEVELOPM2, _appConfig$__DEVELOPM3, _appConfig$__DEVELOPM4, _commandOptions$login2;
 
     // Log loaded application config for debugging purposes.
     Cypress.log({
@@ -61,8 +147,8 @@ Cypress.Commands.add('loginByOidc', function (commandOptions) {
       oAuthScopes: (_appConfig$__DEVELOPM = appConfig.__DEVELOPMENT__) === null || _appConfig$__DEVELOPM === void 0 ? void 0 : (_appConfig$__DEVELOPM2 = _appConfig$__DEVELOPM.oidc) === null || _appConfig$__DEVELOPM2 === void 0 ? void 0 : _appConfig$__DEVELOPM2.oAuthScopes,
       teamId: (_appConfig$__DEVELOPM3 = appConfig.__DEVELOPMENT__) === null || _appConfig$__DEVELOPM3 === void 0 ? void 0 : (_appConfig$__DEVELOPM4 = _appConfig$__DEVELOPM3.oidc) === null || _appConfig$__DEVELOPM4 === void 0 ? void 0 : _appConfig$__DEVELOPM4.teamId
     });
-    var userCredentials = (_commandOptions$login = commandOptions.login) !== null && _commandOptions$login !== void 0 ? _commandOptions$login : {
-      email: (_Cypress$env = Cypress.env('LOGIN_EMAIL')) !== null && _Cypress$env !== void 0 ? _Cypress$env : Cypress.env('LOGIN_USER'),
+    var 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
     // and redirect to the auth callback route.
@@ -80,29 +166,83 @@ Cypress.Commands.add('loginByOidc', function (commandOptions) {
       followRedirect: false
     };
     cy.request(requestOptions).then(function (res) {
-      cy.visit(res.body.redirectTo, {
-        onBeforeLoad: function onBeforeLoad(win) {
-          var _context;
-
-          win.localStorage.setItem(constants.STORAGE_KEYS.ACTIVE_PROJECT_KEY, projectKey);
-          win.sessionStorage.setItem(_concatInstanceProperty__default["default"](_context = "".concat(constants.STORAGE_KEYS.NONCE, "_")).call(_context, sessionNonce), _JSON$stringify__default["default"]({
-            applicationId: applicationId,
-            query: {}
-          }));
-          win.sessionStorage.setItem(constants.STORAGE_KEYS.SESSION_SCOPE, sessionScope);
-
-          if (commandOptions.onBeforeLoad) {
-            commandOptions.onBeforeLoad(win);
+      var sessionKey = ['loginByOidc', userCredentials.email, commandOptions.entryPointUriPath];
+
+      function authCallback() {
+        cy.visit(res.body.redirectTo, {
+          onBeforeLoad: function 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: applicationId,
+              query: {}
+            }));
+            win.sessionStorage.setItem(constants.STORAGE_KEYS.SESSION_SCOPE, sessionScope);
+
+            if (commandOptions.onBeforeLoad) {
+              commandOptions.onBeforeLoad(win);
+            }
           }
-        }
-      });
+        }); // 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')) {
+        // 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.");
+        authCallback();
+      }
 
       if (commandOptions.initialRoute) {
-        var _context2;
+        var _context4;
 
-        cy.visit(_concatInstanceProperty__default["default"](_context2 = "".concat(Cypress.config('baseUrl'))).call(_context2, commandOptions.initialRoute));
+        cy.visit(_concatInstanceProperty__default["default"](_context4 = "".concat(Cypress.config('baseUrl'))).call(_context4, commandOptions.initialRoute));
         cy.url().should('include', commandOptions.initialRoute);
       }
     });
   });
+}
+/* Utilities */
+
+
+function fillLoginForm(userCredentials) {
+  cy.get('input[name=email]').type(userCredentials.email);
+  cy.get('input[name=password]').type(userCredentials.password, {
+    log: false
+  });
+  cy.get('button').contains('Sign in').click();
+}
+
+function isLocalhost() {
+  var baseUrl = new _URL__default["default"](Cypress.config('baseUrl'));
+  return baseUrl.hostname === 'localhost';
+}
+
+Cypress.Commands.add('loginToMerchantCenter', function (commandOptions) {
+  Cypress.log({
+    name: 'loginToMerchantCenter'
+  });
+
+  if (isLocalhost()) {
+    loginByOidc(commandOptions);
+  } else {
+    loginByForm(commandOptions);
+  }
+});
+Cypress.Commands.add('loginByOidc', function (commandOptions) {
+  Cypress.log({
+    name: 'loginByOidc'
+  });
+  cy.log('We recommend not to use the command "cy.loginByOidc" directly. Instead, use the more generic "cy.loginToMerchantCenter" command as it automatically detects which login mechanism to use.');
+  loginByOidc(commandOptions);
 });

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

@@ -11,9 +11,11 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+var _URL = require('@babel/runtime-corejs3/core-js-stable/url');
 var uuid = require('uuid');
-var constants = require('../../dist/constants-4d9d4b7b.cjs.prod.js');
+var semver = require('semver');
 var ssr = require('@commercetools-frontend/application-shell/ssr');
+var constants = require('../../dist/constants-4d9d4b7b.cjs.prod.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -27,19 +29,103 @@ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$def
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
 var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
+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 _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+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; }
 
-Cypress.Commands.add('loginByOidc', function (commandOptions) {
+function isFeatureSupported(expectedVersion) {
+  return semver__default["default"].gte(Cypress.version, expectedVersion);
+}
+
+function loginByForm(commandOptions) {
   var _commandOptions$proje;
 
-  Cypress.log({
-    name: 'loginByOidc'
-  });
+  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\".");
+  }
+
   var 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.
+  {
+    log: false
+  }).then(function (appConfig) {
+    var _context, _commandOptions$login;
+
+    var 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.
+
+
+    Cypress.log({
+      displayName: 'task',
+      name: 'customApplicationConfig',
+      message: appConfig
+    });
+    var userCredentials = (_commandOptions$login = commandOptions.login) !== null && _commandOptions$login !== void 0 ? _commandOptions$login : {
+      email: Cypress.env('LOGIN_EMAIL') || Cypress.env('LOGIN_USER'),
+      password: Cypress.env('LOGIN_PASSWORD')
+    };
+    var 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.
+      // 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); // 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')) {
+      // 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.");
+      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.");
+  }
+
   var sessionNonce = uuid.v4();
+  var 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
@@ -47,7 +133,7 @@ Cypress.Commands.add('loginByOidc', function (commandOptions) {
   {
     log: false
   }).then(function (appConfig) {
-    var _appConfig$__DEVELOPM, _appConfig$__DEVELOPM2, _appConfig$__DEVELOPM3, _appConfig$__DEVELOPM4, _commandOptions$login, _Cypress$env;
+    var _appConfig$__DEVELOPM, _appConfig$__DEVELOPM2, _appConfig$__DEVELOPM3, _appConfig$__DEVELOPM4, _commandOptions$login2;
 
     // Log loaded application config for debugging purposes.
     Cypress.log({
@@ -61,8 +147,8 @@ Cypress.Commands.add('loginByOidc', function (commandOptions) {
       oAuthScopes: (_appConfig$__DEVELOPM = appConfig.__DEVELOPMENT__) === null || _appConfig$__DEVELOPM === void 0 ? void 0 : (_appConfig$__DEVELOPM2 = _appConfig$__DEVELOPM.oidc) === null || _appConfig$__DEVELOPM2 === void 0 ? void 0 : _appConfig$__DEVELOPM2.oAuthScopes,
       teamId: (_appConfig$__DEVELOPM3 = appConfig.__DEVELOPMENT__) === null || _appConfig$__DEVELOPM3 === void 0 ? void 0 : (_appConfig$__DEVELOPM4 = _appConfig$__DEVELOPM3.oidc) === null || _appConfig$__DEVELOPM4 === void 0 ? void 0 : _appConfig$__DEVELOPM4.teamId
     });
-    var userCredentials = (_commandOptions$login = commandOptions.login) !== null && _commandOptions$login !== void 0 ? _commandOptions$login : {
-      email: (_Cypress$env = Cypress.env('LOGIN_EMAIL')) !== null && _Cypress$env !== void 0 ? _Cypress$env : Cypress.env('LOGIN_USER'),
+    var 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
     // and redirect to the auth callback route.
@@ -80,29 +166,83 @@ Cypress.Commands.add('loginByOidc', function (commandOptions) {
       followRedirect: false
     };
     cy.request(requestOptions).then(function (res) {
-      cy.visit(res.body.redirectTo, {
-        onBeforeLoad: function onBeforeLoad(win) {
-          var _context;
-
-          win.localStorage.setItem(constants.STORAGE_KEYS.ACTIVE_PROJECT_KEY, projectKey);
-          win.sessionStorage.setItem(_concatInstanceProperty__default["default"](_context = "".concat(constants.STORAGE_KEYS.NONCE, "_")).call(_context, sessionNonce), _JSON$stringify__default["default"]({
-            applicationId: applicationId,
-            query: {}
-          }));
-          win.sessionStorage.setItem(constants.STORAGE_KEYS.SESSION_SCOPE, sessionScope);
-
-          if (commandOptions.onBeforeLoad) {
-            commandOptions.onBeforeLoad(win);
+      var sessionKey = ['loginByOidc', userCredentials.email, commandOptions.entryPointUriPath];
+
+      function authCallback() {
+        cy.visit(res.body.redirectTo, {
+          onBeforeLoad: function 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: applicationId,
+              query: {}
+            }));
+            win.sessionStorage.setItem(constants.STORAGE_KEYS.SESSION_SCOPE, sessionScope);
+
+            if (commandOptions.onBeforeLoad) {
+              commandOptions.onBeforeLoad(win);
+            }
           }
-        }
-      });
+        }); // 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')) {
+        // 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.");
+        authCallback();
+      }
 
       if (commandOptions.initialRoute) {
-        var _context2;
+        var _context4;
 
-        cy.visit(_concatInstanceProperty__default["default"](_context2 = "".concat(Cypress.config('baseUrl'))).call(_context2, commandOptions.initialRoute));
+        cy.visit(_concatInstanceProperty__default["default"](_context4 = "".concat(Cypress.config('baseUrl'))).call(_context4, commandOptions.initialRoute));
         cy.url().should('include', commandOptions.initialRoute);
       }
     });
   });
+}
+/* Utilities */
+
+
+function fillLoginForm(userCredentials) {
+  cy.get('input[name=email]').type(userCredentials.email);
+  cy.get('input[name=password]').type(userCredentials.password, {
+    log: false
+  });
+  cy.get('button').contains('Sign in').click();
+}
+
+function isLocalhost() {
+  var baseUrl = new _URL__default["default"](Cypress.config('baseUrl'));
+  return baseUrl.hostname === 'localhost';
+}
+
+Cypress.Commands.add('loginToMerchantCenter', function (commandOptions) {
+  Cypress.log({
+    name: 'loginToMerchantCenter'
+  });
+
+  if (isLocalhost()) {
+    loginByOidc(commandOptions);
+  } else {
+    loginByForm(commandOptions);
+  }
+});
+Cypress.Commands.add('loginByOidc', function (commandOptions) {
+  Cypress.log({
+    name: 'loginByOidc'
+  });
+  cy.log('We recommend not to use the command "cy.loginByOidc" directly. Instead, use the more generic "cy.loginToMerchantCenter" command as it automatically detects which login mechanism to use.');
+  loginByOidc(commandOptions);
 });

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

@@ -9,22 +9,106 @@ import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object
 import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
+import _URL from '@babel/runtime-corejs3/core-js-stable/url';
 import { v4 } from 'uuid';
-import { S as STORAGE_KEYS, O as OIDC_RESPONSE_TYPES } from '../../dist/constants-0e882d21.esm.js';
+import semver from 'semver';
 import { buildOidcScope } from '@commercetools-frontend/application-shell/ssr';
+import { O as OIDC_RESPONSE_TYPES, S as STORAGE_KEYS } from '../../dist/constants-0e882d21.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 _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+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; }
 
-Cypress.Commands.add('loginByOidc', function (commandOptions) {
+function isFeatureSupported(expectedVersion) {
+  return semver.gte(Cypress.version, expectedVersion);
+}
+
+function loginByForm(commandOptions) {
   var _commandOptions$proje;
 
-  Cypress.log({
-    name: 'loginByOidc'
-  });
+  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\".");
+  }
+
   var 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.
+  {
+    log: false
+  }).then(function (appConfig) {
+    var _context, _commandOptions$login;
+
+    var url = _concatInstanceProperty(_context = "/".concat(projectKey, "/")).call(_context, commandOptions.entryPointUriPath);
+
+    if (commandOptions.entryPointUriPath === 'account') {
+      url = "/".concat(commandOptions.entryPointUriPath);
+    } // Log loaded application config for debugging purposes.
+
+
+    Cypress.log({
+      displayName: 'task',
+      name: 'customApplicationConfig',
+      message: appConfig
+    });
+    var userCredentials = (_commandOptions$login = commandOptions.login) !== null && _commandOptions$login !== void 0 ? _commandOptions$login : {
+      email: Cypress.env('LOGIN_EMAIL') || Cypress.env('LOGIN_USER'),
+      password: Cypress.env('LOGIN_PASSWORD')
+    };
+    var 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.
+      // 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); // 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')) {
+      // 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.");
+      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.");
+  }
+
   var sessionNonce = v4();
+  var 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
@@ -32,7 +116,7 @@ Cypress.Commands.add('loginByOidc', function (commandOptions) {
   {
     log: false
   }).then(function (appConfig) {
-    var _appConfig$__DEVELOPM, _appConfig$__DEVELOPM2, _appConfig$__DEVELOPM3, _appConfig$__DEVELOPM4, _commandOptions$login, _Cypress$env;
+    var _appConfig$__DEVELOPM, _appConfig$__DEVELOPM2, _appConfig$__DEVELOPM3, _appConfig$__DEVELOPM4, _commandOptions$login2;
 
     // Log loaded application config for debugging purposes.
     Cypress.log({
@@ -46,8 +130,8 @@ Cypress.Commands.add('loginByOidc', function (commandOptions) {
       oAuthScopes: (_appConfig$__DEVELOPM = appConfig.__DEVELOPMENT__) === null || _appConfig$__DEVELOPM === void 0 ? void 0 : (_appConfig$__DEVELOPM2 = _appConfig$__DEVELOPM.oidc) === null || _appConfig$__DEVELOPM2 === void 0 ? void 0 : _appConfig$__DEVELOPM2.oAuthScopes,
       teamId: (_appConfig$__DEVELOPM3 = appConfig.__DEVELOPMENT__) === null || _appConfig$__DEVELOPM3 === void 0 ? void 0 : (_appConfig$__DEVELOPM4 = _appConfig$__DEVELOPM3.oidc) === null || _appConfig$__DEVELOPM4 === void 0 ? void 0 : _appConfig$__DEVELOPM4.teamId
     });
-    var userCredentials = (_commandOptions$login = commandOptions.login) !== null && _commandOptions$login !== void 0 ? _commandOptions$login : {
-      email: (_Cypress$env = Cypress.env('LOGIN_EMAIL')) !== null && _Cypress$env !== void 0 ? _Cypress$env : Cypress.env('LOGIN_USER'),
+    var 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
     // and redirect to the auth callback route.
@@ -65,29 +149,83 @@ Cypress.Commands.add('loginByOidc', function (commandOptions) {
       followRedirect: false
     };
     cy.request(requestOptions).then(function (res) {
-      cy.visit(res.body.redirectTo, {
-        onBeforeLoad: function onBeforeLoad(win) {
-          var _context;
-
-          win.localStorage.setItem(STORAGE_KEYS.ACTIVE_PROJECT_KEY, projectKey);
-          win.sessionStorage.setItem(_concatInstanceProperty(_context = "".concat(STORAGE_KEYS.NONCE, "_")).call(_context, sessionNonce), _JSON$stringify({
-            applicationId: applicationId,
-            query: {}
-          }));
-          win.sessionStorage.setItem(STORAGE_KEYS.SESSION_SCOPE, sessionScope);
-
-          if (commandOptions.onBeforeLoad) {
-            commandOptions.onBeforeLoad(win);
+      var sessionKey = ['loginByOidc', userCredentials.email, commandOptions.entryPointUriPath];
+
+      function authCallback() {
+        cy.visit(res.body.redirectTo, {
+          onBeforeLoad: function 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: applicationId,
+              query: {}
+            }));
+            win.sessionStorage.setItem(STORAGE_KEYS.SESSION_SCOPE, sessionScope);
+
+            if (commandOptions.onBeforeLoad) {
+              commandOptions.onBeforeLoad(win);
+            }
           }
-        }
-      });
+        }); // 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')) {
+        // 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.");
+        authCallback();
+      }
 
       if (commandOptions.initialRoute) {
-        var _context2;
+        var _context4;
 
-        cy.visit(_concatInstanceProperty(_context2 = "".concat(Cypress.config('baseUrl'))).call(_context2, commandOptions.initialRoute));
+        cy.visit(_concatInstanceProperty(_context4 = "".concat(Cypress.config('baseUrl'))).call(_context4, commandOptions.initialRoute));
         cy.url().should('include', commandOptions.initialRoute);
       }
     });
   });
+}
+/* Utilities */
+
+
+function fillLoginForm(userCredentials) {
+  cy.get('input[name=email]').type(userCredentials.email);
+  cy.get('input[name=password]').type(userCredentials.password, {
+    log: false
+  });
+  cy.get('button').contains('Sign in').click();
+}
+
+function isLocalhost() {
+  var baseUrl = new _URL(Cypress.config('baseUrl'));
+  return baseUrl.hostname === 'localhost';
+}
+
+Cypress.Commands.add('loginToMerchantCenter', function (commandOptions) {
+  Cypress.log({
+    name: 'loginToMerchantCenter'
+  });
+
+  if (isLocalhost()) {
+    loginByOidc(commandOptions);
+  } else {
+    loginByForm(commandOptions);
+  }
+});
+Cypress.Commands.add('loginByOidc', function (commandOptions) {
+  Cypress.log({
+    name: 'loginByOidc'
+  });
+  cy.log('We recommend not to use the command "cy.loginByOidc" directly. Instead, use the more generic "cy.loginToMerchantCenter" command as it automatically detects which login mechanism to use.');
+  loginByOidc(commandOptions);
 });

package/add-commands/index.d.ts

@@ -1,13 +1,29 @@
 declare namespace Cypress {
   interface Chainable<Subject> {
+    /**
+     * Log into the Custom Application.
+     * The command detects whether the application is running on localhost or on production
+     * and chooses the appropriate login mechanism.
+     *
+     * @example
+     *    cy.loginToMerchantCenter({ entryPointUriPath: 'template-starter' })
+     */
+    loginToMerchantCenter(
+      // https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-9.html#import-types
+      options?: import('./dist/commercetools-frontend-cypress-add-commands.cjs').CommandLoginOptions
+    ): Chainable<Subject>;
     /**
      * Log into the Custom Application using the OIDC workflow.
+     * The command only works for testing an application running on localhost.
+     *
      * @example
      *    cy.loginByOidc({ entryPointUriPath: 'template-starter' })
+     *
+     * @deprecated Use the more generic {@link cy.loginToMerchantCenter} command as it automatically detects which login mechanism to use.
      */
     loginByOidc(
       // https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-9.html#import-types
-      options?: import('./dist/commercetools-frontend-cypress-add-commands.cjs').CommandLoginByOidcOptions
+      options?: import('./dist/commercetools-frontend-cypress-add-commands.cjs').CommandLoginOptions
     ): Chainable<Subject>;
   }
 }

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var constants = require('./constants-42a0ebf5.cjs.dev.js');
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "21.15.0";
+var version = "21.17.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-4d9d4b7b.cjs.prod.js');
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "21.15.0";
+var version = "21.17.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-0e882d21.esm.js';
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "21.15.0";
+var version = "21.17.0";
 
 export { version };

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

@@ -1,43 +1,2 @@
-export declare type CommandLoginByOidcOptions = {
-    /**
-     * The application entry point URI path. This value is used to identify
-     * the correct application config.
-     */
-    entryPointUriPath: string;
-    /**
-     * Pass a list of dotfiles that must be loaded when the custom-application-config.json
-     * is loaded (in case you are using environment placeholder).
-     * By default the following dotfiles are loaded: `.env` and `.env.local`.
-     * You can also define the values using paths relative to the application folder.
-     */
-    dotfiles?: string[];
-    /**
-     * Called before your page has loaded all of its resources.
-     * Use this as a chance to interact for example with the browser storage.
-     */
-    onBeforeLoad?: (win: Window) => void;
-    /**
-     * If defined, visit this route after login.
-     */
-    initialRoute?: string;
-    /**
-     * The project key to access in the user session. The session token is valid for one project key at a time.
-     * Defaults to `Cypress.env('PROJECT_KEY')`.
-     */
-    projectKey?: string;
-    /**
-     * The user login credentials.
-     */
-    login?: {
-        /**
-         * The user email.
-         * Defaults to `Cypress.env('LOGIN_EMAIL') ?? Cypress.env('LOGIN_USER')`.
-         */
-        email: string;
-        /**
-         * The user password.
-         * Defaults to `Cypress.env('LOGIN_PASSWORD')`.
-         */
-        password: string;
-    };
-};
+import { type CommandLoginOptions as TCommandLoginOptions } from './login';
+export declare type CommandLoginOptions = TCommandLoginOptions;

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

@@ -0,0 +1,54 @@
+export declare type LoginCredentials = {
+    /**
+     * The user email.
+     * Defaults to `Cypress.env('LOGIN_EMAIL') || Cypress.env('LOGIN_USER')`.
+     */
+    email: string;
+    /**
+     * The user password.
+     * Defaults to `Cypress.env('LOGIN_PASSWORD')`.
+     */
+    password: string;
+};
+export declare type CommandLoginOptions = {
+    /**
+     * The application entry point URI path. This value is used to identify
+     * the correct application config.
+     */
+    entryPointUriPath: string;
+    /**
+     * Pass a list of dotfiles that must be loaded when the custom-application-config.json
+     * is loaded (in case you are using environment placeholder).
+     * By default the following dotfiles are loaded: `.env` and `.env.local`.
+     * You can also define the values using paths relative to the application folder.
+     */
+    dotfiles?: string[];
+    /**
+     * Called before your page has loaded all of its resources.
+     * Use this as a chance to interact for example with the browser storage.
+     */
+    onBeforeLoad?: (win: Window) => void;
+    /**
+     * If defined, visit this route after login.
+     */
+    initialRoute?: string;
+    /**
+     * The project key to access in the user session. The session token is valid for one project key at a time.
+     * Defaults to `Cypress.env('PROJECT_KEY')`.
+     */
+    projectKey?: string;
+    /**
+     * The user login credentials.
+     */
+    login?: LoginCredentials;
+    /**
+     * Turn off caching the session across specs.
+     * This is only relevant for Cypress version >= `10.9.0`.
+     */
+    disableCacheAcrossSpecs?: boolean;
+};
+export declare type CommandLoginByOidcOptions = CommandLoginOptions;
+declare function loginByForm(commandOptions: CommandLoginOptions): void;
+declare function loginByOidc(commandOptions: CommandLoginOptions): void;
+declare function isLocalhost(): boolean;
+export { loginByForm, loginByOidc, isLocalhost };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/cypress",
-  "version": "21.15.0",
+  "version": "21.17.0",
   "description": "Cypress commands and utilities for Custom Applications",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -37,13 +37,14 @@
   "dependencies": {
     "@babel/runtime": "^7.19.0",
     "@babel/runtime-corejs3": "^7.19.0",
-    "@commercetools-frontend/application-config": "21.15.0",
-    "@commercetools-frontend/application-shell": "21.15.0",
+    "@commercetools-frontend/application-config": "21.17.0",
+    "@commercetools-frontend/application-shell": "21.17.0",
     "@manypkg/get-packages": "1.1.3",
+    "semver": "7.3.7",
     "uuid": "8.3.2"
   },
   "devDependencies": {
-    "cypress": "10.8.0"
+    "cypress": "10.9.0"
   },
   "peerDependencies": {
     "cypress": "8.x || 9.x || 10.x"