@commercetools-frontend/jest-preset-mc-app 21.25.2 → 22.0.1

package/CHANGELOG.md

@@ -1,5 +1,53 @@
 # @commercetools-frontend/jest-preset-mc-app
 
+## 22.0.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @commercetools-frontend/babel-preset-mc-app@22.0.1
+
+## 22.0.0
+
+### Major Changes
+
+- [#3026](https://github.com/commercetools/merchant-center-application-kit/pull/3026) [`968c3c4d2`](https://github.com/commercetools/merchant-center-application-kit/commit/968c3c4d21e0caeb98334f5d905213dbdd9b208d) Thanks [@emmenko](https://github.com/emmenko)! - Upgrade following dependencies to major versions:
+
+  - `jest` to `v29.x`.
+  - `jsdom` to `v21.x`.
+  - `eslint-plugin-jest` to `v27.x`.
+
+  # Migration
+
+  The package `@commercetools-frontend/jest-preset-mc-app` contains most of the updates and migration changes.
+
+  We don't expect any specific migration effort besides updating all Jest dependencies to their latest version (including possible Jest plugins being used).
+
+  However, there are a couple of possible necessary updates to consider:
+
+  - [Jest snapshots format changed a bit](https://jestjs.io/docs/upgrading-to-jest29#snapshot-format). You might need to update your snapshots by passing the option `-u` to the Jest command.
+  - The ESLint plugin for Jest might yield some new errors due to its breaking changes. See [changelog](https://github.com/jest-community/eslint-plugin-jest/blob/main/CHANGELOG.md#2700-2022-08-28).
+
+  For more detailed information about upgrading Jest, please refer to the official guides:
+
+  - [From v27 to v28](https://jestjs.io/docs/28.x/upgrading-to-jest28)
+  - [From v28 to v29](https://jestjs.io/docs/upgrading-to-jest29)
+
+- [#3029](https://github.com/commercetools/merchant-center-application-kit/pull/3029) [`2426a3849`](https://github.com/commercetools/merchant-center-application-kit/commit/2426a3849ac9f3e581e0d3e06df672391c5ce56e) Thanks [@emmenko](https://github.com/emmenko)! - Upgrade `react-intl` to `v6`.
+
+  # Migration
+
+  The peer dependency of `react-intl` should be updated to `v6`. No other migration steps are required.
+
+### Minor Changes
+
+- [#3029](https://github.com/commercetools/merchant-center-application-kit/pull/3029) [`2426a3849`](https://github.com/commercetools/merchant-center-application-kit/commit/2426a3849ac9f3e581e0d3e06df672391c5ce56e) Thanks [@emmenko](https://github.com/emmenko)! - Update UI Kit dependencies to v16
+
+### Patch Changes
+
+- Updated dependencies [[`76ba54c16`](https://github.com/commercetools/merchant-center-application-kit/commit/76ba54c164dbac75ef3e3962292933b06f4843e7)]:
+  - @commercetools-frontend/babel-preset-mc-app@22.0.0
+
 ## 21.25.2
 
 ### Patch Changes

package/jest-preset.js

@@ -13,6 +13,10 @@ const defaultSetupTestFramework = resolveRelativePath(
 const defaultTransformBabelJest = resolveRelativePath(
   './transform-babel-jest.js'
 );
+const defaultTransformGraphQL = resolveRelativePath('./transform-graphql.js');
+const defaultModuleExportsResolver = resolveRelativePath(
+  './module-exports-resolver.js'
+);
 
 module.exports = {
   displayName: 'test',
@@ -28,16 +32,19 @@ module.exports = {
       defaultTransformFile,
     '\\.css$': 'identity-obj-proxy',
   },
+  resolver: defaultModuleExportsResolver,
   rootDir: rootPath,
   setupFiles: ['raf/polyfill', defaultSetupTests, 'jest-localstorage-mock'],
   setupFilesAfterEnv: [defaultSetupTestFramework],
   testEnvironment: 'jsdom',
-  testURL: 'https://mc.europe-west1.gcp.commercetools.com/',
+  testEnvironmentOptions: {
+    url: 'https://mc.europe-west1.gcp.commercetools.com/',
+  },
   testPathIgnorePatterns: ['node_modules', 'cypress'],
   testRegex: '\\.spec\\.jsx?$',
   transform: {
     '^.+\\.(js|jsx|mjs|ts|tsx)$': defaultTransformBabelJest,
-    '^.+\\.graphql$': 'jest-transform-graphql',
+    '^.+\\.graphql$': defaultTransformGraphQL,
   },
   watchPlugins: ['jest-watch-typeahead/filename'],
 };

package/module-exports-resolver.js

@@ -0,0 +1,24 @@
+const modulesWithFaultyExports = [
+  '@react-hook/resize-observer',
+  '@react-hook/passive-layout-effect',
+  '@react-hook/latest',
+];
+
+// https://jestjs.io/docs/configuration#resolver-string
+module.exports = (path, options) => {
+  // Call the defaultResolver, so we leverage its cache, error handling, etc.
+  return options.defaultResolver(path, {
+    ...options,
+    // Use packageFilter to process parsed `package.json` before the resolution (see https://www.npmjs.com/package/resolve#resolveid-opts-cb)
+    // NOTE: this is a workaround to fix the lack of ESM support from Jest.
+    // See https://github.com/react-hook-form/resolvers/issues/396#issuecomment-1114248072
+    // TL;DR: we ensure that the faulty packages use the CJS entry point instead of the ESM one.
+    packageFilter: (pkg) => {
+      if (modulesWithFaultyExports.includes(pkg.name)) {
+        delete pkg['exports'];
+        delete pkg['module'];
+      }
+      return pkg;
+    },
+  });
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/jest-preset-mc-app",
-  "version": "21.25.2",
+  "version": "22.0.1",
   "description": "Jest preset used by a MC application",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -17,30 +17,35 @@
   "main": "./jest-preset.js",
   "module": "./jest-preset.js",
   "dependencies": {
-    "@commercetools-frontend/babel-preset-mc-app": "21.25.2",
-    "@formatjs/intl-getcanonicallocales": "^1.9.2",
-    "@formatjs/intl-listformat": "^7.1.7",
-    "@formatjs/intl-locale": "^2.4.47",
-    "@formatjs/intl-numberformat": "^7.4.3",
-    "@formatjs/intl-pluralrules": "^4.3.3",
+    "@commercetools-frontend/babel-preset-mc-app": "22.0.1",
+    "@formatjs/intl-getcanonicallocales": "^2.1.0",
+    "@formatjs/intl-listformat": "^7.1.9",
+    "@formatjs/intl-locale": "^3.1.1",
+    "@formatjs/intl-numberformat": "^8.3.5",
+    "@formatjs/intl-pluralrules": "^5.1.10",
     "@sheerun/mutationobserver-shim": "0.3.3",
     "@testing-library/jest-dom": "5.16.5",
-    "babel-jest": "27.5.1",
+    "babel-jest": "29.5.0",
+    "babel-preset-jest": "29.5.0",
     "colors": "1.4.0",
     "cosmiconfig": "7.1.0",
+    "graphql-tag": "^2.12.6",
     "identity-obj-proxy": "3.0.0",
     "intl": "1.2.5",
+    "jest-environment-jsdom": "^29.5.0",
     "jest-localstorage-mock": "2.4.26",
-    "jest-mock": "^27.5.1",
+    "jest-mock": "^29.5.0",
     "jest-silent-reporter": "0.5.0",
-    "jest-transform-graphql": "2.1.0",
-    "jest-watch-typeahead": "1.1.0",
+    "jest-watch-typeahead": "2.2.2",
     "raf": "3.4.1",
     "setimmediate": "1.0.5",
     "unfetch": "4.2.0"
   },
   "devDependencies": {
     "@testing-library/react": "12.1.5",
-    "jest": "27.5.1"
+    "jest": "29.5.0"
+  },
+  "peerDependencies": {
+    "jest": "29.x"
   }
 }

package/transform-babel-jest.js

@@ -1,4 +1,4 @@
-const babelJest = require('babel-jest');
+const { createTransformer } = require('babel-jest');
 const getJestBabelPreset = require('babel-preset-jest');
 const getBabePresetConfigForMcApp = require('@commercetools-frontend/babel-preset-mc-app');
 const hasJsxRuntime = require('./has-jsx-runtime');
@@ -18,19 +18,6 @@ const jestBabelConfig = {
   plugins: [...mcAppBabelConfig.plugins, ...getJestBabelPreset().plugins],
 };
 
-/**
- * NOTE:
- *  In `babel-jest` v27 the export has changed
- *  from: `babelJest.createTransformer`
- *  to `babelJest.default.createTransformer`.
- *  In order to remain backwards compatible the
- *  type of the export is checked.
- */
-const createTransformer =
-  typeof babelJest.createTransformer === 'function'
-    ? babelJest.createTransformer
-    : babelJest.default.createTransformer;
-
 const transformer = createTransformer(jestBabelConfig);
 
 module.exports = transformer;

package/transform-graphql.js

@@ -0,0 +1,7 @@
+const loader = require('graphql-tag/loader');
+
+module.exports = {
+  process(sourceText) {
+    return { code: loader.call({ cacheable() {} }, sourceText) };
+  },
+};