@accelint/design-system 1.1.3 → 1.1.5

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';
@@ -23,9 +22,11 @@ import { parseSingleStack } from '@vitest/utils/source-map.js';
 import { fn, spyOn, mocks, isMockFunction } from '@vitest/spy.js';
 import 'expect-type.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,
@@ -35,6 +36,8 @@ __export(matchers_exports, {
   toBeInTheDocument: () => toBeInTheDocument,
   toBeInvalid: () => toBeInvalid,
   toBePartiallyChecked: () => toBePartiallyChecked,
+  toBePartiallyPressed: () => toBePartiallyPressed,
+  toBePressed: () => toBePressed,
   toBeRequired: () => toBeRequired,
   toBeValid: () => toBeValid,
   toBeVisible: () => toBeVisible,
@@ -233,11 +236,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(
@@ -781,7 +784,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) {
@@ -879,7 +882,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";
@@ -1125,7 +1128,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(
@@ -1406,7 +1409,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(
@@ -1425,6 +1428,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;");
 }
@@ -1518,14 +1640,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) {
@@ -1549,7 +1671,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) {
@@ -2777,8 +2899,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 + '".');
     }
   }
@@ -3877,7 +3999,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_e5586d63e404237210f528c9db0f594f/node_modules/@testing-library/react/dist/@testing-library/react.esm.js
+// ../node_modules/.pnpm/@testing-library+react@16.3.0_@testing-library+dom@10.4.1_@types+react-dom@19.0.0_@type_2cdadb9aaf9a026f45fcc74be32c5467/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") {
@@ -4081,13 +4203,13 @@ async function waitForImportsToResolve() {
   await waitForImportsToResolve();
 }
 
-// ../node_modules/.pnpm/vitest@2.1.9_@types+node@24.9.1_jsdom@25.0.1_msw@2.11.6_@types+node@24.9.1_typescript@5.8.3_/node_modules/vitest/dist/chunks/_commonjsHelpers.BFTU3MAI.js
+// ../node_modules/.pnpm/vitest@2.1.9_@types+node@24.10.1_jsdom@25.0.1_msw@2.12.4_@types+node@24.10.1_typescript@5.9.3_/node_modules/vitest/dist/chunks/_commonjsHelpers.BFTU3MAI.js
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
 
-// ../node_modules/.pnpm/vitest@2.1.9_@types+node@24.9.1_jsdom@25.0.1_msw@2.11.6_@types+node@24.9.1_typescript@5.8.3_/node_modules/vitest/dist/chunks/date.W2xKR2qe.js
+// ../node_modules/.pnpm/vitest@2.1.9_@types+node@24.10.1_jsdom@25.0.1_msw@2.12.4_@types+node@24.10.1_typescript@5.9.3_/node_modules/vitest/dist/chunks/date.W2xKR2qe.js
 var RealDate = Date;
 var now = null;
 var MockDate = class _MockDate extends RealDate {
@@ -4273,7 +4395,7 @@ var hasRequiredChaiSubset;
 function requireChaiSubset() {
   if (hasRequiredChaiSubset) return chaiSubset$1.exports;
   hasRequiredChaiSubset = 1;
-  (function(module2, exports) {
+  (function(module2, exports$1) {
     (function() {
       (function(chaiSubset2) {
         if (typeof commonjsRequire === "function" && true && true) {
@@ -4832,10 +4954,10 @@ var hasRequiredDeprecated;
 function requireDeprecated() {
   if (hasRequiredDeprecated) return deprecated;
   hasRequiredDeprecated = 1;
-  (function(exports) {
-    exports.wrap = function(func, msg) {
+  (function(exports$1) {
+    exports$1.wrap = function(func, msg) {
       var wrapped = function() {
-        exports.printWarning(msg);
+        exports$1.printWarning(msg);
         return func.apply(this, arguments);
       };
       if (func.prototype) {
@@ -4843,10 +4965,10 @@ function requireDeprecated() {
       }
       return wrapped;
     };
-    exports.defaultMsg = function(packageName, funcName) {
+    exports$1.defaultMsg = function(packageName, funcName) {
       return `${packageName}.${funcName} is deprecated and will be removed from the public API in a future version of ${packageName}.`;
     };
-    exports.printWarning = function(msg) {
+    exports$1.printWarning = function(msg) {
       if (typeof process === "object" && process.emitWarning) {
         process.emitWarning(msg);
       } else if (console.info) {
@@ -4964,7 +5086,7 @@ var hasRequiredTypeDetect;
 function requireTypeDetect() {
   if (hasRequiredTypeDetect) return typeDetect$1.exports;
   hasRequiredTypeDetect = 1;
-  (function(module2, exports) {
+  (function(module2, exports$1) {
     (function(global3, factory) {
       module2.exports = factory();
     })(typeDetect, (function() {