@commercetools-frontend/jest-preset-mc-app 21.3.4 → 21.8.0

package/CHANGELOG.md

@@ -1,5 +1,41 @@
 # @commercetools-frontend/jest-preset-mc-app
 
+## 21.8.0
+
+### Patch Changes
+
+- [#2661](https://github.com/commercetools/merchant-center-application-kit/pull/2661) [`43a9df21`](https://github.com/commercetools/merchant-center-application-kit/commit/43a9df2193000b49a0299c02d5218c50d71567ed) Thanks [@emmenko](https://github.com/emmenko)! - Drop the copyright year from the license files
+
+- Updated dependencies [[`43a9df21`](https://github.com/commercetools/merchant-center-application-kit/commit/43a9df2193000b49a0299c02d5218c50d71567ed)]:
+  - @commercetools-frontend/babel-preset-mc-app@21.8.0
+
+## 21.7.0
+
+### Patch Changes
+
+- [#2627](https://github.com/commercetools/merchant-center-application-kit/pull/2627) [`5a8c301d`](https://github.com/commercetools/merchant-center-application-kit/commit/5a8c301d5627df1e8bb6dcf8870575c6ca32c0a7) Thanks [@emmenko](https://github.com/emmenko)! - Add proper entry point for Jest preset for `typescript`.
+
+  ```diff
+  -const jestPresetForTypeScript = require('@commercetools-frontend/jest-preset-mc-app/jest-preset-for-typescript');
+
+  module.exports = {
+  -  ...jestPresetForTypeScript,
+  +  preset: '@commercetools-frontend/jest-preset-mc-app/typescript'
+  };
+  ```
+
+  The import `@commercetools-frontend/jest-preset-mc-app/jest-preset-for-typescript` still works for backwards compatibility.
+
+## 21.6.0
+
+### Patch Changes
+
+- [#2555](https://github.com/commercetools/merchant-center-application-kit/pull/2555) [`0b7a3743`](https://github.com/commercetools/merchant-center-application-kit/commit/0b7a3743207172ace7f2b6893b9c7d61c351967b) Thanks [@renovate](https://github.com/apps/renovate)! - chore(deps): update all dependencies
+
+* [#2590](https://github.com/commercetools/merchant-center-application-kit/pull/2590) [`7c6415d1`](https://github.com/commercetools/merchant-center-application-kit/commit/7c6415d1b4f5f17d8ea0421b07051e6d2f7265c1) Thanks [@emmenko](https://github.com/emmenko)! - Use proper [Intl polyfills](https://formatjs.io/docs/polyfills).
+
+- [#2614](https://github.com/commercetools/merchant-center-application-kit/pull/2614) [`7c74f7f6`](https://github.com/commercetools/merchant-center-application-kit/commit/7c74f7f6a9df8478abfc3c6a55844573a9d026f2) Thanks [@emmenko](https://github.com/emmenko)! - Fix missing globals `TextEncoder` and `TextDecoder` when using `jsdom`.
+
 ## 21.3.4
 
 ### Patch Changes

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2020 commercetools GmbH
+Copyright (c) commercetools GmbH
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -4,7 +4,7 @@
   <a href="https://www.npmjs.com/package/@commercetools-frontend/jest-preset-mc-app"><img src="https://badgen.net/npm/v/@commercetools-frontend/jest-preset-mc-app" alt="Latest release (latest dist-tag)" /></a> <a href="https://www.npmjs.com/package/@commercetools-frontend/jest-preset-mc-app"><img src="https://badgen.net/npm/v/@commercetools-frontend/jest-preset-mc-app/next" alt="Latest release (next dist-tag)" /></a> <a href="https://bundlephobia.com/result?p=@commercetools-frontend/jest-preset-mc-app"><img src="https://badgen.net/bundlephobia/minzip/@commercetools-frontend/jest-preset-mc-app" alt="Minified + GZipped size" /></a> <a href="https://github.com/commercetools/merchant-center-application-kit/blob/main/LICENSE"><img src="https://badgen.net/github/license/commercetools/merchant-center-application-kit" alt="GitHub license" /></a>
 </p>
 
-Jest preset used by a MC application.
+Jest preset used by a Custom Application.
 
 ## Install
 
@@ -12,6 +12,14 @@ Jest preset used by a MC application.
 $ npm install --save @commercetools-frontend/jest-preset-mc-app
 ```
 
+## Usage
+
+```js
+module.exports = {
+  preset: '@commercetools-frontend/jest-preset-mc-app',
+};
+```
+
 ## Custom config
 
 You can pass a custom config using one of the [cosmiconfig](https://github.com/davidtheclark/cosmiconfig) format options. The config module name to use is `jest-preset-mc-app`.
@@ -33,15 +41,13 @@ Supported options are:
 
 ## TypeScript support
 
-If you need to use the Jest preset with additional TypeScript support, you need to import `@commercetools-frontend/jest-preset-mc-app/jest-preset-for-typescript.js` in your Jest config.
+If you need to use the Jest preset with additional TypeScript support, you need to point to the `@commercetools-frontend/jest-preset-mc-app/typescript` preset in your Jest config.
 
 For example:
 
 ```js
-const jestPresetForTypeScript = require('@commercetools-frontend/jest-preset-mc-app/jest-preset-for-typescript');
-
 module.exports = {
-  ...jestPresetForTypeScript,
+  preset: '@commercetools-frontend/jest-preset-mc-app/typescript',
 };
 ```
 
@@ -82,7 +88,7 @@ module.exports = {
 };
 ```
 
-Similarly, you can use the `@commercetools-frontend/jest-preset-mc-app/jest-preset-for-typescript` instead of the `@commercetools-frontend/jest-preset-mc-app`.
+Similarly, you can use the `@commercetools-frontend/jest-preset-mc-app/typescript` instead of the `@commercetools-frontend/jest-preset-mc-app`.
 
 ### Enzyme 17
 
@@ -117,4 +123,4 @@ module.exports = {
 };
 ```
 
-Similarly, you can use the `@commercetools-frontend/jest-preset-mc-app/jest-preset-for-typescript` instead of the `@commercetools-frontend/jest-preset-mc-app`.
+Similarly, you can use the `@commercetools-frontend/jest-preset-mc-app/typescript` instead of the `@commercetools-frontend/jest-preset-mc-app`.

package/jest-preset-for-typescript.js

@@ -1,7 +1,2 @@
-const defaultPreset = require('./jest-preset');
-
-module.exports = {
-  ...defaultPreset,
-  moduleFileExtensions: ['ts', 'tsx', ...defaultPreset.moduleFileExtensions],
-  testRegex: '\\.spec\\.[j|t]sx?$',
-};
+// Alias entry point, for backwards compatibility.
+module.exports = require('./typescript');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/jest-preset-mc-app",
-  "version": "21.3.4",
+  "version": "21.8.0",
   "description": "Jest preset used by a MC application",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -17,7 +17,12 @@
   "main": "./jest-preset.js",
   "module": "./jest-preset.js",
   "dependencies": {
-    "@commercetools-frontend/babel-preset-mc-app": "21.3.4",
+    "@commercetools-frontend/babel-preset-mc-app": "21.8.0",
+    "@formatjs/intl-getcanonicallocales": "^1.9.2",
+    "@formatjs/intl-listformat": "^6.5.3",
+    "@formatjs/intl-locale": "^2.4.47",
+    "@formatjs/intl-numberformat": "^7.4.3",
+    "@formatjs/intl-pluralrules": "^4.3.3",
     "@sheerun/mutationobserver-shim": "0.3.3",
     "@testing-library/jest-dom": "5.16.4",
     "babel-jest": "27.5.1",
@@ -29,8 +34,7 @@
     "jest-mock": "^27.5.1",
     "jest-silent-reporter": "0.5.0",
     "jest-transform-graphql": "2.1.0",
-    "jest-watch-typeahead": "1.0.0",
-    "make-plural": "7.1.0",
+    "jest-watch-typeahead": "1.1.0",
     "raf": "3.4.1",
     "setimmediate": "1.0.5",
     "unfetch": "4.2.0"

package/setup-test-framework.js

@@ -1,7 +1,25 @@
 require('setimmediate');
 require('unfetch/polyfill');
 require('@testing-library/jest-dom/extend-expect');
-require('./polyfills/intl');
+// Intl polyfills: https://formatjs.io/docs/polyfills
+require('@formatjs/intl-getcanonicallocales');
+require('@formatjs/intl-listformat');
+require('@formatjs/intl-locale');
+require('@formatjs/intl-numberformat');
+require('@formatjs/intl-pluralrules');
+// Intl polyfills locale data
+require('@formatjs/intl-listformat/locale-data/en');
+require('@formatjs/intl-listformat/locale-data/de');
+require('@formatjs/intl-listformat/locale-data/es');
+require('@formatjs/intl-listformat/locale-data/fr');
+require('@formatjs/intl-numberformat/locale-data/en');
+require('@formatjs/intl-numberformat/locale-data/de');
+require('@formatjs/intl-numberformat/locale-data/es');
+require('@formatjs/intl-numberformat/locale-data/fr');
+require('@formatjs/intl-pluralrules/locale-data/en');
+require('@formatjs/intl-pluralrules/locale-data/de');
+require('@formatjs/intl-pluralrules/locale-data/es');
+require('@formatjs/intl-pluralrules/locale-data/fr');
 
 const { configure: configureRtl } = require('@testing-library/react');
 const loadConfig = require('./load-config');

package/setup-tests.js

@@ -1,4 +1,4 @@
-const { Headers } = require('node-fetch');
+const util = require('util');
 const colors = require('colors/safe');
 const MutationObserver = require('@sheerun/mutationobserver-shim');
 const loadConfig = require('./load-config');
@@ -11,7 +11,19 @@ global.window.app = {
 };
 
 window.MutationObserver = MutationObserver;
-global.Headers = global.Headers || Headers;
+global.Headers = global.Headers || require('node-fetch').Headers;
+
+// Fix missing globals when `jsdom` is used in a test environment.
+// See https://github.com/jsdom/jsdom/issues/2524#issuecomment-1108991178.
+// Also https://jestjs.io/docs/manual-mocks#mocking-methods-which-are-not-implemented-in-jsdom.
+Object.defineProperty(window, 'TextEncoder', {
+  writable: true,
+  value: util.TextEncoder,
+});
+Object.defineProperty(window, 'TextDecoder', {
+  writable: true,
+  value: util.TextDecoder,
+});
 
 let additionalSilencedWarnings = [];
 let additionalNonThrowingWarnings = [];

package/typescript/index.js

@@ -0,0 +1 @@
+module.exports = require('./jest-preset');

package/typescript/jest-preset.js

@@ -0,0 +1,7 @@
+const defaultPreset = require('../jest-preset');
+
+module.exports = {
+  ...defaultPreset,
+  moduleFileExtensions: ['ts', 'tsx', ...defaultPreset.moduleFileExtensions],
+  testRegex: '\\.spec\\.[j|t]sx?$',
+};

package/polyfills/intl-pluralrules.js

@@ -1,141 +0,0 @@
-/**
- * NOTE: this is a copy of https://github.com/eemeli/intl-pluralrules
- * as the package is shipped with ES6 code.
- */
-const pluralRules = require('make-plural/plurals');
-const pluralCategories = require('make-plural/pluralCategories');
-
-// does not check for duplicate subtags
-const isStructurallyValidLanguageTag = (locale) =>
-  locale.split('-').every((subtag) => /[a-z0-9]+/i.test(subtag));
-
-const canonicalizeLocaleList = (locales) => {
-  if (!locales) return [];
-  if (!Array.isArray(locales)) locales = [locales];
-  const res = {};
-  for (let i = 0; i < locales.length; ++i) {
-    let tag = locales[i];
-    if (tag && typeof tag === 'object') tag = String(tag);
-    if (typeof tag !== 'string') {
-      // Requiring tag to be a String or Object means that the Number value
-      // NaN will not be interpreted as the language tag "nan", which stands
-      // for Min Nan Chinese.
-      const msg = `Locales should be strings, ${JSON.stringify(tag)} isn't.`;
-      throw new TypeError(msg);
-    }
-    if (tag.startsWith('*')) continue;
-    if (!isStructurallyValidLanguageTag(tag)) {
-      const strTag = JSON.stringify(tag);
-      const msg = `The locale ${strTag} is not a structurally valid BCP 47 language tag.`;
-      throw new RangeError(msg);
-    }
-    res[tag] = true;
-  }
-  return Object.keys(res);
-};
-
-const defaultLocale = () =>
-  (typeof navigator !== 'undefined' &&
-    navigator &&
-    (navigator.userLanguage || navigator.language)) ||
-  'en-US';
-
-const findLocale = (locale) => {
-  do {
-    if (pluralRules[locale]) return locale;
-    locale = locale.replace(/-?[^-]*$/, '');
-  } while (locale);
-  return null;
-};
-
-const resolveLocale = (locales) => {
-  const canonicalLocales = canonicalizeLocaleList(locales);
-  for (let i = 0; i < canonicalLocales.length; ++i) {
-    const lc = findLocale(canonicalLocales[i]);
-    if (lc) return lc;
-  }
-  return findLocale(defaultLocale());
-};
-
-const getType = (type) => {
-  if (!type) return 'cardinal';
-  if (type === 'cardinal' || type === 'ordinal') return type;
-  throw new RangeError('Not a valid plural type: ' + JSON.stringify(type));
-};
-
-class PluralRules {
-  static supportedLocalesOf(locales) {
-    return canonicalizeLocaleList(locales).filter(findLocale);
-  }
-
-  constructor(locales, opt = {}) {
-    this._locale = resolveLocale(locales);
-    this._type = getType(opt.type);
-    if (typeof Intl === 'object' && Intl.NumberFormat) {
-      // make-plural expects latin digits with . decimal separator
-      this._nf = new Intl.NumberFormat('en', opt);
-    } else {
-      const {
-        minimumIntegerDigits: minID,
-        minimumFractionDigits: minFD,
-        maximumFractionDigits: maxFD,
-        minimumSignificantDigits: minSD,
-        maximumSignificantDigits: maxSD,
-      } = opt;
-      this._minID = typeof minID === 'number' ? minID : 1;
-      this._minFD = typeof minFD === 'number' ? minFD : 0;
-      this._maxFD =
-        typeof maxFD === 'number' ? maxFD : Math.max(this._minFD, 3);
-      if (typeof minSD === 'number' || typeof maxSD === 'number') {
-        this._minSD = typeof minSD === 'number' ? minSD : 1;
-        this._maxSD = typeof maxSD === 'number' ? maxSD : 21;
-      }
-    }
-  }
-
-  resolvedOptions() {
-    const nfOpt = this._nf && this._nf.resolvedOptions();
-    const opt = {
-      locale: this._locale,
-      minimumIntegerDigits: nfOpt ? nfOpt.minimumIntegerDigits : this._minID,
-      minimumFractionDigits: nfOpt ? nfOpt.minimumFractionDigits : this._minFD,
-      maximumFractionDigits: nfOpt ? nfOpt.maximumFractionDigits : this._maxFD,
-      pluralCategories: pluralCategories[this._locale][this._type],
-      type: this._type,
-    };
-    if (nfOpt && typeof nfOpt.minimumSignificantDigits === 'number') {
-      opt.minimumSignificantDigits = nfOpt.minimumSignificantDigits;
-      opt.maximumSignificantDigits = nfOpt.maximumSignificantDigits;
-    } else if (typeof this._minSD === 'number') {
-      opt.minimumSignificantDigits = this._minSD;
-      opt.maximumSignificantDigits = this._maxSD;
-    }
-    return opt;
-  }
-
-  _format(n) {
-    if (this._nf) return this._nf.format(n);
-    if (this._minSD) {
-      const raw = String(n);
-      let prec = 0;
-      for (let i = 0; i < raw.length; ++i) {
-        const c = raw[i];
-        if (c >= '0' && c <= '9') ++prec;
-      }
-      if (prec < this._minSD) return n.toPrecision(this._minSD);
-      if (prec > this._maxSD) return n.toPrecision(this._maxSD);
-      return raw;
-    }
-    if (this._minFD > 0) return n.toFixed(this._minFD);
-    if (this._maxFD === 0) return n.toFixed(0);
-    return String(n);
-  }
-
-  select(number) {
-    if (typeof number !== 'number') number = Number(number);
-    if (!isFinite(number)) return 'other';
-    const fmt = this._format(Math.abs(number));
-    return pluralRules[this._locale](fmt, this._type === 'ordinal');
-  }
-}
-module.exports = PluralRules;

package/polyfills/intl.js

@@ -1,8 +0,0 @@
-// Polyfill `Intl` for NodeJS, as `react-intl` (v3) relies on the `intl-locales-supported`
-// package, which checks if the locale is supported by the following constructors.
-// In the browser everything is fine, however in NodeJS environment we need to polyfill it.
-// https://github.com/formatjs/formatjs/tree/master/packages/intl-messageformat#modern-intl-dependency
-global.Intl = require('intl');
-global.Intl.PluralRules = require('./intl-pluralrules');
-// Work-around for the issue  https://github.com/andyearnshaw/Intl.js/issues/256
-global.Intl.__disableRegExpRestore();