@dynatrace/strato-components-testing 0.85.70

package/esm/jest/mocks/text-ellipsis-mock.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/jest/mocks/text-ellipsis-mock.ts"],
+  "sourcesContent": ["import {\n  clearGetBoundingClientRectMock,\n  setupGetBoundingClientRectMock,\n} from './bounding-client-rect-mock.js';\nimport {\n  clearCanvasMeasureTextMock,\n  setupCanvasMeasureTextMock,\n} from './canvas-mock.js';\nimport { createDOMRect } from './dom-rect-mock.js';\nimport { clearScrollWidthMock } from './scroll-width-mock.js';\n\n/** Mocks DOM properties and functions required for the TextEllipsis component to work. */\nexport function setupTextEllipsisMock(\n  containerWidth: number = 250,\n  textWidth: number = 200,\n  mockCanvas: boolean = false,\n) {\n  setupGetBoundingClientRectMock(function (this: HTMLElement) {\n    // container width\n    if (this.getAttribute('data-ellipsis') !== null) {\n      return createDOMRect(containerWidth, 0);\n    }\n    // actual text width\n    return createDOMRect(textWidth, 0);\n  });\n\n  if (mockCanvas) {\n    setupCanvasMeasureTextMock();\n  }\n}\n\n/** Clears mocked DOM properties and functions required for the TextEllipsis component to work. */\nexport function clearTextEllipsisMock() {\n  clearGetBoundingClientRectMock();\n  clearScrollWidthMock();\n  clearCanvasMeasureTextMock();\n}\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,qBAAqB;AAC9B,SAAS,4BAA4B;AAG9B,SAAS,sBACd,iBAAyB,KACzB,YAAoB,KACpB,aAAsB,OACtB;AACA,iCAA+B,WAA6B;AAE1D,QAAI,KAAK,aAAa,eAAe,MAAM,MAAM;AAC/C,aAAO,cAAc,gBAAgB,CAAC;AAAA,IACxC;AAEA,WAAO,cAAc,WAAW,CAAC;AAAA,EACnC,CAAC;AAED,MAAI,YAAY;AACd,+BAA2B;AAAA,EAC7B;AACF;AAGO,SAAS,wBAAwB;AACtC,iCAA+B;AAC/B,uBAAqB;AACrB,6BAA2B;AAC7B;",
+  "names": []
+}

package/esm/jest/preset/index.js

@@ -0,0 +1,5 @@
+import { stratoPreset } from "./jest-preset.js";
+export {
+  stratoPreset
+};
+//# sourceMappingURL=index.js.map

package/esm/jest/preset/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/jest/preset/index.ts"],
+  "sourcesContent": ["export { stratoPreset } from './jest-preset.js';\n"],
+  "mappings": "AAAA,SAAS,oBAAoB;",
+  "names": []
+}

package/esm/jest/preset/jest-preset.js

@@ -0,0 +1,13 @@
+const stratoPreset = {
+  moduleNameMapper: {
+    "^d3-(.*)$": "<rootDir>/node_modules/d3-$1/dist/d3-$1",
+    "^@codemirror/legacy-modes/mode/(.*)$": "<rootDir>/node_modules/@codemirror/legacy-modes/mode/$1.cjs",
+    nanoid: "<rootDir>/node_modules/nanoid/index.cjs",
+    "\\.(css|less|scss|sass)$": "identity-obj-proxy"
+  },
+  resolver: "<rootDir>/node_modules/@dynatrace/strato-components-testing/jest/preset/resolver.js"
+};
+export {
+  stratoPreset
+};
+//# sourceMappingURL=jest-preset.js.map

package/esm/jest/preset/jest-preset.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/jest/preset/jest-preset.ts"],
+  "sourcesContent": ["export const stratoPreset = {\n  moduleNameMapper: {\n    '^d3-(.*)$': '<rootDir>/node_modules/d3-$1/dist/d3-$1',\n    '^@codemirror/legacy-modes/mode/(.*)$':\n      '<rootDir>/node_modules/@codemirror/legacy-modes/mode/$1.cjs',\n    nanoid: '<rootDir>/node_modules/nanoid/index.cjs',\n    '\\\\.(css|less|scss|sass)$': 'identity-obj-proxy',\n  },\n  resolver:\n    '<rootDir>/node_modules/@dynatrace/strato-components-testing/jest/preset/resolver.js',\n};\n"],
+  "mappings": "AAAO,MAAM,eAAe;AAAA,EAC1B,kBAAkB;AAAA,IAChB,aAAa;AAAA,IACb,wCACE;AAAA,IACF,QAAQ;AAAA,IACR,4BAA4B;AAAA,EAC9B;AAAA,EACA,UACE;AACJ;",
+  "names": []
+}

package/esm/jest/preset/resolver.js

@@ -0,0 +1,23 @@
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var require_resolver = __commonJS({
+  "packages/components-testing/src/jest/preset/resolver.ts"(exports, module) {
+    module.exports = (path, options) => {
+      return options.defaultResolver(path, {
+        ...options,
+        // Use packageFilter to process parsed `package.json` before the resolution (see https://www.npmjs.com/package/resolve#resolveid-opts-cb)
+        packageFilter: (pkg) => {
+          if (pkg.name === "uuid") {
+            delete pkg["exports"];
+            delete pkg["module"];
+          }
+          return pkg;
+        }
+      });
+    };
+  }
+});
+export default require_resolver();
+//# sourceMappingURL=resolver.js.map

package/esm/jest/preset/resolver.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/jest/preset/resolver.ts"],
+  "sourcesContent": ["module.exports = (path, options) => {\n  // Call the defaultResolver, so we leverage its cache, error handling, etc.\n  return options.defaultResolver(path, {\n    ...options,\n    // Use packageFilter to process parsed `package.json` before the resolution (see https://www.npmjs.com/package/resolve#resolveid-opts-cb)\n    packageFilter: (pkg) => {\n      // This is a workaround for https://github.com/uuidjs/uuid/pull/616\n      //\n      // jest-environment-jsdom 28+ tries to use browser exports instead of default exports,\n      // but uuid only offers an ESM browser export and not a CommonJS one. Jest does not yet\n      // support ESM modules natively, so this causes a Jest error related to trying to parse\n      // \"export\" syntax.\n      //\n      // This workaround prevents Jest from considering uuid's module-based exports at all;\n      // it falls back to uuid's CommonJS+node \"main\" property.\n      //\n      // Once we're able to migrate our Jest config to ESM and a browser crypto\n      // implementation is available for the browser+ESM version of uuid to use (eg, via\n      // https://github.com/jsdom/jsdom/pull/3352 or a similar polyfill), this can go away.\n      if (pkg.name === 'uuid') {\n        delete pkg['exports'];\n        delete pkg['module'];\n      }\n      return pkg;\n    },\n  });\n};\n"],
+  "mappings": ";;;;AAAA;AAAA;AAAA,WAAO,UAAU,CAAC,MAAM,YAAY;AAElC,aAAO,QAAQ,gBAAgB,MAAM;AAAA,QACnC,GAAG;AAAA;AAAA,QAEH,eAAe,CAAC,QAAQ;AActB,cAAI,IAAI,SAAS,QAAQ;AACvB,mBAAO,IAAI,SAAS;AACpB,mBAAO,IAAI,QAAQ;AAAA,UACrB;AACA,iBAAO;AAAA,QACT;AAAA,MACF,CAAC;AAAA,IACH;AAAA;AAAA;",
+  "names": []
+}

package/esm/jest/setup.js

@@ -0,0 +1,24 @@
+import {
+  clearCanvasMeasureTextMock,
+  setupCanvasMeasureTextMock
+} from "./mocks/canvas-mock.js";
+import { setupDomRectMock, clearDomRectMock } from "./mocks/dom-rect-mock.js";
+import {
+  setupResizeObserverMock,
+  clearResizeObserverMock
+} from "./mocks/resize-observer-mock.js";
+function setup() {
+  setupResizeObserverMock();
+  setupDomRectMock();
+  setupCanvasMeasureTextMock(-Infinity);
+}
+function clear() {
+  clearResizeObserverMock();
+  clearCanvasMeasureTextMock();
+  clearDomRectMock();
+}
+export {
+  clear,
+  setup
+};
+//# sourceMappingURL=setup.js.map

package/esm/jest/setup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/jest/setup.ts"],
+  "sourcesContent": ["import {\n  clearCanvasMeasureTextMock,\n  setupCanvasMeasureTextMock,\n} from './mocks/canvas-mock.js';\nimport { setupDomRectMock, clearDomRectMock } from './mocks/dom-rect-mock.js';\nimport {\n  setupResizeObserverMock,\n  clearResizeObserverMock,\n} from './mocks/resize-observer-mock.js';\n\n/** Sets up design-system mocks. */\nexport function setup() {\n  setupResizeObserverMock();\n  setupDomRectMock();\n  setupCanvasMeasureTextMock(-Infinity);\n}\n\n/** Resets design-system mocks. */\nexport function clear() {\n  clearResizeObserverMock();\n  clearCanvasMeasureTextMock();\n  clearDomRectMock();\n}\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB,wBAAwB;AACnD;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAGA,SAAS,QAAQ;AACtB,0BAAwB;AACxB,mBAAiB;AACjB,6BAA2B,SAAS;AACtC;AAGO,SAAS,QAAQ;AACtB,0BAAwB;AACxB,6BAA2B;AAC3B,mBAAiB;AACnB;",
+  "names": []
+}

package/jest/custom-render.d.ts

@@ -0,0 +1,8 @@
+import { RenderOptions, RenderResult } from '@testing-library/react';
+import React from 'react';
+export type RenderWithIntlOptions = {
+    locale?: string;
+    timeZone?: string;
+} & Omit<RenderOptions, 'queries'>;
+/** Wrapper to render components with all required providers */
+export declare const customRender: (ui: React.ReactElement, { locale, timeZone, wrapper: CustomWrapper, ...renderOptions }?: RenderWithIntlOptions) => RenderResult;

package/jest/custom-render.js

@@ -0,0 +1,55 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var custom_render_exports = {};
+__export(custom_render_exports, {
+  customRender: () => customRender
+});
+module.exports = __toCommonJS(custom_render_exports);
+var import_react = require("@testing-library/react");
+var import_react2 = __toESM(require("react"));
+var import_react_intl = require("react-intl");
+const AllProviders = ({
+  children,
+  locale = "en",
+  timeZone = "UTC"
+}) => {
+  return /* @__PURE__ */ import_react2.default.createElement(import_react_intl.IntlProvider, { locale, timeZone }, children);
+};
+const DefaultWrapper = (props) => (
+  // eslint-disable-next-line react/jsx-no-useless-fragment
+  /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, props.children)
+);
+const customRender = (ui, {
+  locale = "en",
+  timeZone = "UTC",
+  wrapper: CustomWrapper = DefaultWrapper,
+  ...renderOptions
+} = {}) => (0, import_react.render)(ui, {
+  wrapper: ({ children }) => /* @__PURE__ */ import_react2.default.createElement(AllProviders, { locale, timeZone }, /* @__PURE__ */ import_react2.default.createElement(CustomWrapper, null, children)),
+  ...renderOptions
+});

package/jest/index.d.ts

@@ -0,0 +1,9 @@
+export { customRender as render, type RenderWithIntlOptions, } from './custom-render.js';
+export { setup, clear } from './setup.js';
+export { stratoPreset } from './preset/index.js';
+export { setupGetBoundingClientRectMock, clearGetBoundingClientRectMock, } from './mocks/bounding-client-rect-mock.js';
+export { setupCanvasMeasureTextMock, clearCanvasMeasureTextMock, } from './mocks/canvas-mock.js';
+export { setupResizeObserverMock, clearResizeObserverMock, } from './mocks/resize-observer-mock.js';
+export { setupDomRectMock, clearDomRectMock } from './mocks/dom-rect-mock.js';
+export { setupScrollWidthMock, clearScrollWidthMock, } from './mocks/scroll-width-mock.js';
+export { setupTextEllipsisMock, clearTextEllipsisMock, } from './mocks/text-ellipsis-mock.js';

package/jest/index.js

@@ -0,0 +1,46 @@
+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 jest_exports = {};
+__export(jest_exports, {
+  clear: () => import_setup.clear,
+  clearCanvasMeasureTextMock: () => import_canvas_mock.clearCanvasMeasureTextMock,
+  clearDomRectMock: () => import_dom_rect_mock.clearDomRectMock,
+  clearGetBoundingClientRectMock: () => import_bounding_client_rect_mock.clearGetBoundingClientRectMock,
+  clearResizeObserverMock: () => import_resize_observer_mock.clearResizeObserverMock,
+  clearScrollWidthMock: () => import_scroll_width_mock.clearScrollWidthMock,
+  clearTextEllipsisMock: () => import_text_ellipsis_mock.clearTextEllipsisMock,
+  render: () => import_custom_render.customRender,
+  setup: () => import_setup.setup,
+  setupCanvasMeasureTextMock: () => import_canvas_mock.setupCanvasMeasureTextMock,
+  setupDomRectMock: () => import_dom_rect_mock.setupDomRectMock,
+  setupGetBoundingClientRectMock: () => import_bounding_client_rect_mock.setupGetBoundingClientRectMock,
+  setupResizeObserverMock: () => import_resize_observer_mock.setupResizeObserverMock,
+  setupScrollWidthMock: () => import_scroll_width_mock.setupScrollWidthMock,
+  setupTextEllipsisMock: () => import_text_ellipsis_mock.setupTextEllipsisMock,
+  stratoPreset: () => import_preset.stratoPreset
+});
+module.exports = __toCommonJS(jest_exports);
+var import_custom_render = require("./custom-render.js");
+var import_setup = require("./setup.js");
+var import_preset = require("./preset/index.js");
+var import_bounding_client_rect_mock = require("./mocks/bounding-client-rect-mock.js");
+var import_canvas_mock = require("./mocks/canvas-mock.js");
+var import_resize_observer_mock = require("./mocks/resize-observer-mock.js");
+var import_dom_rect_mock = require("./mocks/dom-rect-mock.js");
+var import_scroll_width_mock = require("./mocks/scroll-width-mock.js");
+var import_text_ellipsis_mock = require("./mocks/text-ellipsis-mock.js");

package/jest/mocks/bounding-client-rect-mock.d.ts

@@ -0,0 +1,4 @@
+/** Mocks the `getBoundingClientRect()` function on all HTMLElements. */
+export declare function setupGetBoundingClientRectMock(widthOrMockFn: number | (() => DOMRect | null), height?: number, x?: number, y?: number, top?: number, right?: number, bottom?: number, left?: number): void;
+/** Clears mocked `getBoundingClientRect()` function on HTMLElements. */
+export declare function clearGetBoundingClientRectMock(): void;

package/jest/mocks/bounding-client-rect-mock.js

@@ -0,0 +1,36 @@
+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 bounding_client_rect_mock_exports = {};
+__export(bounding_client_rect_mock_exports, {
+  clearGetBoundingClientRectMock: () => clearGetBoundingClientRectMock,
+  setupGetBoundingClientRectMock: () => setupGetBoundingClientRectMock
+});
+module.exports = __toCommonJS(bounding_client_rect_mock_exports);
+var import_dom_rect_mock = require("./dom-rect-mock.js");
+const pristineGetBoundingClientRect = Element.prototype.getBoundingClientRect;
+function setupGetBoundingClientRectMock(widthOrMockFn, height, x, y, top, right, bottom, left) {
+  Object.defineProperty(Element.prototype, "getBoundingClientRect", {
+    writable: true,
+    value: typeof widthOrMockFn === "number" ? () => (0, import_dom_rect_mock.createDOMRect)(widthOrMockFn, height, x, y, top, right, bottom, left) : function getBoundingClientRectMock() {
+      return widthOrMockFn.call(this) ?? import_dom_rect_mock.FALLBACK_DOM_RECT;
+    }
+  });
+}
+function clearGetBoundingClientRectMock() {
+  Element.prototype.getBoundingClientRect = pristineGetBoundingClientRect;
+}

package/jest/mocks/canvas-mock.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Mocks the `getContext()` function of HTMLCanvasElements so it returns an
+ * object with an implementation of `measureText()`. If no `mockTextWidth` is
+ * set, it will fall back to a default implementation that attempts to calculate
+ * a reasonable value for each given string.
+ *
+ * @param mockTextWidth - The value returned by the `measureText()` mock for all strings
+ */
+export declare function setupCanvasMeasureTextMock(mockTextWidth?: number): void;
+/** Clears mocked `getContext()` function on HTMLCanvasElements. */
+export declare function clearCanvasMeasureTextMock(): void;

package/jest/mocks/canvas-mock.js

@@ -0,0 +1,192 @@
+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 canvas_mock_exports = {};
+__export(canvas_mock_exports, {
+  clearCanvasMeasureTextMock: () => clearCanvasMeasureTextMock,
+  setupCanvasMeasureTextMock: () => setupCanvasMeasureTextMock
+});
+module.exports = __toCommonJS(canvas_mock_exports);
+const AVG_CHARACTER_WIDTH = 8;
+const TEXT_WIDTH_MAPPINGS = {
+  "\u2026": 11,
+  "0": 9,
+  "1": 7,
+  "2": 9,
+  "3": 8,
+  "4": 9,
+  "5": 10,
+  "6": 10,
+  "7": 9,
+  "8": 9,
+  "9": 8,
+  " ": 0,
+  "!": 4,
+  '"': 6,
+  "#": 10,
+  $: 9,
+  "%": 12,
+  "&": 10,
+  "'": 2,
+  "(": 7,
+  ")": 5,
+  "*": 7,
+  "+": 9,
+  ",": 3,
+  "-": 5,
+  ".": 4,
+  "/": 7,
+  ":": 4,
+  ";": 3,
+  "<": 7,
+  "=": 9,
+  ">": 9,
+  "?": 7,
+  "@": 14,
+  A: 11,
+  B: 11,
+  C: 10,
+  D: 11,
+  E: 10,
+  F: 10,
+  G: 10,
+  H: 12,
+  I: 4,
+  J: 8,
+  K: 12,
+  L: 10,
+  M: 14,
+  N: 12,
+  O: 11,
+  P: 11,
+  Q: 11,
+  R: 11,
+  S: 9,
+  T: 10,
+  U: 11,
+  V: 10,
+  W: 14,
+  X: 10,
+  Y: 10,
+  Z: 9,
+  "[": 6,
+  "\\": 7,
+  "]": 4,
+  "^": 7,
+  _: 8,
+  "`": 4,
+  a: 8,
+  b: 10,
+  c: 8,
+  d: 8,
+  e: 8,
+  f: 6,
+  g: 8,
+  h: 9,
+  i: 4,
+  j: 4,
+  k: 10,
+  l: 4,
+  m: 14,
+  n: 9,
+  o: 9,
+  p: 10,
+  q: 8,
+  r: 7,
+  s: 8,
+  t: 5,
+  u: 9,
+  v: 8,
+  w: 12,
+  x: 8,
+  y: 8,
+  z: 8,
+  "{": 6,
+  "|": 4,
+  "}": 5,
+  "~": 11
+};
+function getCharWidth(character) {
+  return TEXT_WIDTH_MAPPINGS[character] ?? AVG_CHARACTER_WIDTH;
+}
+const pristineGetContext = HTMLCanvasElement.prototype.getContext;
+function setupCanvasMeasureTextMock(mockTextWidth) {
+  Object.defineProperty(HTMLCanvasElement.prototype, "getContext", {
+    writable: true,
+    value: () => ({
+      measureText: (text) => {
+        const charWidth = mockTextWidth !== void 0 ? mockTextWidth : [...text].reduce((prev, curr) => prev + getCharWidth(curr), 0);
+        return {
+          width: charWidth,
+          actualBoundingBoxLeft: 0,
+          actualBoundingBoxRight: charWidth,
+          fontBoundingBoxAscent: 0,
+          fontBoundingBoxDescent: 0,
+          actualBoundingBoxAscent: 0,
+          actualBoundingBoxDescent: 0,
+          alphabeticBaseline: 0,
+          emHeightAscent: 0,
+          emHeightDescent: 0,
+          hangingBaseline: 0,
+          ideographicBaseline: 0
+        };
+      },
+      scale: () => {
+        return null;
+      },
+      clearRect: () => {
+        return null;
+      },
+      draw: () => {
+        return null;
+      },
+      beginPath: () => {
+        return null;
+      },
+      stroke: () => {
+        return null;
+      },
+      closePath: () => {
+        return null;
+      },
+      moveTo: () => {
+        return null;
+      },
+      lineTo: () => {
+        return null;
+      },
+      arc: () => {
+        return null;
+      },
+      fill: () => {
+        return null;
+      },
+      rect: () => {
+        return null;
+      },
+      save: () => {
+        return null;
+      },
+      restore: () => {
+        return null;
+      }
+    })
+  });
+}
+function clearCanvasMeasureTextMock() {
+  HTMLCanvasElement.prototype.getContext = pristineGetContext;
+}

package/jest/mocks/dom-rect-mock.d.ts

@@ -0,0 +1,12 @@
+/** Creates a DOMRect instance. Unspecified values default to `0`. */
+export declare function createDOMRect(width: number, height?: number, x?: number, y?: number, top?: number, right?: number, bottom?: number, left?: number): DOMRect;
+export declare const FALLBACK_DOM_RECT: DOMRect;
+/**
+ * Mocks the domRect since jsdom doesn't provide it
+ * @param mockDomRect - Override values for DOMRect
+ */
+export declare function setupDomRectMock(mockDomRect?: DOMRect): void;
+/**
+ * Clears the DomRect
+ */
+export declare function clearDomRectMock(): void;

package/jest/mocks/dom-rect-mock.js

@@ -0,0 +1,56 @@
+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 dom_rect_mock_exports = {};
+__export(dom_rect_mock_exports, {
+  FALLBACK_DOM_RECT: () => FALLBACK_DOM_RECT,
+  clearDomRectMock: () => clearDomRectMock,
+  createDOMRect: () => createDOMRect,
+  setupDomRectMock: () => setupDomRectMock
+});
+module.exports = __toCommonJS(dom_rect_mock_exports);
+function createDOMRect(width, height, x, y, top, right, bottom, left) {
+  return {
+    width,
+    height: height ?? 0,
+    x: x ?? 0,
+    y: y ?? 0,
+    top: top ?? 0,
+    right: right ?? 0,
+    bottom: bottom ?? 0,
+    left: left ?? 0,
+    toJSON: function() {
+      const { toJSON, ...remainingProps } = this;
+      return remainingProps;
+    }
+  };
+}
+const FALLBACK_DOM_RECT = Object.freeze(createDOMRect(0));
+const prisitineDomRect = window.DOMRect;
+function setupDomRectMock(mockDomRect = FALLBACK_DOM_RECT) {
+  Object.defineProperties(window, {
+    DOMRect: {
+      writable: true,
+      value: {
+        fromRect: () => mockDomRect
+      }
+    }
+  });
+}
+function clearDomRectMock() {
+  window.DOMRect = prisitineDomRect;
+}

package/jest/mocks/resize-observer-mock.d.ts

@@ -0,0 +1,7 @@
+import { PartialDeep } from 'type-fest';
+/** Mocks the Resize Observer */
+export declare function setupResizeObserverMock(
+/** When the Resize Observer should return specific results, you can pass them here */
+mockedObserveCallbackValue?: PartialDeep<ResizeObserverEntry>[]): void;
+/** Clears the Resize Observer */
+export declare function clearResizeObserverMock(): void;

package/jest/mocks/resize-observer-mock.js

@@ -0,0 +1,42 @@
+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 resize_observer_mock_exports = {};
+__export(resize_observer_mock_exports, {
+  clearResizeObserverMock: () => clearResizeObserverMock,
+  setupResizeObserverMock: () => setupResizeObserverMock
+});
+module.exports = __toCommonJS(resize_observer_mock_exports);
+var import_globals = require("@jest/globals");
+const pristineResizeObserver = window.ResizeObserver;
+function setupResizeObserverMock(mockedObserveCallbackValue) {
+  Object.defineProperty(window, "ResizeObserver", {
+    writable: true,
+    value: import_globals.jest.fn(
+      (callback) => ({
+        observe: mockedObserveCallbackValue ? import_globals.jest.fn().mockImplementation(() => {
+          callback(mockedObserveCallbackValue);
+        }) : import_globals.jest.fn(),
+        unobserve: import_globals.jest.fn(),
+        disconnect: import_globals.jest.fn()
+      })
+    )
+  });
+}
+function clearResizeObserverMock() {
+  window.ResizeObserver = pristineResizeObserver;
+}

package/jest/mocks/scroll-width-mock.d.ts

@@ -0,0 +1,4 @@
+/** Mocks the return value of the `scrollWidth` property on all `HTMLElements`. */
+export declare function setupScrollWidthMock(scrollWidth: number): void;
+/** Clears mocked `scrollWidth` property on `HTMLElements`. */
+export declare function clearScrollWidthMock(): void;

package/jest/mocks/scroll-width-mock.js

@@ -0,0 +1,39 @@
+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 scroll_width_mock_exports = {};
+__export(scroll_width_mock_exports, {
+  clearScrollWidthMock: () => clearScrollWidthMock,
+  setupScrollWidthMock: () => setupScrollWidthMock
+});
+module.exports = __toCommonJS(scroll_width_mock_exports);
+const pristineScrollWidthDescriptor = Object.getOwnPropertyDescriptor(
+  HTMLElement.prototype,
+  "scrollWidth"
+);
+function setupScrollWidthMock(scrollWidth) {
+  Object.defineProperty(HTMLElement.prototype, "scrollWidth", {
+    configurable: true,
+    get: () => scrollWidth
+  });
+}
+function clearScrollWidthMock() {
+  Object.defineProperty(HTMLElement.prototype, "scrollWidth", {
+    configurable: true,
+    get: pristineScrollWidthDescriptor?.get ? pristineScrollWidthDescriptor.get : () => 0
+  });
+}