@accelint/design-system 1.1.6 → 1.1.7

package/dist/test/setup.js

@@ -3,8 +3,7 @@ import redent from 'redent.js';
 import { parse } from '@adobe/css-tools.js';
 import { computeAccessibleDescription, computeAccessibleName } from 'dom-accessibility-api.js';
 import { roles, elementRoles, roleElements } from 'aria-query.js';
-import chalk from 'chalk.js';
-import isEqualWith from 'lodash/isEqualWith.js';
+import pico from 'picocolors.js';
 import escape from 'css.escape.js';
 import * as React from 'react';
 import * as DeprecatedReactTestUtils from 'react-dom/test-utils';
@@ -25,9 +24,11 @@ import '@vitest/utils/source-map.js';
 import 'expect-type.js';
 import 'pathe.js';
 
-// ../node_modules/.pnpm/@testing-library+jest-dom@6.6.3/node_modules/@testing-library/jest-dom/dist/matchers.mjs
+// ../node_modules/.pnpm/@testing-library+jest-dom@6.9.1/node_modules/@testing-library/jest-dom/dist/matchers.mjs
 var matchers_exports = {};
 __export(matchers_exports, {
+  toAppearAfter: () => toAppearAfter,
+  toAppearBefore: () => toAppearBefore,
   toBeChecked: () => toBeChecked,
   toBeDisabled: () => toBeDisabled,
   toBeEmpty: () => toBeEmpty,
@@ -37,6 +38,8 @@ __export(matchers_exports, {
   toBeInTheDocument: () => toBeInTheDocument,
   toBeInvalid: () => toBeInvalid,
   toBePartiallyChecked: () => toBePartiallyChecked,
+  toBePartiallyPressed: () => toBePartiallyPressed,
+  toBePressed: () => toBePressed,
   toBeRequired: () => toBeRequired,
   toBeValid: () => toBeValid,
   toBeVisible: () => toBeVisible,
@@ -235,11 +238,11 @@ function toSentence(array2, { wordConnector = ", ", lastWordConnector = " and "
     array2.length > 1 ? lastWordConnector : ""
   );
 }
-function compareArraysAsSet(arr1, arr2) {
-  if (Array.isArray(arr1) && Array.isArray(arr2)) {
-    return [...new Set(arr1)].every((v) => new Set(arr2).has(v));
+function compareAsSet(val1, val2) {
+  if (Array.isArray(val1) && Array.isArray(val2)) {
+    return [...new Set(val1)].every((v) => new Set(val2).has(v));
   }
-  return void 0;
+  return val1 === val2;
 }
 function toBeInTheDOM(element, container) {
   deprecate(
@@ -783,7 +786,7 @@ function expectedDiff(diffFn, expected, computedStyles) {
     {}
   );
   const diffOutput = diffFn(printoutStyles(expected), printoutStyles(received));
-  return diffOutput.replace(`${chalk.red("+ Received")}
+  return diffOutput.replace(`${pico.red("+ Received")}
 `, "");
 }
 function toHaveStyle(htmlElement, css) {
@@ -881,7 +884,7 @@ function toHaveFormValues(formElement, expectedValues) {
   const formValues = getAllFormValues(formElement);
   return {
     pass: Object.entries(expectedValues).every(
-      ([name, expectedValue]) => isEqualWith(formValues[name], expectedValue, compareArraysAsSet)
+      ([name, expectedValue]) => compareAsSet(formValues[name], expectedValue)
     ),
     message: () => {
       const to = this.isNot ? "not to" : "to";
@@ -1127,7 +1130,7 @@ function toHaveValue(htmlElement, expectedValue) {
     receivedTypedValue = `${receivedValue} (${typeof receivedValue})`;
   }
   return {
-    pass: expectsValue ? isEqualWith(receivedValue, expectedValue, compareArraysAsSet) : Boolean(receivedValue),
+    pass: expectsValue ? compareAsSet(receivedValue, expectedValue) : Boolean(receivedValue),
     message: () => {
       const to = this.isNot ? "not to" : "to";
       const matcher = this.utils.matcherHint(
@@ -1408,7 +1411,7 @@ function toHaveSelection(htmlElement, expectedSelection) {
   }
   const receivedSelection = getSelection(htmlElement);
   return {
-    pass: expectsSelection ? isEqualWith(receivedSelection, expectedSelection, compareArraysAsSet) : Boolean(receivedSelection),
+    pass: expectsSelection ? compareAsSet(receivedSelection, expectedSelection) : Boolean(receivedSelection),
     message: () => {
       const to = this.isNot ? "not to" : "to";
       const matcher = this.utils.matcherHint(
@@ -1427,6 +1430,125 @@ function toHaveSelection(htmlElement, expectedSelection) {
     }
   };
 }
+function toBePressed(element) {
+  checkHtmlElement(element, toBePressed, this);
+  const roles3 = (element.getAttribute("role") || "").split(" ").map((role) => role.trim());
+  const isButton = element.tagName.toLowerCase() === "button" || element.tagName.toLowerCase() === "input" && element.type === "button" || roles3.includes("button");
+  const pressedAttribute = element.getAttribute("aria-pressed");
+  const isValidAriaElement = pressedAttribute === "true" || pressedAttribute === "false";
+  if (!isButton || !isValidAriaElement) {
+    return {
+      pass: false,
+      message: () => `Only button or input with type="button" or element with role="button" and a valid aria-pressed attribute can be used with .toBePressed()`
+    };
+  }
+  const isPressed = pressedAttribute === "true";
+  return {
+    pass: isButton && isPressed,
+    message: () => {
+      const matcher = this.utils.matcherHint(
+        `${this.isNot ? ".not" : ""}.toBePressed`,
+        "element",
+        ""
+      );
+      return getMessage(
+        this,
+        matcher,
+        `Expected element to have`,
+        `aria-pressed="${this.isNot ? "false" : "true"}"`,
+        `Received`,
+        `aria-pressed="${pressedAttribute}"`
+      );
+    }
+  };
+}
+function toBePartiallyPressed(element) {
+  checkHtmlElement(element, toBePartiallyPressed, this);
+  const roles3 = (element.getAttribute("role") || "").split(" ").map((role) => role.trim());
+  const isButton = element.tagName.toLowerCase() === "button" || element.tagName.toLowerCase() === "input" && element.type === "button" || roles3.includes("button");
+  const pressedAttribute = element.getAttribute("aria-pressed");
+  const isValidAriaElement = pressedAttribute === "true" || pressedAttribute === "false" || pressedAttribute === "mixed";
+  if (!isButton || !isValidAriaElement) {
+    return {
+      pass: false,
+      message: () => `Only button or input with type="button" or element with role="button" and a valid aria-pressed attribute can be used with .toBePartiallyPressed()`
+    };
+  }
+  const isPartiallyPressed = pressedAttribute === "mixed";
+  return {
+    pass: isButton && isPartiallyPressed,
+    message: () => {
+      const to = this.isNot ? "not to" : "to";
+      const matcher = this.utils.matcherHint(
+        `${this.isNot ? ".not" : ""}.toBePartiallyPressed`,
+        "element",
+        ""
+      );
+      return getMessage(
+        this,
+        matcher,
+        `Expected element ${to} have`,
+        `aria-pressed="mixed"`,
+        `Received`,
+        `aria-pressed="${pressedAttribute}"`
+      );
+    }
+  };
+}
+var DOCUMENT_POSITION_DISCONNECTED = 1;
+var DOCUMENT_POSITION_PRECEDING = 2;
+var DOCUMENT_POSITION_FOLLOWING = 4;
+var DOCUMENT_POSITION_CONTAINS = 8;
+var DOCUMENT_POSITION_CONTAINED_BY = 16;
+var DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC = 32;
+var DOCUMENT_POSITIONS_STRINGS = {
+  [DOCUMENT_POSITION_DISCONNECTED]: "Node.DOCUMENT_POSITION_DISCONNECTED",
+  [DOCUMENT_POSITION_PRECEDING]: "Node.DOCUMENT_POSITION_PRECEDING",
+  [DOCUMENT_POSITION_FOLLOWING]: "Node.DOCUMENT_POSITION_FOLLOWING",
+  [DOCUMENT_POSITION_CONTAINS]: "Node.DOCUMENT_POSITION_CONTAINS",
+  [DOCUMENT_POSITION_CONTAINED_BY]: "Node.DOCUMENT_POSITION_CONTAINED_BY",
+  [DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC]: "Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC"
+};
+function makeDocumentPositionErrorString(documentPosition) {
+  if (documentPosition in DOCUMENT_POSITIONS_STRINGS) {
+    return `${DOCUMENT_POSITIONS_STRINGS[documentPosition]} (${documentPosition})`;
+  }
+  return `Unknown document position (${documentPosition})`;
+}
+function checkToAppear(methodName, targetDocumentPosition) {
+  return function(element, secondElement) {
+    checkHtmlElement(element, toAppearBefore, this);
+    checkHtmlElement(secondElement, toAppearBefore, this);
+    const documentPosition = element.compareDocumentPosition(secondElement);
+    const pass = documentPosition === targetDocumentPosition;
+    return {
+      pass,
+      message: () => {
+        return [
+          this.utils.matcherHint(
+            `${this.isNot ? ".not" : ""}.${methodName}`,
+            "element",
+            "secondElement"
+          ),
+          "",
+          `Received: ${makeDocumentPositionErrorString(documentPosition)}`
+        ].join("\n");
+      }
+    };
+  };
+}
+function toAppearBefore(element, secondElement) {
+  return checkToAppear("toAppearBefore", DOCUMENT_POSITION_FOLLOWING).apply(
+    this,
+    [element, secondElement]
+  );
+}
+function toAppearAfter(element, secondElement) {
+  return checkToAppear("toAppearAfter", DOCUMENT_POSITION_PRECEDING).apply(
+    this,
+    [element, secondElement]
+  );
+}
 function escapeHTML(str) {
   return str.replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
@@ -1520,14 +1642,14 @@ function createDOMElementFilter(filterNode) {
     }
   };
 }
-var chalk2 = null;
+var picocolors = null;
 var readFileSync = null;
 var codeFrameColumns = null;
 try {
   const nodeRequire = module && module.require;
   readFileSync = nodeRequire.call(module, "fs").readFileSync;
   codeFrameColumns = nodeRequire.call(module, "@babel/code-frame").codeFrameColumns;
-  chalk2 = nodeRequire.call(module, "chalk");
+  picocolors = nodeRequire.call(module, "picocolors");
 } catch {
 }
 function getCodeFrame(frame) {
@@ -1551,7 +1673,7 @@ function getCodeFrame(frame) {
     highlightCode: true,
     linesBelow: 0
   });
-  return chalk2.dim(frameLocation) + "\n" + codeFrame + "\n";
+  return picocolors.dim(frameLocation) + "\n" + codeFrame + "\n";
 }
 function getUserCodeFrame() {
   if (!readFileSync || !codeFrameColumns) {
@@ -2779,8 +2901,8 @@ var queryAllByRole = function(container, role, _temp) {
     }
   }
   if (expanded !== void 0) {
-    var _allRoles$get10;
-    if (((_allRoles$get10 = roles.get(role)) == null ? void 0 : _allRoles$get10.props["aria-expanded"]) === void 0) {
+    var _allRoles$get0;
+    if (((_allRoles$get0 = roles.get(role)) == null ? void 0 : _allRoles$get0.props["aria-expanded"]) === void 0) {
       throw new Error('"aria-expanded" is not supported on role "' + role + '".');
     }
   }
@@ -3879,7 +4001,7 @@ typeof document !== "undefined" && document.body ? getQueriesForElement(document
   return helpers;
 }, initialValue);
 
-// ../node_modules/.pnpm/@testing-library+react@16.3.0_@testing-library+dom@10.4.0_@types+react-dom@19.0.0_@type_c73dee9f0e611c0cf8e2f38a680966d7/node_modules/@testing-library/react/dist/@testing-library/react.esm.js
+// ../node_modules/.pnpm/@testing-library+react@16.3.1_@testing-library+dom@10.4.1_@types+react-dom@19.0.0_@type_e58d195d2fe7d9a4e3d711d7fbfc8046/node_modules/@testing-library/react/dist/@testing-library/react.esm.js
 var reactAct = typeof React.act === "function" ? React.act : DeprecatedReactTestUtils.act;
 function getGlobalThis() {
   if (typeof globalThis !== "undefined") {
@@ -3988,11 +4110,10 @@ configure({
 var mountedContainers = /* @__PURE__ */ new Set();
 var mountedRootEntries = [];
 function cleanup() {
-  mountedRootEntries.forEach((_ref3) => {
-    let {
-      root,
-      container
-    } = _ref3;
+  mountedRootEntries.forEach(({
+    root,
+    container
+  }) => {
     act3(() => {
       root.unmount();
     });