@elliemae/pui-cli 9.0.0-next.16 → 9.0.0-next.17

package/dist/cjs/testing/ExtendedJSDomEnv.cjs

@@ -0,0 +1,37 @@
+const { TestEnvironment } = require('jest-environment-jsdom');
+
+// ICE platform is meant to be run on  node > 18
+//   "jest-environment-jsdom": "~29.6.3" is instead meant to support node >16
+//   features that are supported since node 17 & 18 are not supported in jsdom env
+//      the limitation is not relevant for us since we are already running on node 18 anyway,
+//      this "ExtendedJSDomEnv" is an extension of the
+//         jest.config.cjs
+//         {
+//           ...
+//           testEnvironment: 'jsdom'
+//           ...
+//         }
+//      that actually uses node 18 features that are not supported in "jest-environment-jsdom": "~29.6.3"
+
+// https://github.com/facebook/jest/blob/v29.4.3/website/versioned_docs/version-29.4/Configuration.md#testenvironment-string
+class FixJSDOMEnvironment extends TestEnvironment {
+  constructor(...args) {
+    super(...args);
+
+    // From here on we are using "node" (currently running version of it) to polyfill jsdom this.global
+
+    // FIXME https://github.com/jsdom/jsdom/issues/3363
+    if (structuredClone) this.global.structuredClone = structuredClone;
+
+    // FIXME https://github.com/jsdom/jsdom/issues/1724
+    if (fetch) this.global.fetch = fetch;
+    if (Headers) this.global.Headers = Headers;
+    if (Request) this.global.Request = Request;
+    if (Response) this.global.Response = Response;
+
+    // FIXME https://github.com/jsdom/jsdom/issues/1721
+    if (URL) this.global.URL = URL;
+    if (Blob) this.global.Blob = Blob;
+  }
+}
+module.exports = FixJSDOMEnvironment;

package/dist/cjs/testing/extended/axe-core/getMessageAndPass.js

@@ -0,0 +1,37 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var getMessageAndPass_exports = {};
+__export(getMessageAndPass_exports, {
+  getMessageAndPass: () => getMessageAndPass
+});
+module.exports = __toCommonJS(getMessageAndPass_exports);
+var import_jest_matcher_utils = require("jest-matcher-utils");
+var import_reporter = require("./reporter.js");
+const getMessageAndPass = (violations) => {
+  const formatedViolations = (0, import_reporter.reporter)(violations);
+  const pass = formatedViolations.length === 0;
+  if (pass)
+    return { message: () => "", pass };
+  return {
+    message: () => `${(0, import_jest_matcher_utils.matcherHint)(".toHaveNoViolations")}
+
+${formatedViolations}`,
+    pass
+  };
+};

package/dist/cjs/testing/extended/axe-core/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var axe_core_exports = {};
+__export(axe_core_exports, {
+  toHaveNoViolations: () => import_toHaveNoViolations.toHaveNoViolations
+});
+module.exports = __toCommonJS(axe_core_exports);
+var import_toHaveNoViolations = require("./toHaveNoViolations.js");

package/dist/cjs/testing/extended/axe-core/reporter.js

@@ -0,0 +1,51 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var reporter_exports = {};
+__export(reporter_exports, {
+  reporter: () => reporter
+});
+module.exports = __toCommonJS(reporter_exports);
+var import_jest_matcher_utils = require("jest-matcher-utils");
+const colorYellow = (arg) => `\x1B[93m ${arg ?? ""} \x1B[0m`;
+const colorGrey = (arg) => `\x1B[90m ${arg ?? ""} \x1B[0m`;
+const colorBlue = (arg) => `\x1B[34m ${arg ?? ""} \x1B[0m`;
+const reporter = (violToFormat) => {
+  if (violToFormat.length === 0)
+    return "";
+  const lineBreak = "\n\n";
+  const horizontalLine = "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500";
+  return violToFormat.map((violation) => {
+    const errorBody = violation.nodes.map((node) => {
+      const selector = node.target.join(", ");
+      const expectedText = `Expected the HTML found at $('${selector}') to have no violations:${lineBreak}`;
+      let violationHelpUrl = "";
+      if (violation.helpUrl)
+        violationHelpUrl = `You can find more information on this issue here: 
+${colorBlue(
+          violation.helpUrl
+        )}`;
+      return `${expectedText + colorGrey(node.html) + lineBreak}Received:${lineBreak}${(0, import_jest_matcher_utils.printReceived)(
+        `${violation.help} (${violation.id})`
+      )}${lineBreak}${colorYellow(
+        node.failureSummary
+      )}${lineBreak}${violationHelpUrl}`;
+    }).join(lineBreak);
+    return errorBody;
+  }).join(lineBreak + horizontalLine + lineBreak);
+};

package/dist/cjs/testing/extended/axe-core/shouldIgnoreNodeViolation.js

@@ -0,0 +1,31 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var shouldIgnoreNodeViolation_exports = {};
+__export(shouldIgnoreNodeViolation_exports, {
+  shouldIgnoreNodeViolation: () => shouldIgnoreNodeViolation
+});
+module.exports = __toCommonJS(shouldIgnoreNodeViolation_exports);
+const dataAttributeRegexp = /(data-[\S]*)=["']([\S]*)["']/gm;
+const shouldIgnoreNodeViolation = (node, violation) => [...node.html.matchAll(dataAttributeRegexp)].map(([fullMatch, dataKey, dataValue]) => ({
+  fullMatch,
+  dataKey,
+  dataValue
+})).some(
+  ({ dataKey, dataValue }) => dataKey === `data-axe-ignore-${violation.id}` && dataValue === "true"
+);

package/dist/cjs/testing/extended/axe-core/toHaveNoViolations.js

@@ -0,0 +1,43 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var toHaveNoViolations_exports = {};
+__export(toHaveNoViolations_exports, {
+  toHaveNoViolations: () => toHaveNoViolations
+});
+module.exports = __toCommonJS(toHaveNoViolations_exports);
+var import_getMessageAndPass = require("./getMessageAndPass.js");
+var import_shouldIgnoreNodeViolation = require("./shouldIgnoreNodeViolation.js");
+const toHaveNoViolations = {
+  toHaveNoViolations(results) {
+    const { violations } = results;
+    const finalViolations = [];
+    violations.forEach((violation) => {
+      const { nodes } = violation;
+      const newNodes = [];
+      nodes.forEach((node) => {
+        if (!(0, import_shouldIgnoreNodeViolation.shouldIgnoreNodeViolation)(node, violation))
+          newNodes.push(node);
+      });
+      if (newNodes.length > 0) {
+        finalViolations.push({ ...violation, nodes: newNodes });
+      }
+    });
+    return { actual: violations, ...(0, import_getMessageAndPass.getMessageAndPass)(finalViolations) };
+  }
+};

package/dist/cjs/testing/jest.config.cjs

@@ -94,7 +94,7 @@ const jestConfig = {
     url: `http://localhost:3111${basePath}`,
     resources: 'usable',
   },
-  testEnvironment: 'jsdom',
+  testEnvironment: path.resolve(__dirname, './ExtendedJSDomEnv.cjs'),
   watchPlugins: [
     'jest-watch-typeahead/filename',
     'jest-watch-typeahead/testname',

package/dist/cjs/testing/setup-tests.js

@@ -23,8 +23,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var import_runtime = require("regenerator-runtime/runtime");
 var import_jest_globals = require("@testing-library/jest-dom/jest-globals");
-var import_jest_axe = __toESM(require("jest-axe"), 1);
 var import_resize_observer_polyfill = __toESM(require("resize-observer-polyfill"), 1);
+var import_axe_core = require("./extended/axe-core");
 var import_matchMedia = require("./mocks/matchMedia.js");
 var import_pui_diagnostics = require("./mocks/pui-diagnostics.js");
 const originalError = console.error;
@@ -47,7 +47,7 @@ console.error = (...args) => {
   return originalError(...args);
 };
 if (expect)
-  expect.extend(import_jest_axe.default.toHaveNoViolations);
+  expect.extend(import_axe_core.toHaveNoViolations);
 const addElementToBody = (element) => {
   const documentEle = (window || {}).document;
   if (!documentEle)

package/dist/esm/testing/ExtendedJSDomEnv.cjs

@@ -0,0 +1,37 @@
+const { TestEnvironment } = require('jest-environment-jsdom');
+
+// ICE platform is meant to be run on  node > 18
+//   "jest-environment-jsdom": "~29.6.3" is instead meant to support node >16
+//   features that are supported since node 17 & 18 are not supported in jsdom env
+//      the limitation is not relevant for us since we are already running on node 18 anyway,
+//      this "ExtendedJSDomEnv" is an extension of the
+//         jest.config.cjs
+//         {
+//           ...
+//           testEnvironment: 'jsdom'
+//           ...
+//         }
+//      that actually uses node 18 features that are not supported in "jest-environment-jsdom": "~29.6.3"
+
+// https://github.com/facebook/jest/blob/v29.4.3/website/versioned_docs/version-29.4/Configuration.md#testenvironment-string
+class FixJSDOMEnvironment extends TestEnvironment {
+  constructor(...args) {
+    super(...args);
+
+    // From here on we are using "node" (currently running version of it) to polyfill jsdom this.global
+
+    // FIXME https://github.com/jsdom/jsdom/issues/3363
+    if (structuredClone) this.global.structuredClone = structuredClone;
+
+    // FIXME https://github.com/jsdom/jsdom/issues/1724
+    if (fetch) this.global.fetch = fetch;
+    if (Headers) this.global.Headers = Headers;
+    if (Request) this.global.Request = Request;
+    if (Response) this.global.Response = Response;
+
+    // FIXME https://github.com/jsdom/jsdom/issues/1721
+    if (URL) this.global.URL = URL;
+    if (Blob) this.global.Blob = Blob;
+  }
+}
+module.exports = FixJSDOMEnvironment;

package/dist/esm/testing/extended/axe-core/getMessageAndPass.js

@@ -0,0 +1,17 @@
+import { matcherHint } from "jest-matcher-utils";
+import { reporter } from "./reporter.js";
+const getMessageAndPass = (violations) => {
+  const formatedViolations = reporter(violations);
+  const pass = formatedViolations.length === 0;
+  if (pass)
+    return { message: () => "", pass };
+  return {
+    message: () => `${matcherHint(".toHaveNoViolations")}
+
+${formatedViolations}`,
+    pass
+  };
+};
+export {
+  getMessageAndPass
+};

package/dist/esm/testing/extended/axe-core/index.js

@@ -0,0 +1,4 @@
+import { toHaveNoViolations } from "./toHaveNoViolations.js";
+export {
+  toHaveNoViolations
+};

package/dist/esm/testing/extended/axe-core/reporter.js

@@ -0,0 +1,31 @@
+import { printReceived } from "jest-matcher-utils";
+const colorYellow = (arg) => `\x1B[93m ${arg ?? ""} \x1B[0m`;
+const colorGrey = (arg) => `\x1B[90m ${arg ?? ""} \x1B[0m`;
+const colorBlue = (arg) => `\x1B[34m ${arg ?? ""} \x1B[0m`;
+const reporter = (violToFormat) => {
+  if (violToFormat.length === 0)
+    return "";
+  const lineBreak = "\n\n";
+  const horizontalLine = "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500";
+  return violToFormat.map((violation) => {
+    const errorBody = violation.nodes.map((node) => {
+      const selector = node.target.join(", ");
+      const expectedText = `Expected the HTML found at $('${selector}') to have no violations:${lineBreak}`;
+      let violationHelpUrl = "";
+      if (violation.helpUrl)
+        violationHelpUrl = `You can find more information on this issue here: 
+${colorBlue(
+          violation.helpUrl
+        )}`;
+      return `${expectedText + colorGrey(node.html) + lineBreak}Received:${lineBreak}${printReceived(
+        `${violation.help} (${violation.id})`
+      )}${lineBreak}${colorYellow(
+        node.failureSummary
+      )}${lineBreak}${violationHelpUrl}`;
+    }).join(lineBreak);
+    return errorBody;
+  }).join(lineBreak + horizontalLine + lineBreak);
+};
+export {
+  reporter
+};

package/dist/esm/testing/extended/axe-core/shouldIgnoreNodeViolation.js

@@ -0,0 +1,11 @@
+const dataAttributeRegexp = /(data-[\S]*)=["']([\S]*)["']/gm;
+const shouldIgnoreNodeViolation = (node, violation) => [...node.html.matchAll(dataAttributeRegexp)].map(([fullMatch, dataKey, dataValue]) => ({
+  fullMatch,
+  dataKey,
+  dataValue
+})).some(
+  ({ dataKey, dataValue }) => dataKey === `data-axe-ignore-${violation.id}` && dataValue === "true"
+);
+export {
+  shouldIgnoreNodeViolation
+};

package/dist/esm/testing/extended/axe-core/toHaveNoViolations.js

@@ -0,0 +1,23 @@
+import { getMessageAndPass } from "./getMessageAndPass.js";
+import { shouldIgnoreNodeViolation } from "./shouldIgnoreNodeViolation.js";
+const toHaveNoViolations = {
+  toHaveNoViolations(results) {
+    const { violations } = results;
+    const finalViolations = [];
+    violations.forEach((violation) => {
+      const { nodes } = violation;
+      const newNodes = [];
+      nodes.forEach((node) => {
+        if (!shouldIgnoreNodeViolation(node, violation))
+          newNodes.push(node);
+      });
+      if (newNodes.length > 0) {
+        finalViolations.push({ ...violation, nodes: newNodes });
+      }
+    });
+    return { actual: violations, ...getMessageAndPass(finalViolations) };
+  }
+};
+export {
+  toHaveNoViolations
+};

package/dist/esm/testing/jest.config.cjs

@@ -94,7 +94,7 @@ const jestConfig = {
     url: `http://localhost:3111${basePath}`,
     resources: 'usable',
   },
-  testEnvironment: 'jsdom',
+  testEnvironment: path.resolve(__dirname, './ExtendedJSDomEnv.cjs'),
   watchPlugins: [
     'jest-watch-typeahead/filename',
     'jest-watch-typeahead/testname',

package/dist/esm/testing/setup-tests.js

@@ -1,7 +1,7 @@
 import "regenerator-runtime/runtime";
 import "@testing-library/jest-dom/jest-globals";
-import jestAxe from "jest-axe";
 import ResizeObserver from "resize-observer-polyfill";
+import { toHaveNoViolations } from "./extended/axe-core";
 import { addMatchMedia } from "./mocks/matchMedia.js";
 import { logger } from "./mocks/pui-diagnostics.js";
 const originalError = console.error;
@@ -24,7 +24,7 @@ console.error = (...args) => {
   return originalError(...args);
 };
 if (expect)
-  expect.extend(jestAxe.toHaveNoViolations);
+  expect.extend(toHaveNoViolations);
 const addElementToBody = (element) => {
   const documentEle = (window || {}).document;
   if (!documentEle)

package/dist/types/testing/ExtendedJSDomEnv.d.cts

@@ -0,0 +1,5 @@
+export = FixJSDOMEnvironment;
+declare const FixJSDOMEnvironment_base: typeof import("jest-environment-jsdom").default;
+declare class FixJSDOMEnvironment extends FixJSDOMEnvironment_base {
+    constructor(...args: any[]);
+}

package/dist/types/testing/extended/axe-core/getMessageAndPass.d.ts

@@ -0,0 +1,8 @@
+import type { Result } from 'axe-core';
+export declare const getMessageAndPass: (violations: Result[]) => {
+    message: () => string;
+    pass: true;
+} | {
+    message: () => string;
+    pass: false;
+};

package/dist/types/testing/extended/axe-core/index.d.ts

@@ -0,0 +1 @@
+export { toHaveNoViolations } from './toHaveNoViolations.js';

package/dist/types/testing/extended/axe-core/reporter.d.ts

@@ -0,0 +1,2 @@
+import type { Result } from 'axe-core';
+export declare const reporter: (violToFormat: Result[]) => string;

package/dist/types/testing/extended/axe-core/shouldIgnoreNodeViolation.d.ts

@@ -0,0 +1,2 @@
+import type { NodeResult, Result } from 'axe-core';
+export declare const shouldIgnoreNodeViolation: (node: NodeResult, violation: Result) => boolean;

package/dist/types/testing/extended/axe-core/toHaveNoViolations.d.ts

@@ -0,0 +1,12 @@
+import type { AxeResults, Result } from 'axe-core';
+export declare const toHaveNoViolations: {
+    toHaveNoViolations(results: AxeResults): {
+        message: () => string;
+        pass: true;
+        actual: Result[];
+    } | {
+        message: () => string;
+        pass: false;
+        actual: Result[];
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-cli",
-  "version": "9.0.0-next.16",
+  "version": "9.0.0-next.17",
   "description": "ICE MT UI Platform CLI",
   "sideEffects": false,
   "type": "module",