@elliemae/pui-cli 6.0.0-beta.18 → 6.0.0-beta.21

package/lib/cli-commands/test.js

@@ -5,7 +5,9 @@ const { lintCSS, lintJS } = require('./lint');
 const { CI = false } = process.env;
 
 async function test(commandOptions) {
-  await exec(`cross-env FORCE_COLOR=true NODE_ENV=test jest ${commandOptions}`);
+  await exec(
+    `cross-env FORCE_COLOR=true NODE_OPTIONS=--experimental-vm-modules NODE_ENV=test jest ${commandOptions}`,
+  );
 }
 
 // eslint-disable-next-line max-statements

package/lib/esbuild.js

@@ -1,6 +1,7 @@
 const esbuild = require('esbuild');
 const fg = require('fast-glob');
 const fs = require('fs');
+const path = require('path');
 
 const ESBUILD_TARGET = 'es2020';
 
@@ -9,17 +10,7 @@ const commonConfig = {
   target: ESBUILD_TARGET,
   loader: { '.js': 'jsx' },
   mainFields: ['module', 'browser', 'main'],
-  plugins: [
-    {
-      name: 'extension',
-      setup(build) {
-        // eslint-disable-next-line consistent-return
-        build.onResolve({ filter: /.*/ }, (args) => {
-          if (args.importer) return { path: `${args.path}.js`, external: true };
-        });
-      },
-    },
-  ],
+  inject: [path.resolve(__dirname, './react-shim.js')],
 };
 
 const distFolder = 'dist';

package/lib/lint/eslint/common.js

@@ -39,10 +39,8 @@ const baseRules = {
     2,
     'ignorePackages',
     {
-      js: 'never',
-      jsx: 'never',
-      ts: 'never',
-      tsx: 'never',
+      json: 'ignorePackages',
+      js: 'ignorePackages',
     },
   ],
   indent: [
@@ -105,7 +103,7 @@ const reactRules = {
   'react/react-in-jsx-scope': 0,
   'react/jsx-filename-extension': [
     1,
-    { extensions: ['.js', '.jsx', '.ts', '.tsx'] },
+    { extensions: ['.js', '.jsx', '.tsx', '.mdx'] },
   ],
   'redux-saga/no-yield-in-race': 2,
   'redux-saga/yield-effects': 2,

package/lib/react-shim.js

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export { React };

package/lib/testing/jest.config.js

@@ -42,8 +42,8 @@ const jestConfig = {
     '!app/*/RbGenerated*/*.{js, ts, jsx, tsx}',
     '!app/index.{js, ts, jsx, tsx}',
     '!app/global-styles.{js, ts, jsx, tsx}',
-    '!app/*/*/loadable.{js, ts, jsx, tsx}',
-    '!lib/*/*/loadable.{js, ts, jsx, tsx}',
+    '!app/**/loadable.{js, ts, jsx, tsx}',
+    '!lib/**/loadable.{js, ts, jsx, tsx}',
   ],
   coverageThreshold: {
     // Todo: enable the coverage threshold later
@@ -71,12 +71,20 @@ const jestConfig = {
   },
   setupFilesAfterEnv: [`${getRootDir()}/lib/testing/setup-tests.js`],
   setupFiles: ['raf/polyfill', 'whatwg-fetch'],
-  testRegex: '(app|lib).*/tests/.*\\.test\\.(js|ts)$',
+  testRegex: '(app|lib).*/tests/.*\\.test\\.[jt]sx?$',
   snapshotSerializers: [],
   testResultsProcessor: 'jest-sonar-reporter',
+  resolver: 'ts-jest-resolver',
+  transform: {
+    '^.+\\.[jt]sx?$': [
+      'esbuild-jest',
+      {
+        target: 'node14',
+      },
+    ],
+  },
   transformIgnorePatterns: [
-    'node_modules/(?!(@elliemae/*|lodash-es/*)/)',
-    'node_modules/@elliemae/em-platform-document-viewer',
+    'node_modules/(?!(@elliemae/pui-cli/lib/testing/*)/)',
   ],
   globals: {
     APP_CONFIG: getAppConfig(),
@@ -86,7 +94,7 @@ const jestConfig = {
   testEnvironment: 'jsdom',
 };
 
-if (isReactModule)
+if (isReactModule && jestConfig.setupFilesAfterEnv)
   jestConfig.setupFilesAfterEnv.push(
     `${getRootDir()}/lib/testing/setup-styled-components-tests.js`,
   );

package/lib/testing/mocks/matchMedia.js

@@ -1,7 +1,7 @@
 /**
  *
  */
-export default function () {
+export default () => {
   Object.defineProperty(window, 'matchMedia', {
     value: () => ({
       matches: false,
@@ -15,4 +15,4 @@ export default function () {
       getPropertyValue: () => {},
     }),
   });
-}
+};

package/lib/testing/mocks/pui-app-loader.js

@@ -1,3 +1 @@
-module.exports = {
-  load: () => {},
-};
+export const load = () => {};

package/lib/testing/mocks/pui-diagnostics.js

@@ -1,36 +1,28 @@
-module.exports = {
-  logger() {
-    return {
-      setLogLevel() {},
-      setOptions() {},
-      info() {},
-      warn() {},
-      error() {},
-      trace() {},
-      debug() {},
-      audit() {},
-      fatal() {},
-    };
-  },
-  LogLevel: {
-    info: 'info',
-    debug: 'debug',
-    trace: 'trace',
-    warn: 'warn',
-    error: 'error',
-    audit: 'audit',
-    fatal: 'fatal',
-  },
-  Console() {
-    return {
-      log() {},
-    };
-  },
-  http() {
-    return {
-      log() {},
-    };
-  },
-  webvitals() {},
-  logUnhandledErrors() {},
+export const logger = () => ({
+  setLogLevel() {},
+  setOptions() {},
+  info() {},
+  warn() {},
+  error() {},
+  trace() {},
+  debug() {},
+  audit() {},
+  fatal() {},
+});
+export const LogLevel = {
+  info: 'info',
+  debug: 'debug',
+  trace: 'trace',
+  warn: 'warn',
+  error: 'error',
+  audit: 'audit',
+  fatal: 'fatal',
 };
+export const Console = () => ({
+  log: () => {},
+});
+export const http = () => ({
+  log() {},
+});
+export const webvitals = () => {};
+export const logUnhandledErrors = () => {};

package/lib/testing/mocks/pui-user-monitoring.js

@@ -1,5 +1,3 @@
-module.exports = {
-  setCustomUserData: () => {},
-  setCustomVirtualPageName: () => {},
-  startVirtualPageMonitoringWithAutoEnd: () => {},
-};
+export const setCustomUserData = () => {};
+export const setCustomVirtualPageName = () => {};
+export const startVirtualPageMonitoringWithAutoEnd = () => {};

package/lib/testing/mocks/retry-axios.js

@@ -1,5 +1,3 @@
-module.exports = {
-  attach: jest.fn(),
-  detach: jest.fn(),
-  getConfig: jest.fn(),
-};
+export const attach = jest.fn();
+export const detach = jest.fn();
+export const getConfig = jest.fn();

package/lib/testing/setup-tests.js

@@ -3,12 +3,12 @@
 import 'core-js/stable';
 import 'regenerator-runtime/runtime';
 import '@testing-library/jest-dom/extend-expect';
-import { toHaveNoViolations } from 'jest-axe';
+import jestAxe from 'jest-axe';
 import ResizeObserver from 'resize-observer-polyfill';
-import addMatchMedia from './mocks/matchMedia';
-import { logger } from './mocks/pui-diagnostics';
+import addMatchMedia from './mocks/matchMedia.js';
+import { logger } from './mocks/pui-diagnostics.js';
 
-if (expect) expect.extend(toHaveNoViolations);
+if (expect) expect.extend(jestAxe.toHaveNoViolations);
 jest.setTimeout(60000);
 
 const addElementToBody = (element) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-cli",
-  "version": "6.0.0-beta.18",
+  "version": "6.0.0-beta.21",
   "private": false,
   "description": "ICE MT UI Platform CLI",
   "sideEffects": false,
@@ -70,19 +70,19 @@
     "@semantic-release/changelog": "~6.0.1",
     "@semantic-release/exec": "~6.0.2",
     "@semantic-release/git": "~10.0.1",
-    "@storybook/addon-a11y": "~6.4.4",
-    "@storybook/addon-essentials": "~6.4.4",
+    "@storybook/addon-a11y": "~6.4.7",
+    "@storybook/addon-essentials": "~6.4.7",
     "@storybook/addon-events": "~6.2.9",
-    "@storybook/addon-interactions": "~6.4.4",
-    "@storybook/addon-links": "~6.4.4",
-    "@storybook/addon-storysource": "~6.4.4",
-    "@storybook/builder-webpack5": "~6.4.4",
-    "@storybook/manager-webpack5": "~6.4.4",
-    "@storybook/react": "~6.4.4",
-    "@storybook/theming": "~6.4.4",
+    "@storybook/addon-interactions": "~6.4.7",
+    "@storybook/addon-links": "~6.4.7",
+    "@storybook/addon-storysource": "~6.4.7",
+    "@storybook/builder-webpack5": "~6.4.7",
+    "@storybook/manager-webpack5": "~6.4.7",
+    "@storybook/react": "~6.4.7",
+    "@storybook/theming": "~6.4.7",
     "@stylelint/postcss-css-in-js": "~0.37.2",
     "@svgr/webpack": "~6.1.0",
-    "@testing-library/jest-dom": "~5.15.1",
+    "@testing-library/jest-dom": "~5.16.0",
     "@testing-library/react": "~12.1.2",
     "@testing-library/react-hooks": "~7.0.2",
     "@types/jest": "~27.0.3",
@@ -149,7 +149,7 @@
     "eslint-plugin-react": "~7.27.1",
     "eslint-plugin-react-hooks": "~4.3.0",
     "eslint-plugin-redux-saga": "~1.2.1",
-    "eslint-plugin-storybook": "~0.5.2",
+    "eslint-plugin-storybook": "~0.5.3",
     "eslint-plugin-testing-library": "~5.0.1",
     "eslint-plugin-wdio": "~7.4.2",
     "express-static-gzip": "~2.1.1",
@@ -187,7 +187,7 @@
     "pino": "~7.5.1",
     "pino-pretty": "~7.2.0",
     "pinst": "~2.1.6",
-    "plop": "~3.0.1",
+    "plop": "~3.0.2",
     "postcss": "~8.4.4",
     "postcss-jsx": "~0.36.4",
     "postcss-html": "~1.3.0",
@@ -222,6 +222,7 @@
     "svg-url-loader": "~7.1.1",
     "svgo": "~2.8.0",
     "terser-webpack-plugin": "~5.2.5",
+    "ts-jest-resolver": "~2.0.0",
     "ts-node": "~10.4.0",
     "tsc-alias": "~1.4.2",
     "tsc-files": "~1.1.3",