@commercetools-frontend/jest-preset-mc-app 21.3.0 → 21.6.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @commercetools-frontend/jest-preset-mc-app
 
+## 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
+
+- [#2546](https://github.com/commercetools/merchant-center-application-kit/pull/2546) [`dc76e5a9`](https://github.com/commercetools/merchant-center-application-kit/commit/dc76e5a9a7f875dadf2ed5a11c48a1ddff7b431c) Thanks [@renovate](https://github.com/apps/renovate)! - Upgrade dependencies
+
+- Updated dependencies [[`dc76e5a9`](https://github.com/commercetools/merchant-center-application-kit/commit/dc76e5a9a7f875dadf2ed5a11c48a1ddff7b431c)]:
+  - @commercetools-frontend/babel-preset-mc-app@21.3.4
+
+## 21.3.2
+
+### Patch Changes
+
+- Updated dependencies [[`cc7c19d0`](https://github.com/commercetools/merchant-center-application-kit/commit/cc7c19d06e25002e0d35c072b6f9388dd61f87cb)]:
+  - @commercetools-frontend/babel-preset-mc-app@21.3.2
+
 ## 21.3.0
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/jest-preset-mc-app",
-  "version": "21.3.0",
+  "version": "21.6.0",
   "description": "Jest preset used by a MC application",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -17,26 +17,30 @@
   "main": "./jest-preset.js",
   "module": "./jest-preset.js",
   "dependencies": {
-    "@commercetools-frontend/babel-preset-mc-app": "21.3.0",
+    "@commercetools-frontend/babel-preset-mc-app": "21.3.4",
+    "@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.3",
+    "@testing-library/jest-dom": "5.16.4",
     "babel-jest": "27.5.1",
     "colors": "1.4.0",
     "cosmiconfig": "7.0.1",
     "identity-obj-proxy": "3.0.0",
     "intl": "1.2.5",
-    "jest-localstorage-mock": "2.4.19",
+    "jest-localstorage-mock": "2.4.21",
     "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"
   },
   "devDependencies": {
-    "@testing-library/react": "12.1.4",
+    "@testing-library/react": "12.1.5",
     "jest": "27.5.1"
   }
 }

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/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();