@commercetools-frontend/application-shell 0.0.0-FEC-157-preview-releases-20241126230331

package/test-utils/dist/commercetools-frontend-application-shell-test-utils.esm.js

@@ -0,0 +1,503 @@
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import _reduceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/reduce';
+import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
+import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
+import _valuesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/values';
+import _flagsInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/flags';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import { createElement, Suspense } from 'react';
+import _pt from 'prop-types';
+import { ApolloProvider } from '@apollo/client/react';
+import { MockedProvider } from '@apollo/client/testing';
+import { TestProviderFlopFlip } from '@flopflip/react-broadcast';
+import * as rtl from '@testing-library/react';
+export * from '@testing-library/react';
+import * as rtlHooks from '@testing-library/react-hooks';
+import { createMemoryHistory } from 'history';
+import { IntlProvider } from 'react-intl';
+import { Provider } from 'react-redux';
+import { Router } from 'react-router-dom';
+import invariant from 'tiny-invariant';
+import { entryPointUriPathToPermissionKeys } from '@commercetools-frontend/application-config/ssr';
+import { ApplicationContextProvider, createApolloClient, CustomViewContextProvider } from '@commercetools-frontend/application-shell-connectors';
+import { createEnhancedHistory } from '@commercetools-frontend/browser-history';
+import { DOMAINS, CUSTOM_VIEW_HOST_ENTRY_POINT_URI_PATH } from '@commercetools-frontend/constants';
+import { NotificationProviderForCustomComponent, NotificationsList } from '@commercetools-frontend/react-notifications';
+import { createTestMiddleware } from '@commercetools-frontend/sdk/test-utils';
+import { A as ApplicationEntryPoint } from '../../dist/application-entry-point-54a9664f.esm.js';
+import { c as createReduxStore } from '../../dist/index-b6081c20.esm.js';
+import { jsx, Fragment, jsxs } from '@emotion/react/jsx-runtime';
+import '@commercetools-frontend/application-components';
+import '@commercetools-frontend/permissions';
+import '@babel/runtime-corejs3/helpers/slicedToArray';
+import '@babel/runtime-corejs3/core-js-stable/object/entries';
+import '@babel/runtime-corejs3/core-js-stable/reflect/has';
+import '@reduxjs/toolkit';
+import 'lodash/mapValues';
+import 'omit-empty-es';
+import 'redux-thunk';
+import '@commercetools-frontend/notifications';
+import '@commercetools-frontend/sdk';
+import '@babel/runtime-corejs3/core-js-stable/instance/index-of';
+import '@babel/runtime-corejs3/core-js-stable/instance/slice';
+import '@babel/runtime-corejs3/core-js-stable/instance/includes';
+import '@commercetools-frontend/sentry';
+import '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
+import 'redux-logger';
+
+const _excluded = ["children"],
+  _excluded2 = ["children"];
+function ownKeys$1(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context8, _context9; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context8 = ownKeys$1(Object(t), !0)).call(_context8, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context9 = ownKeys$1(Object(t))).call(_context9, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+const defaultProject = {
+  key: 'test-with-big-data',
+  version: 43,
+  name: 'Test with big data',
+  countries: ['de', 'en'],
+  currencies: ['EUR', 'GBP'],
+  languages: ['de', 'en-GB', 'en'],
+  owner: {
+    id: 'organization-id-1',
+    name: 'Organization Name'
+  },
+  initialized: true,
+  expiry: {
+    isActive: false,
+    daysLeft: undefined
+  },
+  suspension: {
+    isActive: false,
+    reason: undefined
+  },
+  isProductionProject: false,
+  allAppliedPermissions: [],
+  allAppliedActionRights: [],
+  allAppliedDataFences: [],
+  allPermissionsForAllApplications: {
+    allAppliedPermissions: [],
+    allAppliedActionRights: [],
+    allAppliedDataFences: [],
+    allAppliedMenuVisibilities: []
+  }
+};
+const defaultUser = {
+  id: 'user-id-1',
+  email: 'sheldon.cooper@caltech.edu',
+  createdAt: '2020-01-01T12:29:33.916Z',
+  firstName: 'Sheldon',
+  lastName: 'Cooper',
+  language: 'en',
+  timeZone: 'Etc/UTC',
+  numberFormat: 'en',
+  defaultProjectKey: defaultProject.key,
+  businessRole: 'Other',
+  projects: {
+    total: 1,
+    results: [defaultProject]
+  },
+  gravatarHash: 'aaa',
+  launchdarklyTrackingGroup: 'commercetools',
+  launchdarklyTrackingSubgroup: 'dev',
+  launchdarklyTrackingId: '111',
+  launchdarklyTrackingTeam: undefined,
+  launchdarklyTrackingCloudEnvironment: 'ctp_production_gcp_europe-west1_v1'
+};
+const defaultEnvironment = {
+  applicationId: '__local',
+  applicationName: 'my-app',
+  entryPointUriPath: 'random-entry-point',
+  frontendHost: 'localhost:3001',
+  mcApiUrl: 'https://mc-api.europe-west1.gcp.commercetools.com',
+  location: 'eu',
+  env: 'production',
+  cdnUrl: 'http://localhost:3001',
+  servedByProxy: false
+};
+const LoadingFallback = () => jsx(Fragment, {
+  children: 'Loading...'
+});
+LoadingFallback.displayName = 'LoadingFallback';
+
+// For backwards compatibility we need to denormalize the given `permissions` option
+// (which is now deprecated) to `allAppliedPermissions`, in order to pass the value
+// to the `project` prop in the application context provider.
+
+const denormalizePermissions = permissions => {
+  var _context;
+  if (!permissions) return [];
+  return _reduceInstanceProperty(_context = _Object$keys(permissions)).call(_context, (allAppliedPermissions, permissionKey) => [...allAppliedPermissions, {
+    name: permissionKey,
+    value: permissions[permissionKey]
+  }], []);
+};
+// For backwards compatibility we need to denormalize the given `actionRights` option
+// (which is now deprecated) to `allAppliedActionRights`, in order to pass the value
+// to the `project` prop in the application context provider.
+
+const denormalizeActionRights = actionRights => {
+  var _context2;
+  if (!actionRights) return [];
+  return _reduceInstanceProperty(_context2 = _Object$keys(actionRights)).call(_context2, (allAppliedActionRights, actionRightGroup) => {
+    var _context3;
+    return [...allAppliedActionRights, ..._reduceInstanceProperty(_context3 = _Object$keys(actionRights[actionRightGroup])).call(_context3, (allActionRightsByGroup, actionRightKey) => [...allActionRightsByGroup, {
+      group: actionRightGroup,
+      name: actionRightKey,
+      value: actionRights[actionRightGroup][actionRightKey]
+    }], [])];
+  }, []);
+};
+// For backwards compatibility we need to denormalize the given `dataFences` option
+// (which is now deprecated) to `allAppliedDataFences`, in order to pass the value
+// to the `project` prop in the application context provider.
+
+const denormalizeDataFences = dataFences => {
+  var _context4;
+  if (!dataFences) return [];
+  return _reduceInstanceProperty(_context4 = _Object$keys(dataFences)).call(_context4, (allAppliedDataFences, dataFenceGroupKey) => {
+    var _context5;
+    switch (dataFenceGroupKey) {
+      case 'store':
+        return [...allAppliedDataFences, ..._reduceInstanceProperty(_context5 = _Object$keys(dataFences.store)).call(_context5, (allResources, resourceType) => {
+          var _context6;
+          return [...allResources, ..._reduceInstanceProperty(_context6 = _Object$keys(dataFences.store[resourceType])).call(_context6, (allPermissions, permissionKey) => {
+            var _context7;
+            return [...allPermissions, ..._mapInstanceProperty(_context7 = _valuesInstanceProperty(dataFences.store[resourceType][permissionKey])).call(_context7, value => ({
+              __typename: 'StoreDataFence',
+              type: 'store',
+              value,
+              group: resourceType,
+              name: permissionKey
+            }))];
+          }, [])];
+        }, [])];
+      default:
+        return allAppliedDataFences;
+    }
+  }, []);
+};
+const mapResourceAccessToAppliedPermissions = resourceAccesses => _mapInstanceProperty(resourceAccesses).call(resourceAccesses, resourceAccess => ({
+  name: `can${resourceAccess}`,
+  value: true
+}));
+const wrapIfNeeded = (children, wrapper) => wrapper ? /*#__PURE__*/createElement(wrapper, null, children) : children;
+const ApolloProviderWrapper = props => {
+  const apolloClient = props.apolloClient ?? createApolloClient();
+  const enableApolloMocks = Boolean(props.mocks && props.mocks.length > 0);
+  if (!enableApolloMocks) {
+    return (
+      // eslint-disable-next-line testing-library/no-node-access
+      jsx(ApolloProvider, {
+        client: apolloClient,
+        children: props.children
+      })
+    );
+  }
+  return jsx(MockedProvider, {
+    mocks: props.mocks
+    // The `addTypename` field is a private field of the cache in TS
+    // but we should be able to still access it.
+    // This is to ensure the `addTypename` behavior is the same between the
+    // Apollo cache and the mocked provider.
+    // @ts-expect-error
+    ,
+    addTypename: apolloClient.cache.addTypename ?? true,
+    cache: apolloClient.cache,
+    children: props.children
+  });
+};
+
+// This function renders any component within the application context, as if it
+// was rendered inside <ApplicationShell />.
+// The context is not completely set up yet, some things are missing:
+//   - Tracking on context
+//   - react-intl's information from addLocaleData
+//   - possibly more that I'm not aware of right now
+//
+//  We can add these things as we go and when we need them.
+ApolloProviderWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
+  apolloClient: _pt.any,
+  mocks: _pt.any,
+  children: _pt.element.isRequired
+} : {};
+function createApplicationProviders() {
+  let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    _ref$disableAutomatic = _ref.disableAutomaticEntryPointRoutes,
+    disableAutomaticEntryPointRoutes = _ref$disableAutomatic === void 0 ? false : _ref$disableAutomatic,
+    _ref$disableRoutePerm = _ref.disableRoutePermissionCheck,
+    disableRoutePermissionCheck = _ref$disableRoutePerm === void 0 ? false : _ref$disableRoutePerm,
+    _ref$locale = _ref.locale,
+    locale = _ref$locale === void 0 ? 'en' : _ref$locale,
+    mocks = _ref.mocks,
+    apolloClient = _ref.apolloClient,
+    route = _ref.route,
+    history = _ref.history,
+    _ref$flags = _flagsInstanceProperty(_ref),
+    flags = _ref$flags === void 0 ? {} : _ref$flags,
+    environment = _ref.environment,
+    user = _ref.user,
+    project = _ref.project,
+    _ref$dataLocale = _ref.dataLocale,
+    dataLocale = _ref$dataLocale === void 0 ? 'en' : _ref$dataLocale;
+  const mergedUser = user === null ? undefined : _objectSpread$1(_objectSpread$1({}, defaultUser), user);
+  const mergedProject = project === null ? undefined : _objectSpread$1(_objectSpread$1({}, defaultProject), project);
+  const mergedEnvironment = _objectSpread$1(_objectSpread$1({}, defaultEnvironment), environment);
+
+  // Provide default permissions to render the application route.
+  if (mergedProject) {
+    if (mergedProject.allAppliedPermissions.length === 0) {
+      const defaultPermissionKeys = entryPointUriPathToPermissionKeys(mergedEnvironment.entryPointUriPath);
+      mergedProject.allAppliedPermissions = mapResourceAccessToAppliedPermissions([defaultPermissionKeys.View]);
+    }
+  }
+  let initialRoute = route;
+  if (!route && mergedProject) {
+    initialRoute = `/${mergedProject.key}/${mergedEnvironment.entryPointUriPath}`;
+  }
+  const memoryHistory = history ?? createEnhancedHistory(createMemoryHistory({
+    initialEntries: [initialRoute || '/']
+  }));
+  const ApplicationProviders = props => jsx(IntlProvider, {
+    locale: locale,
+    children: jsx(ApolloProviderWrapper, {
+      apolloClient: apolloClient,
+      mocks: mocks,
+      children: jsx(TestProviderFlopFlip, {
+        flags: flags,
+        children: jsx(ApplicationContextProvider, {
+          user: mergedUser,
+          project: mergedProject,
+          environment: mergedEnvironment,
+          projectDataLocale: dataLocale,
+          children: jsx(Router, {
+            history: memoryHistory,
+            children: jsx(Suspense, {
+              fallback: jsx(LoadingFallback, {}),
+              children: jsx(ApplicationEntryPoint, {
+                environment: mergedEnvironment,
+                disableRoutePermissionCheck: disableRoutePermissionCheck,
+                render: disableAutomaticEntryPointRoutes ?
+                // eslint-disable-next-line testing-library/no-node-access
+                () => jsx(Fragment, {
+                  children: props.children
+                }) : undefined,
+                children: disableAutomaticEntryPointRoutes ? undefined :
+                // eslint-disable-next-line testing-library/no-node-access
+                props.children
+              })
+            })
+          })
+        })
+      })
+    })
+  });
+  ApplicationProviders.propTypes = process.env.NODE_ENV !== "production" ? {
+    children: _pt.node.isRequired
+  } : {};
+  return {
+    ApplicationProviders,
+    mergedUser,
+    mergedProject,
+    mergedEnvironment,
+    history: memoryHistory
+  };
+}
+
+// Inspired by
+// https://github.com/kentcdodds/react-testing-library-course/blob/2a5b1560656790bb1d9c055fba3845780b2c2c97/src/__tests__/react-router-03.js
+function renderApp(ui) {
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const _createApplicationPro = createApplicationProviders(options),
+    ApplicationProviders = _createApplicationPro.ApplicationProviders,
+    mergedUser = _createApplicationPro.mergedUser,
+    mergedProject = _createApplicationPro.mergedProject,
+    mergedEnvironment = _createApplicationPro.mergedEnvironment,
+    history = _createApplicationPro.history;
+
+  // eslint-disable-next-line testing-library/render-result-naming-convention
+  const rendered = rtl.render(ui, _objectSpread$1(_objectSpread$1({}, options), {}, {
+    // eslint-disable-next-line react/display-name
+    wrapper: _ref2 => {
+      let children = _ref2.children,
+        props = _objectWithoutProperties(_ref2, _excluded);
+      return jsx(ApplicationProviders, _objectSpread$1(_objectSpread$1({}, props), {}, {
+        children: wrapIfNeeded(children, options.wrapper)
+      }));
+    }
+  }));
+  return _objectSpread$1(_objectSpread$1({}, rendered), {}, {
+    // adding `history` to the returned utilities to allow us
+    // to reference it in our tests (just try to avoid using
+    // this to test implementation details).
+    history,
+    // Adding user, project & environment so tests know about the merge results
+    // Note that these objects do not resemble the application context, they are
+    // only intended to communicate the test setup back to the tests.
+    user: mergedUser,
+    project: mergedProject,
+    environment: mergedEnvironment
+  });
+}
+function createReduxProviders() {
+  let _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    _ref3$store = _ref3.store,
+    store = _ref3$store === void 0 ? undefined : _ref3$store,
+    _ref3$storeState = _ref3.storeState,
+    storeState = _ref3$storeState === void 0 ? undefined : _ref3$storeState,
+    _ref3$sdkMocks = _ref3.sdkMocks,
+    sdkMocks = _ref3$sdkMocks === void 0 ? [] : _ref3$sdkMocks,
+    _ref3$mapNotification = _ref3.mapNotificationToComponent,
+    mapNotificationToComponent = _ref3$mapNotification === void 0 ? () => null : _ref3$mapNotification;
+  !!(store && storeState) ? process.env.NODE_ENV !== "production" ? invariant(false, '@commercetools-frontend/application-shell/test-utils: You provided both `store` and `storeState`. Please provide only one of them.') : invariant(false) : void 0;
+  !!(store && sdkMocks.length > 0) ? process.env.NODE_ENV !== "production" ? invariant(false, '@commercetools-frontend/application-shell/test-utils: You provided both `store` and `sdkMocks`. Please provide only one of them.') : invariant(false) : void 0;
+
+  // Determine the redux store to use in tests.
+  // - When the user passed in a "store", we use that store and ignore
+  //   sdkMocks and storeState.
+  // - When the user passed in no sdkMocks, we create a store using the
+  //   provided storeState. If storeState is undefined, then the defaults kick
+  //   in anyways.
+  // - Lastly, when sdkMocks were provided (and no store was provided), we
+  //   create a store which applies a special middleware to allow mocking sdk
+  //   responses. We further initialize the store with the provided storeState.
+  //   If storeState is undefined, then the defaults kick in anyways.
+  const reduxStore = (() => {
+    if (store) return store;
+    if (sdkMocks.length === 0) return createReduxStore(storeState);
+    const testingMiddleware = createTestMiddleware(sdkMocks);
+    return createReduxStore(storeState, [testingMiddleware]);
+  })();
+  const ReduxProviders = props => jsx(NotificationProviderForCustomComponent, {
+    mapNotificationToComponent: mapNotificationToComponent,
+    children: jsx(Provider, {
+      store: reduxStore,
+      children: jsxs("div", {
+        children: [jsx(NotificationsList, {
+          domain: DOMAINS.GLOBAL
+        }), jsx(NotificationsList, {
+          domain: DOMAINS.PAGE
+        }), jsx(NotificationsList, {
+          domain: DOMAINS.SIDE
+        }), props.children]
+      })
+    })
+  });
+  ReduxProviders.propTypes = process.env.NODE_ENV !== "production" ? {
+    children: _pt.node.isRequired
+  } : {};
+  return {
+    ReduxProviders,
+    reduxStore
+  };
+}
+
+// Test setup for rendering with Redux
+// We expose a sophisticated function because we plan to get rid of Redux
+// Use this function only when your test actually needs Redux
+function renderAppWithRedux(ui) {
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const _createReduxProviders = createReduxProviders(options),
+    ReduxProviders = _createReduxProviders.ReduxProviders,
+    reduxStore = _createReduxProviders.reduxStore;
+  // eslint-disable-next-line testing-library/render-result-naming-convention
+  const rendered = renderApp(ui, _objectSpread$1(_objectSpread$1({}, options), {}, {
+    // eslint-disable-next-line react/display-name
+    wrapper: _ref4 => {
+      let children = _ref4.children,
+        props = _objectWithoutProperties(_ref4, _excluded2);
+      return jsx(ReduxProviders, _objectSpread$1(_objectSpread$1({}, props), {}, {
+        children: wrapIfNeeded(children, options.wrapper)
+      }));
+    }
+  }));
+  return _objectSpread$1(_objectSpread$1({}, rendered), {}, {
+    // adding `store` to the returned utilities to allow us
+    // to reference it in our tests (just try to avoid using
+    // this to test implementation details).
+    store: reduxStore
+  });
+}
+function renderHook(callback) {
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const _createReduxProviders2 = createReduxProviders(options),
+    ReduxProviders = _createReduxProviders2.ReduxProviders,
+    reduxStore = _createReduxProviders2.reduxStore;
+  const _createApplicationPro2 = createApplicationProviders(options),
+    ApplicationProviders = _createApplicationPro2.ApplicationProviders,
+    mergedUser = _createApplicationPro2.mergedUser,
+    mergedProject = _createApplicationPro2.mergedProject,
+    mergedEnvironment = _createApplicationPro2.mergedEnvironment,
+    history = _createApplicationPro2.history;
+
+  // eslint-disable-next-line testing-library/render-result-naming-convention
+  const rendered = rtlHooks.renderHook(callback, _objectSpread$1(_objectSpread$1({}, options), {}, {
+    // eslint-disable-next-line react/display-name
+    wrapper: _ref5 => {
+      let children = _ref5.children;
+      return jsx(ApplicationProviders, {
+        children: jsx(ReduxProviders, {
+          children: wrapIfNeeded(children, options.wrapper)
+        })
+      });
+    }
+  }));
+  return _objectSpread$1(_objectSpread$1({}, rendered), {}, {
+    store: reduxStore,
+    history,
+    user: mergedUser,
+    project: mergedProject,
+    environment: mergedEnvironment
+  });
+}
+
+// namespace for hooks related helpers
+const hooks = _objectSpread$1(_objectSpread$1({}, rtlHooks), {}, {
+  renderHook
+});
+
+/** All built-in and custom scalars, mapped to their actual values */
+let TCustomViewType = /*#__PURE__*/function (TCustomViewType) {
+  TCustomViewType["CustomPanel"] = "CustomPanel";
+  return TCustomViewType;
+}({});
+
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+const testCustomViewData = {
+  id: 'custom-view-id',
+  defaultLabel: 'My View',
+  labelAllLocales: [],
+  url: 'https://my-view.com',
+  type: TCustomViewType.CustomPanel,
+  locators: ['products.product_details.general'],
+  permissions: [{
+    name: 'view',
+    oAuthScopes: ['view_products']
+  }]
+};
+const renderCustomView = props => {
+  return renderAppWithRedux(jsx(CustomViewContextProvider, {
+    hostUrl: props.customViewHostUrl ?? 'https://mc.ct.com/my-project/products/product-id-1',
+    customViewConfig: _objectSpread(_objectSpread({}, testCustomViewData), props.customViewConfig),
+    children: props.children
+  }), {
+    apolloClient: props.apolloClient,
+    locale: props.locale,
+    project: {
+      key: props.projectKey,
+      allAppliedPermissions: props.projectAllAppliedPermissions || []
+    },
+    environment: _objectSpread(_objectSpread({}, props.environment || {}), {}, {
+      entryPointUriPath: CUSTOM_VIEW_HOST_ENTRY_POINT_URI_PATH
+    }),
+    user: props.user
+  });
+};
+
+export { denormalizeActionRights, denormalizeDataFences, denormalizePermissions, hooks, mapResourceAccessToAppliedPermissions, renderApp, renderAppWithRedux, renderCustomView };

package/test-utils/package.json

@@ -0,0 +1,4 @@
+{
+  "main": "dist/commercetools-frontend-application-shell-test-utils.cjs.js",
+  "module": "dist/commercetools-frontend-application-shell-test-utils.esm.js"
+}