@react-md/core 1.0.0-next.1 → 1.0.0-next.10

package/dist/test-utils/ResizeObserver.d.ts

@@ -0,0 +1,214 @@
+import { type ResizeObserverManager } from "../useResizeObserver.js";
+/**
+ * @remarks \@since 6.0.0
+ */
+export interface ResizeObserverEntrySize {
+    height?: number;
+    width?: number;
+}
+/**
+ * @remarks \@since 6.0.0
+ */
+export type GetResizeObserverEntryMock = (target: Element, size?: ResizeObserverEntrySize) => ResizeObserverEntry;
+/**
+ * This is mostly an internal function to be used with the {@link ResizeObserverMock}
+ * and {@link setupResizeObserverMock}
+ *
+ * @remarks \@since 6.0.0
+ */
+export declare const createResizeObserverEntry: GetResizeObserverEntryMock;
+/**
+ * This is the default ResizeObserver implementation if it does not already
+ * exist in jsdom. You normally should not use this directly and instead use the
+ * {@link setupResizeObserverMock} instead.
+ *
+ * @remarks \@since 6.0.0
+ */
+export declare class ResizeObserverMock implements ResizeObserver {
+    callback: ResizeObserverCallback;
+    elements: Set<Element>;
+    constructor(callback: ResizeObserverCallback);
+    observe: (target: Element) => void;
+    unobserve: (target: Element) => void;
+    disconnect: () => void;
+    /**
+     * Triggers the resize event for a specific element. This must be wrapped in
+     * `act`.
+     *
+     * @example
+     * Main Usage
+     * ```tsx
+     * import {
+     *   cleanupResizeObserverAfterEach,
+     *   setupResizeObserverMock,
+     * } from "@react-md/core/test-utils";
+     * import { useResizeObserver } from "@react-md/core";
+     * import { ExampleComponent } from "../ExampleComponent.js";
+     *
+     * cleanupResizeObserverAfterEach();
+     *
+     * describe("ExampleComponent", () => {
+     *   it("should do stuff", () => {
+     *     const observer = setupResizeObserverMock();
+     *     render(<ExampleComponent />)
+     *
+     *     const resizeTarget = screen.getByTestId("resize-target")
+     *
+     *     // you can trigger with a custom change
+     *     act(() => {
+     *       observer.resizeElement(resizeTarget, { height: 100, width: 100 });
+     *     });
+     *     // expect resize changes
+     *   });
+     * })
+     * ```
+     */
+    resizeElement: (target: Element, changesOrGetEntry?: GetResizeObserverEntryMock | ResizeObserverEntrySize | ResizeObserverEntry) => void;
+    /**
+     * You'll normally want to use {@link resizeElement} instead, but this can be
+     * used to resize all the watched elements at once.
+     *
+     * @example
+     * ```tsx
+     * import {
+     *   act,
+     *   createResizeObserverEntry,
+     *   render,
+     *   screen,
+     *   setupResizeObserverMock,
+     * } from "@react-md/core/test-utils";
+     *
+     * const observer = setupResizeObserverMock();
+     * const { container } = render(<Test />)
+     * expect(container).toMatchSnapshot()
+     *
+     * const target1 = screen.getByTestId('target-1');
+     * const target2 = screen.getByTestId('target-2');
+     * const target3 = screen.getByTestId('target-3');
+     *
+     * act(() => {
+     *   observer.resizeAllElements((element) => {
+     *     let height: number | undefined;
+     *     let width: number | undefined;
+     *     switch (element) {
+     *       case target1:
+     *         height = 400;
+     *         width = 250;
+     *         break;
+     *       case target2:
+     *         height = 100;
+     *         width = 380;
+     *         break;
+     *       case target3:
+     *         height = 24;
+     *         width = 24;
+     *         break;
+     *     }
+     *
+     *     return createResizeObserverEntry(element, { height, width });
+     *   });
+     * });
+     * expect(container).toMatchSnapshot()
+     * ```
+     */
+    resizeAllElements: (getEntry?: GetResizeObserverEntryMock) => void;
+}
+/**
+ * @remarks \@since 6.0.0
+ */
+export interface SetupResizeObserverMockOptions {
+    /**
+     * Set this to `true` to mimic the real `ResizeObserver` behavior where the
+     * updates occur after an animation frame instead of invoking immediately.
+     *
+     * Keeping this as `false` is recommended since this option was only added to
+     * make testing this function itself easier.
+     *
+     * @defaultValue `false`
+     */
+    raf?: boolean;
+    /**
+     * Keeping this as the `resizeObserverManager` is recommended since this
+     * option was only added to make testing this function easier itself.
+     *
+     * @defaultValue `resizeObserverManager`
+     */
+    manager?: ResizeObserverManager;
+}
+/**
+ * Initializes the `ResizeObserverMock` to be used for tests.
+ *
+ * @example
+ * Main Usage
+ * ```tsx
+ * import { useCallback, useState } from "react";
+ * import {
+ *   cleanupResizeObserverAfterEach,
+ *   render,
+ *   screen,
+ *   setupResizeObserverMock,
+ * } from "@react-md/core/test-utils";
+ * import { useResizeObserver } from "@react-md/core";
+ *
+ * function ExampleComponent() {
+ *   const [size, setSize] = useState({ height: 0, width: 0 });
+ *   const ref = useResizeObserver({
+ *     onUpdate: useCallback((entry) => {
+ *       setSize({
+ *         height: entry.contentRect.height,
+ *         width: entry.contentRect.width,
+ *       });
+ *     });
+ *   });
+ *
+ *   return (
+ *     <>
+ *       <div data-testid="size">{JSON.stringify(size)}</div>
+ *       <div data-testid="resize-target" ref={ref} />
+ *     </>
+ *   );
+ * }
+ *
+ * cleanupResizeObserverAfterEach();
+ *
+ * describe("ExampleComponent", () => {
+ *   it("should do stuff", () => {
+ *     const observer = setupResizeObserverMock();
+ *     render(<ExampleComponent />)
+ *
+ *     const size = screen.getByTestId("size");
+ *     const resizeTarget = screen.getByTestId("resize-target")
+ *
+ *     // jsdom sets all element sizes to 0 by default
+ *     expect(size).toHaveTextContent(JSON.stringify({ height: 0, width: 0 }));
+ *
+ *     // you can trigger with a custom change
+ *     act(() => {
+ *       observer.resizeElement(resizeTarget, { height: 100, width: 100 });
+ *     });
+ *     expect(size).toHaveTextContent(JSON.stringify({ height: 100, width: 100 }));
+ *
+ *     // or you can mock the `getBoundingClientRect` result
+ *     jest.spyOn(resizeTarget, "getBoundingClientRect")
+ *       .mockReturnValue({
+ *         ...document.body.getBoundingClientRect(),
+ *         height: 200,
+ *         width: 200,
+ *       }):
+ *
+ *     act(() => {
+ *       observer.resizeElement(resizeTarget);
+ *     });
+ *     expect(size).toHaveTextContent(JSON.stringify({ height: 200, width: 200 }));
+ *   });
+ * })
+ * ```
+ *
+ * @remarks \@since 6.0.0
+ */
+export declare function setupResizeObserverMock(options?: SetupResizeObserverMockOptions): ResizeObserverMock;
+/**
+ * @see {@link setupResizeObserverMock}
+ * @remarks \@since 6.0.0
+ */
+export declare function cleanupResizeObserverAfterEach(restoreAllMocks?: boolean): void;

package/dist/test-utils/ResizeObserver.js

@@ -62,33 +62,12 @@ import { resizeObserverManager } from "../useResizeObserver.js";
    * @example
    * Main Usage
    * ```tsx
-   * import { useCallback, useState } from "react";
    * import {
    *   cleanupResizeObserverAfterEach,
-   *   render,
-   *   screen,
    *   setupResizeObserverMock,
    * } from "@react-md/core/test-utils";
    * import { useResizeObserver } from "@react-md/core";
-   *
-   * function ExampleComponent() {
-   *   const [size, setSize] = useState({ height: 0, width: 0 });
-   *   const ref = useResizeObserver({
-   *     onUpdate: useCallback((entry) => {
-   *       setSize({
-   *         height: entry.contentRect.height,
-   *         width: entry.contentRect.width,
-   *       });
-   *     });
-   *   });
-   *
-   *   return (
-   *     <>
-   *       <div data-testid="size">{JSON.stringify(size)}</div>
-   *       <div data-testid="resize-target" ref={ref} />
-   *     </>
-   *   );
-   * }
+   * import { ExampleComponent } from "../ExampleComponent.js";
    *
    * cleanupResizeObserverAfterEach();
    *
@@ -97,30 +76,13 @@ import { resizeObserverManager } from "../useResizeObserver.js";
    *     const observer = setupResizeObserverMock();
    *     render(<ExampleComponent />)
    *
-   *     const size = screen.getByTestId("size");
    *     const resizeTarget = screen.getByTestId("resize-target")
    *
-   *     // jsdom sets all element sizes to 0 by default
-   *     expect(size).toHaveTextContent(JSON.stringify({ height: 0, width: 0 }));
-   *
    *     // you can trigger with a custom change
    *     act(() => {
    *       observer.resizeElement(resizeTarget, { height: 100, width: 100 });
    *     });
-   *     expect(size).toHaveTextContent(JSON.stringify({ height: 100, width: 100 }));
-   *
-   *     // or you can mock the `getBoundingClientRect` result
-   *     jest.spyOn(resizeTarget, "getBoundingClientRect")
-   *       .mockReturnValue({
-   *         ...document.body.getBoundingClientRect(),
-   *         height: 200,
-   *         width: 200,
-   *       }):
-   *
-   *     act(() => {
-   *       observer.resizeElement(resizeTarget);
-   *     });
-   *     expect(size).toHaveTextContent(JSON.stringify({ height: 200, width: 200 }));
+   *     // expect resize changes
    *   });
    * })
    * ```
@@ -211,17 +173,75 @@ import { resizeObserverManager } from "../useResizeObserver.js";
 /**
  * Initializes the `ResizeObserverMock` to be used for tests.
  *
- * @see {@link ResizeObserverMock.resizeElement} for example usage.
+ * @example
+ * Main Usage
+ * ```tsx
+ * import { useCallback, useState } from "react";
+ * import {
+ *   cleanupResizeObserverAfterEach,
+ *   render,
+ *   screen,
+ *   setupResizeObserverMock,
+ * } from "@react-md/core/test-utils";
+ * import { useResizeObserver } from "@react-md/core";
  *
- * @param raf - set this to `true` to mimic the real ResizeObserver behavior
- * where the updates occur after an animation frame instead of invoking
- * immediately
- * @param manager - a custom {@link resizeObserverManager} to use for your
- * tests. You most likely should **not** use this option since it was added to
- * help testing this function itself.
+ * function ExampleComponent() {
+ *   const [size, setSize] = useState({ height: 0, width: 0 });
+ *   const ref = useResizeObserver({
+ *     onUpdate: useCallback((entry) => {
+ *       setSize({
+ *         height: entry.contentRect.height,
+ *         width: entry.contentRect.width,
+ *       });
+ *     });
+ *   });
+ *
+ *   return (
+ *     <>
+ *       <div data-testid="size">{JSON.stringify(size)}</div>
+ *       <div data-testid="resize-target" ref={ref} />
+ *     </>
+ *   );
+ * }
+ *
+ * cleanupResizeObserverAfterEach();
+ *
+ * describe("ExampleComponent", () => {
+ *   it("should do stuff", () => {
+ *     const observer = setupResizeObserverMock();
+ *     render(<ExampleComponent />)
+ *
+ *     const size = screen.getByTestId("size");
+ *     const resizeTarget = screen.getByTestId("resize-target")
+ *
+ *     // jsdom sets all element sizes to 0 by default
+ *     expect(size).toHaveTextContent(JSON.stringify({ height: 0, width: 0 }));
+ *
+ *     // you can trigger with a custom change
+ *     act(() => {
+ *       observer.resizeElement(resizeTarget, { height: 100, width: 100 });
+ *     });
+ *     expect(size).toHaveTextContent(JSON.stringify({ height: 100, width: 100 }));
+ *
+ *     // or you can mock the `getBoundingClientRect` result
+ *     jest.spyOn(resizeTarget, "getBoundingClientRect")
+ *       .mockReturnValue({
+ *         ...document.body.getBoundingClientRect(),
+ *         height: 200,
+ *         width: 200,
+ *       }):
+ *
+ *     act(() => {
+ *       observer.resizeElement(resizeTarget);
+ *     });
+ *     expect(size).toHaveTextContent(JSON.stringify({ height: 200, width: 200 }));
+ *   });
+ * })
+ * ```
  *
  * @remarks \@since 6.0.0
- */ export const setupResizeObserverMock = (raf = false, manager = resizeObserverManager)=>{
+ */ export function setupResizeObserverMock(options = {}) {
+    const { raf, manager = resizeObserverManager } = options;
     const resizeObserver = new ResizeObserverMock((entries)=>{
         if (raf) {
             window.cancelAnimationFrame(manager.frame);
@@ -234,7 +254,7 @@ import { resizeObserverManager } from "../useResizeObserver.js";
     });
     manager.sharedObserver = resizeObserver;
     return resizeObserver;
-};
+}
 /**
  * @see {@link setupResizeObserverMock}
  * @remarks \@since 6.0.0

package/dist/test-utils/ResizeObserver.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/test-utils/ResizeObserver.ts"],"sourcesContent":["import { afterEach, jest } from \"@jest/globals\";\nimport { resizeObserverManager } from \"../useResizeObserver.js\";\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface ResizeObserverEntrySize {\n  height?: number;\n  width?: number;\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport type GetResizeObserverEntryMock = (\n  target: Element,\n  size?: ResizeObserverEntrySize\n) => ResizeObserverEntry;\n\n/**\n * This is mostly an internal function to be used with the {@link ResizeObserverMock}\n * and {@link setupResizeObserverMock}\n *\n * @remarks \\@since 6.0.0\n */\nexport const createResizeObserverEntry: GetResizeObserverEntryMock = (\n  target,\n  size\n) => {\n  const contentRect = target.getBoundingClientRect();\n  if (typeof size?.height === \"number\") {\n    contentRect.height = size.height;\n  }\n  if (typeof size?.width === \"number\") {\n    contentRect.width = size.width;\n  }\n\n  const boxSize: ResizeObserverSize = {\n    blockSize: contentRect.height,\n    inlineSize: contentRect.width,\n  };\n\n  return {\n    target,\n    contentRect,\n    borderBoxSize: [boxSize],\n    contentBoxSize: [boxSize],\n    devicePixelContentBoxSize: [],\n  };\n};\n\n/**\n * This is the default ResizeObserver implementation if it does not already\n * exist in jsdom. You normally should not use this directly and instead use the\n * {@link setupResizeObserverMock} instead.\n *\n * @remarks \\@since 6.0.0\n */\nexport class ResizeObserverMock implements ResizeObserver {\n  elements: Set<Element>;\n\n  constructor(public callback: ResizeObserverCallback) {\n    this.elements = new Set();\n  }\n\n  observe = (target: Element): void => {\n    this.elements.add(target);\n    this.resizeAllElements(createResizeObserverEntry);\n  };\n\n  unobserve = (target: Element): void => {\n    this.elements.delete(target);\n  };\n\n  disconnect = (): void => {\n    this.elements.clear();\n  };\n\n  /**\n   * Triggers the resize event for a specific element. This must be wrapped in\n   * `act`.\n   *\n   * @example\n   * Main Usage\n   * ```tsx\n   * import { useCallback, useState } from \"react\";\n   * import {\n   *   cleanupResizeObserverAfterEach,\n   *   render,\n   *   screen,\n   *   setupResizeObserverMock,\n   * } from \"@react-md/core/test-utils\";\n   * import { useResizeObserver } from \"@react-md/core\";\n   *\n   * function ExampleComponent() {\n   *   const [size, setSize] = useState({ height: 0, width: 0 });\n   *   const ref = useResizeObserver({\n   *     onUpdate: useCallback((entry) => {\n   *       setSize({\n   *         height: entry.contentRect.height,\n   *         width: entry.contentRect.width,\n   *       });\n   *     });\n   *   });\n   *\n   *   return (\n   *     <>\n   *       <div data-testid=\"size\">{JSON.stringify(size)}</div>\n   *       <div data-testid=\"resize-target\" ref={ref} />\n   *     </>\n   *   );\n   * }\n   *\n   * cleanupResizeObserverAfterEach();\n   *\n   * describe(\"ExampleComponent\", () => {\n   *   it(\"should do stuff\", () => {\n   *     const observer = setupResizeObserverMock();\n   *     render(<ExampleComponent />)\n   *\n   *     const size = screen.getByTestId(\"size\");\n   *     const resizeTarget = screen.getByTestId(\"resize-target\")\n   *\n   *     // jsdom sets all element sizes to 0 by default\n   *     expect(size).toHaveTextContent(JSON.stringify({ height: 0, width: 0 }));\n   *\n   *     // you can trigger with a custom change\n   *     act(() => {\n   *       observer.resizeElement(resizeTarget, { height: 100, width: 100 });\n   *     });\n   *     expect(size).toHaveTextContent(JSON.stringify({ height: 100, width: 100 }));\n   *\n   *     // or you can mock the `getBoundingClientRect` result\n   *     jest.spyOn(resizeTarget, \"getBoundingClientRect\")\n   *       .mockReturnValue({\n   *         ...document.body.getBoundingClientRect(),\n   *         height: 200,\n   *         width: 200,\n   *       }):\n   *\n   *     act(() => {\n   *       observer.resizeElement(resizeTarget);\n   *     });\n   *     expect(size).toHaveTextContent(JSON.stringify({ height: 200, width: 200 }));\n   *   });\n   * })\n   * ```\n   */\n  resizeElement = (\n    target: Element,\n    changesOrGetEntry:\n      | GetResizeObserverEntryMock\n      | ResizeObserverEntrySize\n      | ResizeObserverEntry = createResizeObserverEntry\n  ): void => {\n    if (!this.elements.has(target)) {\n      throw new Error(\n        \"The `ResizeObserverMock` is not watching the target element and cannot be resized\"\n      );\n    }\n\n    let entry: ResizeObserverEntry;\n    if (typeof changesOrGetEntry === \"function\") {\n      entry = changesOrGetEntry(target);\n    } else if (!(\"contentRect\" in changesOrGetEntry)) {\n      entry = createResizeObserverEntry(target, changesOrGetEntry);\n    } else {\n      entry = changesOrGetEntry;\n    }\n\n    this.callback([entry], this);\n  };\n\n  /**\n   * You'll normally want to use {@link resizeElement} instead, but this can be\n   * used to resize all the watched elements at once.\n   *\n   * @example\n   * ```tsx\n   * import {\n   *   act,\n   *   createResizeObserverEntry,\n   *   render,\n   *   screen,\n   *   setupResizeObserverMock,\n   * } from \"@react-md/core/test-utils\";\n   *\n   * const observer = setupResizeObserverMock();\n   * const { container } = render(<Test />)\n   * expect(container).toMatchSnapshot()\n   *\n   * const target1 = screen.getByTestId('target-1');\n   * const target2 = screen.getByTestId('target-2');\n   * const target3 = screen.getByTestId('target-3');\n   *\n   * act(() => {\n   *   observer.resizeAllElements((element) => {\n   *     let height: number | undefined;\n   *     let width: number | undefined;\n   *     switch (element) {\n   *       case target1:\n   *         height = 400;\n   *         width = 250;\n   *         break;\n   *       case target2:\n   *         height = 100;\n   *         width = 380;\n   *         break;\n   *       case target3:\n   *         height = 24;\n   *         width = 24;\n   *         break;\n   *     }\n   *\n   *     return createResizeObserverEntry(element, { height, width });\n   *   });\n   * });\n   * expect(container).toMatchSnapshot()\n   * ```\n   */\n  resizeAllElements = (getEntry = createResizeObserverEntry): void => {\n    const entries = [...this.elements].map((element) => getEntry(element));\n    this.callback(entries, this);\n  };\n}\n\n/**\n * Initializes the `ResizeObserverMock` to be used for tests.\n *\n * @see {@link ResizeObserverMock.resizeElement} for example usage.\n *\n * @param raf - set this to `true` to mimic the real ResizeObserver behavior\n * where the updates occur after an animation frame instead of invoking\n * immediately\n * @param manager - a custom {@link resizeObserverManager} to use for your\n * tests. You most likely should **not** use this option since it was added to\n * help testing this function itself.\n *\n * @remarks \\@since 6.0.0\n */\nexport const setupResizeObserverMock = (\n  raf = false,\n  manager = resizeObserverManager\n): ResizeObserverMock => {\n  const resizeObserver = new ResizeObserverMock((entries) => {\n    if (raf) {\n      window.cancelAnimationFrame(manager.frame);\n      manager.frame = window.requestAnimationFrame(() => {\n        manager.handleResizeEntries(entries);\n      });\n    } else {\n      manager.handleResizeEntries(entries);\n    }\n  });\n  manager.sharedObserver = resizeObserver;\n  return resizeObserver;\n};\n\n/**\n * @see {@link setupResizeObserverMock}\n * @remarks \\@since 6.0.0\n */\nexport function cleanupResizeObserverAfterEach(restoreAllMocks = true): void {\n  afterEach(() => {\n    resizeObserverManager.frame = 0;\n    resizeObserverManager.subscriptions = new Map();\n    resizeObserverManager.sharedObserver = undefined;\n\n    if (restoreAllMocks) {\n      jest.restoreAllMocks();\n    }\n  });\n}\n"],"names":["afterEach","jest","resizeObserverManager","createResizeObserverEntry","target","size","contentRect","getBoundingClientRect","height","width","boxSize","blockSize","inlineSize","borderBoxSize","contentBoxSize","devicePixelContentBoxSize","ResizeObserverMock","constructor","callback","elements","observe","unobserve","disconnect","resizeElement","resizeAllElements","add","delete","clear","changesOrGetEntry","has","Error","entry","getEntry","entries","map","element","Set","setupResizeObserverMock","raf","manager","resizeObserver","window","cancelAnimationFrame","frame","requestAnimationFrame","handleResizeEntries","sharedObserver","cleanupResizeObserverAfterEach","restoreAllMocks","subscriptions","Map","undefined"],"mappings":"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"}
+{"version":3,"sources":["../../src/test-utils/ResizeObserver.ts"],"sourcesContent":["import { afterEach, jest } from \"@jest/globals\";\nimport {\n  resizeObserverManager,\n  type ResizeObserverManager,\n} from \"../useResizeObserver.js\";\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface ResizeObserverEntrySize {\n  height?: number;\n  width?: number;\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport type GetResizeObserverEntryMock = (\n  target: Element,\n  size?: ResizeObserverEntrySize\n) => ResizeObserverEntry;\n\n/**\n * This is mostly an internal function to be used with the {@link ResizeObserverMock}\n * and {@link setupResizeObserverMock}\n *\n * @remarks \\@since 6.0.0\n */\nexport const createResizeObserverEntry: GetResizeObserverEntryMock = (\n  target,\n  size\n) => {\n  const contentRect = target.getBoundingClientRect();\n  if (typeof size?.height === \"number\") {\n    contentRect.height = size.height;\n  }\n  if (typeof size?.width === \"number\") {\n    contentRect.width = size.width;\n  }\n\n  const boxSize: ResizeObserverSize = {\n    blockSize: contentRect.height,\n    inlineSize: contentRect.width,\n  };\n\n  return {\n    target,\n    contentRect,\n    borderBoxSize: [boxSize],\n    contentBoxSize: [boxSize],\n    devicePixelContentBoxSize: [],\n  };\n};\n\n/**\n * This is the default ResizeObserver implementation if it does not already\n * exist in jsdom. You normally should not use this directly and instead use the\n * {@link setupResizeObserverMock} instead.\n *\n * @remarks \\@since 6.0.0\n */\nexport class ResizeObserverMock implements ResizeObserver {\n  elements: Set<Element>;\n\n  constructor(public callback: ResizeObserverCallback) {\n    this.elements = new Set();\n  }\n\n  observe = (target: Element): void => {\n    this.elements.add(target);\n    this.resizeAllElements(createResizeObserverEntry);\n  };\n\n  unobserve = (target: Element): void => {\n    this.elements.delete(target);\n  };\n\n  disconnect = (): void => {\n    this.elements.clear();\n  };\n\n  /**\n   * Triggers the resize event for a specific element. This must be wrapped in\n   * `act`.\n   *\n   * @example\n   * Main Usage\n   * ```tsx\n   * import {\n   *   cleanupResizeObserverAfterEach,\n   *   setupResizeObserverMock,\n   * } from \"@react-md/core/test-utils\";\n   * import { useResizeObserver } from \"@react-md/core\";\n   * import { ExampleComponent } from \"../ExampleComponent.js\";\n   *\n   * cleanupResizeObserverAfterEach();\n   *\n   * describe(\"ExampleComponent\", () => {\n   *   it(\"should do stuff\", () => {\n   *     const observer = setupResizeObserverMock();\n   *     render(<ExampleComponent />)\n   *\n   *     const resizeTarget = screen.getByTestId(\"resize-target\")\n   *\n   *     // you can trigger with a custom change\n   *     act(() => {\n   *       observer.resizeElement(resizeTarget, { height: 100, width: 100 });\n   *     });\n   *     // expect resize changes\n   *   });\n   * })\n   * ```\n   */\n  resizeElement = (\n    target: Element,\n    changesOrGetEntry:\n      | GetResizeObserverEntryMock\n      | ResizeObserverEntrySize\n      | ResizeObserverEntry = createResizeObserverEntry\n  ): void => {\n    if (!this.elements.has(target)) {\n      throw new Error(\n        \"The `ResizeObserverMock` is not watching the target element and cannot be resized\"\n      );\n    }\n\n    let entry: ResizeObserverEntry;\n    if (typeof changesOrGetEntry === \"function\") {\n      entry = changesOrGetEntry(target);\n    } else if (!(\"contentRect\" in changesOrGetEntry)) {\n      entry = createResizeObserverEntry(target, changesOrGetEntry);\n    } else {\n      entry = changesOrGetEntry;\n    }\n\n    this.callback([entry], this);\n  };\n\n  /**\n   * You'll normally want to use {@link resizeElement} instead, but this can be\n   * used to resize all the watched elements at once.\n   *\n   * @example\n   * ```tsx\n   * import {\n   *   act,\n   *   createResizeObserverEntry,\n   *   render,\n   *   screen,\n   *   setupResizeObserverMock,\n   * } from \"@react-md/core/test-utils\";\n   *\n   * const observer = setupResizeObserverMock();\n   * const { container } = render(<Test />)\n   * expect(container).toMatchSnapshot()\n   *\n   * const target1 = screen.getByTestId('target-1');\n   * const target2 = screen.getByTestId('target-2');\n   * const target3 = screen.getByTestId('target-3');\n   *\n   * act(() => {\n   *   observer.resizeAllElements((element) => {\n   *     let height: number | undefined;\n   *     let width: number | undefined;\n   *     switch (element) {\n   *       case target1:\n   *         height = 400;\n   *         width = 250;\n   *         break;\n   *       case target2:\n   *         height = 100;\n   *         width = 380;\n   *         break;\n   *       case target3:\n   *         height = 24;\n   *         width = 24;\n   *         break;\n   *     }\n   *\n   *     return createResizeObserverEntry(element, { height, width });\n   *   });\n   * });\n   * expect(container).toMatchSnapshot()\n   * ```\n   */\n  resizeAllElements = (getEntry = createResizeObserverEntry): void => {\n    const entries = [...this.elements].map((element) => getEntry(element));\n    this.callback(entries, this);\n  };\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface SetupResizeObserverMockOptions {\n  /**\n   * Set this to `true` to mimic the real `ResizeObserver` behavior where the\n   * updates occur after an animation frame instead of invoking immediately.\n   *\n   * Keeping this as `false` is recommended since this option was only added to\n   * make testing this function itself easier.\n   *\n   * @defaultValue `false`\n   */\n  raf?: boolean;\n\n  /**\n   * Keeping this as the `resizeObserverManager` is recommended since this\n   * option was only added to make testing this function easier itself.\n   *\n   * @defaultValue `resizeObserverManager`\n   */\n  manager?: ResizeObserverManager;\n}\n\n/**\n * Initializes the `ResizeObserverMock` to be used for tests.\n *\n * @example\n * Main Usage\n * ```tsx\n * import { useCallback, useState } from \"react\";\n * import {\n *   cleanupResizeObserverAfterEach,\n *   render,\n *   screen,\n *   setupResizeObserverMock,\n * } from \"@react-md/core/test-utils\";\n * import { useResizeObserver } from \"@react-md/core\";\n *\n * function ExampleComponent() {\n *   const [size, setSize] = useState({ height: 0, width: 0 });\n *   const ref = useResizeObserver({\n *     onUpdate: useCallback((entry) => {\n *       setSize({\n *         height: entry.contentRect.height,\n *         width: entry.contentRect.width,\n *       });\n *     });\n *   });\n *\n *   return (\n *     <>\n *       <div data-testid=\"size\">{JSON.stringify(size)}</div>\n *       <div data-testid=\"resize-target\" ref={ref} />\n *     </>\n *   );\n * }\n *\n * cleanupResizeObserverAfterEach();\n *\n * describe(\"ExampleComponent\", () => {\n *   it(\"should do stuff\", () => {\n *     const observer = setupResizeObserverMock();\n *     render(<ExampleComponent />)\n *\n *     const size = screen.getByTestId(\"size\");\n *     const resizeTarget = screen.getByTestId(\"resize-target\")\n *\n *     // jsdom sets all element sizes to 0 by default\n *     expect(size).toHaveTextContent(JSON.stringify({ height: 0, width: 0 }));\n *\n *     // you can trigger with a custom change\n *     act(() => {\n *       observer.resizeElement(resizeTarget, { height: 100, width: 100 });\n *     });\n *     expect(size).toHaveTextContent(JSON.stringify({ height: 100, width: 100 }));\n *\n *     // or you can mock the `getBoundingClientRect` result\n *     jest.spyOn(resizeTarget, \"getBoundingClientRect\")\n *       .mockReturnValue({\n *         ...document.body.getBoundingClientRect(),\n *         height: 200,\n *         width: 200,\n *       }):\n *\n *     act(() => {\n *       observer.resizeElement(resizeTarget);\n *     });\n *     expect(size).toHaveTextContent(JSON.stringify({ height: 200, width: 200 }));\n *   });\n * })\n * ```\n *\n * @remarks \\@since 6.0.0\n */\nexport function setupResizeObserverMock(\n  options: SetupResizeObserverMockOptions = {}\n): ResizeObserverMock {\n  const { raf, manager = resizeObserverManager } = options;\n\n  const resizeObserver = new ResizeObserverMock((entries) => {\n    if (raf) {\n      window.cancelAnimationFrame(manager.frame);\n      manager.frame = window.requestAnimationFrame(() => {\n        manager.handleResizeEntries(entries);\n      });\n    } else {\n      manager.handleResizeEntries(entries);\n    }\n  });\n  manager.sharedObserver = resizeObserver;\n  return resizeObserver;\n}\n\n/**\n * @see {@link setupResizeObserverMock}\n * @remarks \\@since 6.0.0\n */\nexport function cleanupResizeObserverAfterEach(restoreAllMocks = true): void {\n  afterEach(() => {\n    resizeObserverManager.frame = 0;\n    resizeObserverManager.subscriptions = new Map();\n    resizeObserverManager.sharedObserver = undefined;\n\n    if (restoreAllMocks) {\n      jest.restoreAllMocks();\n    }\n  });\n}\n"],"names":["afterEach","jest","resizeObserverManager","createResizeObserverEntry","target","size","contentRect","getBoundingClientRect","height","width","boxSize","blockSize","inlineSize","borderBoxSize","contentBoxSize","devicePixelContentBoxSize","ResizeObserverMock","constructor","callback","elements","observe","unobserve","disconnect","resizeElement","resizeAllElements","add","delete","clear","changesOrGetEntry","has","Error","entry","getEntry","entries","map","element","Set","setupResizeObserverMock","options","raf","manager","resizeObserver","window","cancelAnimationFrame","frame","requestAnimationFrame","handleResizeEntries","sharedObserver","cleanupResizeObserverAfterEach","restoreAllMocks","subscriptions","Map","undefined"],"mappings":"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"}

package/dist/test-utils/data-testid.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare module "react" {
+    interface HTMLAttributes<T> extends React.AriaAttributes, React.DOMAttributes<T> {
+        "data-testid"?: string | number;
+    }
+}
+export {};

package/dist/test-utils/data-testid.js

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 
 //# sourceMappingURL=data-testid.js.map

package/dist/test-utils/data-testid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/test-utils/data-testid.ts"],"names":[],"mappings":""}
+{"version":3,"sources":["../../src/test-utils/data-testid.ts"],"sourcesContent":["/// <reference types=\"react\" />\n\ndeclare module \"react\" {\n  interface HTMLAttributes<T>\n    extends React.AriaAttributes,\n      React.DOMAttributes<T> {\n    \"data-testid\"?: string | number;\n  }\n}\n"],"names":[],"mappings":"AAAA,+BAA+B"}

package/dist/test-utils/drag.d.ts

@@ -0,0 +1,26 @@
+interface XYCoords {
+    x: number;
+    y: number;
+}
+interface BaseDragOptions {
+    to?: XYCoords | Element;
+    delta?: XYCoords;
+    steps?: number;
+    duration?: number;
+}
+type DragOptions = BaseDragOptions & ({
+    to: XYCoords | Element;
+    delta?: never;
+} | {
+    delta: XYCoords;
+    to?: never;
+});
+/**
+ * This is internal for now. No idea if it's actually worthwhile though since
+ * you have to mock the `getBoundingClientRect()` to work.
+ *
+ * @internal
+ * @see https://github.com/testing-library/testing-library-docs/blob/c20f8a8931e9f0a158fda9f01bbea8cb45ed1651/docs/example-drag.mdx
+ */
+export declare function drag(element: Element, options: DragOptions): Promise<void>;
+export {};

package/dist/test-utils/index.d.ts

@@ -0,0 +1,7 @@
+export * from "@testing-library/react";
+export * from "@testing-library/user-event";
+export * from "./IntersectionObserver.js";
+export * from "./ResizeObserver.js";
+export * from "./matchMedia.js";
+export * from "./render.js";
+export * from "./timers.js";

package/dist/test-utils/jest-setup.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test-utils/matchMedia.d.ts

@@ -0,0 +1,101 @@
+import { jest } from "@jest/globals";
+/**
+ * @see {@link spyOnMatchMedia} instead
+ * @internal
+ * @remarks \@since 6.0.0
+ */
+export declare const BASE_MEDIA_QUERY_LIST: MediaQueryList;
+/** @remarks \@since 6.0.0 */
+export type MatchMediaMatcher = (query: string) => boolean;
+/**
+ * @see {@link spyOnMatchMedia} for usage
+ * @remarks \@since 6.0.0
+ * @returns `true` for phone media queries
+ */
+export declare const matchPhone: MatchMediaMatcher;
+/**
+ * @see {@link spyOnMatchMedia} for usage
+ * @remarks \@since 6.0.0
+ * @returns `true` for tablet media queries
+ */
+export declare const matchTablet: MatchMediaMatcher;
+/**
+ * @see {@link spyOnMatchMedia} for usage
+ * @remarks \@since 6.0.0
+ * @returns `true` for desktop media queries
+ */
+export declare const matchDesktop: MatchMediaMatcher;
+/**
+ * @see {@link spyOnMatchMedia} for usage
+ * @remarks \@since 6.0.0
+ * @returns `true` for large desktop media queries
+ */
+export declare const matchLargeDesktop: MatchMediaMatcher;
+/**
+ * @see {@link spyOnMatchMedia} for usage
+ * @remarks \@since 6.0.0
+ * @returns `true` for both desktop and large desktop media queries
+ */
+export declare const matchAnyDesktop: MatchMediaMatcher;
+/**
+ * @remarks \@since 6.0.0
+ */
+export type MatchMediaSpiedFunction = jest.SpiedFunction<typeof window.matchMedia> & {
+    /**
+     * @example
+     * Default Behavior
+     * ```tsx
+     * const matchMedia = spyOnMatchMedia();
+     * render(<Test />);
+     *
+     * // expect desktop results
+     *
+     * matchMedia.changeViewport(matchPhone);
+     * // expect phone results
+     * ```
+     *
+     * @example
+     * Custom Act Behavior
+     * ```tsx
+     * const matchMedia = spyOnMatchMedia();
+     * const { rerender } = render(<Test />);
+     *
+     * // expect desktop results
+     *
+     * matchMedia.changeViewport(matchPhone, false);
+     * rerender(<Test key="new-key" />);
+     *
+     * // expect phone results
+     * ```
+     */
+    changeViewport(matcher: MatchMediaMatcher, disableAct?: boolean): void;
+};
+/**
+ * @example
+ * Default Behavior
+ * ```tsx
+ * import { matchPhone, render, spyOnMatchMedia } from "@react-md/test-utils";
+ *
+ * const matchMedia = spyOnMatchMedia();
+ * render(<Test />);
+ *
+ * // expect desktop results
+ *
+ * matchMedia.changeViewport(matchPhone);
+ * // expect phone results
+ * ```
+ *
+ * @example
+ * Set Default Media
+ * ```tsx
+ * import { matchPhone, render, spyOnMatchMedia } from "@react-md/test-utils";
+ *
+ * const matchMedia = spyOnMatchMedia(matchPhone);
+ * render(<Test />);
+ *
+ * // expect phone results
+ * ```
+ *
+ * @remarks \@since 6.0.0
+ */
+export declare function spyOnMatchMedia(defaultMatch?: MatchMediaMatcher): MatchMediaSpiedFunction;

package/dist/test-utils/matchMedia.js

@@ -78,13 +78,13 @@ const noop = ()=>{
                 /* c8 ignore start */ if (typeof listener !== "function" || type !== "change") {
                     return;
                 }
-                /* c8 ignore end */ listeners.set(query, listener);
+                /* c8 ignore stop */ listeners.set(query, listener);
             },
             removeEventListener (type, listener) {
                 /* c8 ignore start */ if (typeof listener !== "function" || type !== "change") {
                     return;
                 }
-                /* c8 ignore end */ listeners.delete(query);
+                /* c8 ignore stop */ listeners.delete(query);
             },
             matches: defaultMatch(query)
         }));

package/dist/test-utils/matchMedia.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/test-utils/matchMedia.ts"],"sourcesContent":["import { jest } from \"@jest/globals\";\nimport { act } from \"@testing-library/react\";\nimport {\n  DEFAULT_DESKTOP_LARGE_MIN_WIDTH,\n  DEFAULT_DESKTOP_MIN_WIDTH,\n  DEFAULT_PHONE_MAX_WIDTH,\n  DEFAULT_TABLET_MIN_WIDTH,\n} from \"../media-queries/appSize.js\";\n\nconst noop = (): void => {\n  // do nothing\n};\n\n/**\n * @see {@link spyOnMatchMedia} instead\n * @internal\n * @remarks \\@since 6.0.0\n */\nexport const BASE_MEDIA_QUERY_LIST: MediaQueryList = {\n  media: \"\",\n  matches: false,\n  onchange: noop,\n  addListener: noop,\n  addEventListener: noop,\n  removeEventListener: noop,\n  removeListener: noop,\n  dispatchEvent: () => false,\n};\n\n/** @remarks \\@since 6.0.0 */\nexport type MatchMediaMatcher = (query: string) => boolean;\n\n/**\n * @see {@link spyOnMatchMedia} for usage\n * @remarks \\@since 6.0.0\n * @returns `true` for phone media queries\n */\nexport const matchPhone: MatchMediaMatcher = (query) =>\n  query.includes(`${DEFAULT_PHONE_MAX_WIDTH}`);\n\n/**\n * @see {@link spyOnMatchMedia} for usage\n * @remarks \\@since 6.0.0\n * @returns `true` for tablet media queries\n */\nexport const matchTablet: MatchMediaMatcher = (query) =>\n  query.includes(`${DEFAULT_TABLET_MIN_WIDTH}`);\n\n/**\n * @see {@link spyOnMatchMedia} for usage\n * @remarks \\@since 6.0.0\n * @returns `true` for desktop media queries\n */\nexport const matchDesktop: MatchMediaMatcher = (query) =>\n  query.includes(`${DEFAULT_DESKTOP_MIN_WIDTH}`);\n\n/**\n * @see {@link spyOnMatchMedia} for usage\n * @remarks \\@since 6.0.0\n * @returns `true` for large desktop media queries\n */\nexport const matchLargeDesktop: MatchMediaMatcher = (query) =>\n  query.includes(`${DEFAULT_DESKTOP_LARGE_MIN_WIDTH}`);\n\n/**\n * @see {@link spyOnMatchMedia} for usage\n * @remarks \\@since 6.0.0\n * @returns `true` for both desktop and large desktop media queries\n */\nexport const matchAnyDesktop: MatchMediaMatcher = (query) =>\n  matchDesktop(query) || matchLargeDesktop(query);\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport type MatchMediaSpiedFunction = jest.SpiedFunction<\n  typeof window.matchMedia\n> & {\n  /**\n   * @example\n   * Default Behavior\n   * ```tsx\n   * const matchMedia = spyOnMatchMedia();\n   * render(<Test />);\n   *\n   * // expect desktop results\n   *\n   * matchMedia.changeViewport(matchPhone);\n   * // expect phone results\n   * ```\n   *\n   * @example\n   * Custom Act Behavior\n   * ```tsx\n   * const matchMedia = spyOnMatchMedia();\n   * const { rerender } = render(<Test />);\n   *\n   * // expect desktop results\n   *\n   * matchMedia.changeViewport(matchPhone, false);\n   * rerender(<Test key=\"new-key\" />);\n   *\n   * // expect phone results\n   * ```\n   */\n  changeViewport(matcher: MatchMediaMatcher, disableAct?: boolean): void;\n};\n\n/**\n * @example\n * Default Behavior\n * ```tsx\n * import { matchPhone, render, spyOnMatchMedia } from \"@react-md/test-utils\";\n *\n * const matchMedia = spyOnMatchMedia();\n * render(<Test />);\n *\n * // expect desktop results\n *\n * matchMedia.changeViewport(matchPhone);\n * // expect phone results\n * ```\n *\n * @example\n * Set Default Media\n * ```tsx\n * import { matchPhone, render, spyOnMatchMedia } from \"@react-md/test-utils\";\n *\n * const matchMedia = spyOnMatchMedia(matchPhone);\n * render(<Test />);\n *\n * // expect phone results\n * ```\n *\n * @remarks \\@since 6.0.0\n */\nexport function spyOnMatchMedia(\n  defaultMatch: MatchMediaMatcher = matchDesktop\n): MatchMediaSpiedFunction {\n  type Listener = (event: MediaQueryListEvent) => void;\n\n  const listeners = new Map<string, Listener>();\n  const matchMedia = jest\n    .spyOn(window, \"matchMedia\")\n    .mockImplementation((query) => ({\n      ...BASE_MEDIA_QUERY_LIST,\n      addEventListener(type: string, listener: Listener | EventListenerObject) {\n        /* c8 ignore start */\n        if (typeof listener !== \"function\" || type !== \"change\") {\n          return;\n        }\n        /* c8 ignore end */\n\n        listeners.set(query, listener);\n      },\n      removeEventListener(\n        type: string,\n        listener: Listener | EventListenerObject\n      ) {\n        /* c8 ignore start */\n        if (typeof listener !== \"function\" || type !== \"change\") {\n          return;\n        }\n        /* c8 ignore end */\n\n        listeners.delete(query);\n      },\n      matches: defaultMatch(query),\n    }));\n\n  const changeViewport = (\n    matcher: MatchMediaMatcher,\n    disableAct = false\n  ): void => {\n    const update = (): void => {\n      window.dispatchEvent(new Event(\"resize\"));\n\n      const event = new Event(\"change\");\n      listeners.forEach((listener, query) => {\n        listener({\n          ...event,\n          media: \"\",\n          matches: matcher(query),\n        });\n      });\n    };\n    if (disableAct) {\n      update();\n    } else {\n      act(update);\n    }\n  };\n\n  const mock = matchMedia as MatchMediaSpiedFunction;\n  mock.changeViewport = changeViewport;\n\n  return mock;\n}\n"],"names":["jest","act","DEFAULT_DESKTOP_LARGE_MIN_WIDTH","DEFAULT_DESKTOP_MIN_WIDTH","DEFAULT_PHONE_MAX_WIDTH","DEFAULT_TABLET_MIN_WIDTH","noop","BASE_MEDIA_QUERY_LIST","media","matches","onchange","addListener","addEventListener","removeEventListener","removeListener","dispatchEvent","matchPhone","query","includes","matchTablet","matchDesktop","matchLargeDesktop","matchAnyDesktop","spyOnMatchMedia","defaultMatch","listeners","Map","matchMedia","spyOn","window","mockImplementation","type","listener","set","delete","changeViewport","matcher","disableAct","update","Event","event","forEach","mock"],"mappings":"AAAA,SAASA,IAAI,QAAQ,gBAAgB;AACrC,SAASC,GAAG,QAAQ,yBAAyB;AAC7C,SACEC,+BAA+B,EAC/BC,yBAAyB,EACzBC,uBAAuB,EACvBC,wBAAwB,QACnB,8BAA8B;AAErC,MAAMC,OAAO;AACX,aAAa;AACf;AAEA;;;;CAIC,GACD,OAAO,MAAMC,wBAAwC;IACnDC,OAAO;IACPC,SAAS;IACTC,UAAUJ;IACVK,aAAaL;IACbM,kBAAkBN;IAClBO,qBAAqBP;IACrBQ,gBAAgBR;IAChBS,eAAe,IAAM;AACvB,EAAE;AAKF;;;;CAIC,GACD,OAAO,MAAMC,aAAgC,CAACC,QAC5CA,MAAMC,QAAQ,CAAC,CAAC,EAAEd,wBAAwB,CAAC,EAAE;AAE/C;;;;CAIC,GACD,OAAO,MAAMe,cAAiC,CAACF,QAC7CA,MAAMC,QAAQ,CAAC,CAAC,EAAEb,yBAAyB,CAAC,EAAE;AAEhD;;;;CAIC,GACD,OAAO,MAAMe,eAAkC,CAACH,QAC9CA,MAAMC,QAAQ,CAAC,CAAC,EAAEf,0BAA0B,CAAC,EAAE;AAEjD;;;;CAIC,GACD,OAAO,MAAMkB,oBAAuC,CAACJ,QACnDA,MAAMC,QAAQ,CAAC,CAAC,EAAEhB,gCAAgC,CAAC,EAAE;AAEvD;;;;CAIC,GACD,OAAO,MAAMoB,kBAAqC,CAACL,QACjDG,aAAaH,UAAUI,kBAAkBJ,OAAO;AAsClD;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BC,GACD,OAAO,SAASM,gBACdC,eAAkCJ,YAAY;IAI9C,MAAMK,YAAY,IAAIC;IACtB,MAAMC,aAAa3B,KAChB4B,KAAK,CAACC,QAAQ,cACdC,kBAAkB,CAAC,CAACb,QAAW,CAAA;YAC9B,GAAGV,qBAAqB;YACxBK,kBAAiBmB,IAAY,EAAEC,QAAwC;gBACrE,mBAAmB,GACnB,IAAI,OAAOA,aAAa,cAAcD,SAAS,UAAU;oBACvD;gBACF;gBACA,iBAAiB,GAEjBN,UAAUQ,GAAG,CAAChB,OAAOe;YACvB;YACAnB,qBACEkB,IAAY,EACZC,QAAwC;gBAExC,mBAAmB,GACnB,IAAI,OAAOA,aAAa,cAAcD,SAAS,UAAU;oBACvD;gBACF;gBACA,iBAAiB,GAEjBN,UAAUS,MAAM,CAACjB;YACnB;YACAR,SAASe,aAAaP;QACxB,CAAA;IAEF,MAAMkB,iBAAiB,CACrBC,SACAC,aAAa,KAAK;QAElB,MAAMC,SAAS;YACbT,OAAOd,aAAa,CAAC,IAAIwB,MAAM;YAE/B,MAAMC,QAAQ,IAAID,MAAM;YACxBd,UAAUgB,OAAO,CAAC,CAACT,UAAUf;gBAC3Be,SAAS;oBACP,GAAGQ,KAAK;oBACRhC,OAAO;oBACPC,SAAS2B,QAAQnB;gBACnB;YACF;QACF;QACA,IAAIoB,YAAY;YACdC;QACF,OAAO;YACLrC,IAAIqC;QACN;IACF;IAEA,MAAMI,OAAOf;IACbe,KAAKP,cAAc,GAAGA;IAEtB,OAAOO;AACT"}
+{"version":3,"sources":["../../src/test-utils/matchMedia.ts"],"sourcesContent":["import { jest } from \"@jest/globals\";\nimport { act } from \"@testing-library/react\";\nimport {\n  DEFAULT_DESKTOP_LARGE_MIN_WIDTH,\n  DEFAULT_DESKTOP_MIN_WIDTH,\n  DEFAULT_PHONE_MAX_WIDTH,\n  DEFAULT_TABLET_MIN_WIDTH,\n} from \"../media-queries/appSize.js\";\n\nconst noop = (): void => {\n  // do nothing\n};\n\n/**\n * @see {@link spyOnMatchMedia} instead\n * @internal\n * @remarks \\@since 6.0.0\n */\nexport const BASE_MEDIA_QUERY_LIST: MediaQueryList = {\n  media: \"\",\n  matches: false,\n  onchange: noop,\n  addListener: noop,\n  addEventListener: noop,\n  removeEventListener: noop,\n  removeListener: noop,\n  dispatchEvent: () => false,\n};\n\n/** @remarks \\@since 6.0.0 */\nexport type MatchMediaMatcher = (query: string) => boolean;\n\n/**\n * @see {@link spyOnMatchMedia} for usage\n * @remarks \\@since 6.0.0\n * @returns `true` for phone media queries\n */\nexport const matchPhone: MatchMediaMatcher = (query) =>\n  query.includes(`${DEFAULT_PHONE_MAX_WIDTH}`);\n\n/**\n * @see {@link spyOnMatchMedia} for usage\n * @remarks \\@since 6.0.0\n * @returns `true` for tablet media queries\n */\nexport const matchTablet: MatchMediaMatcher = (query) =>\n  query.includes(`${DEFAULT_TABLET_MIN_WIDTH}`);\n\n/**\n * @see {@link spyOnMatchMedia} for usage\n * @remarks \\@since 6.0.0\n * @returns `true` for desktop media queries\n */\nexport const matchDesktop: MatchMediaMatcher = (query) =>\n  query.includes(`${DEFAULT_DESKTOP_MIN_WIDTH}`);\n\n/**\n * @see {@link spyOnMatchMedia} for usage\n * @remarks \\@since 6.0.0\n * @returns `true` for large desktop media queries\n */\nexport const matchLargeDesktop: MatchMediaMatcher = (query) =>\n  query.includes(`${DEFAULT_DESKTOP_LARGE_MIN_WIDTH}`);\n\n/**\n * @see {@link spyOnMatchMedia} for usage\n * @remarks \\@since 6.0.0\n * @returns `true` for both desktop and large desktop media queries\n */\nexport const matchAnyDesktop: MatchMediaMatcher = (query) =>\n  matchDesktop(query) || matchLargeDesktop(query);\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport type MatchMediaSpiedFunction = jest.SpiedFunction<\n  typeof window.matchMedia\n> & {\n  /**\n   * @example\n   * Default Behavior\n   * ```tsx\n   * const matchMedia = spyOnMatchMedia();\n   * render(<Test />);\n   *\n   * // expect desktop results\n   *\n   * matchMedia.changeViewport(matchPhone);\n   * // expect phone results\n   * ```\n   *\n   * @example\n   * Custom Act Behavior\n   * ```tsx\n   * const matchMedia = spyOnMatchMedia();\n   * const { rerender } = render(<Test />);\n   *\n   * // expect desktop results\n   *\n   * matchMedia.changeViewport(matchPhone, false);\n   * rerender(<Test key=\"new-key\" />);\n   *\n   * // expect phone results\n   * ```\n   */\n  changeViewport(matcher: MatchMediaMatcher, disableAct?: boolean): void;\n};\n\n/**\n * @example\n * Default Behavior\n * ```tsx\n * import { matchPhone, render, spyOnMatchMedia } from \"@react-md/test-utils\";\n *\n * const matchMedia = spyOnMatchMedia();\n * render(<Test />);\n *\n * // expect desktop results\n *\n * matchMedia.changeViewport(matchPhone);\n * // expect phone results\n * ```\n *\n * @example\n * Set Default Media\n * ```tsx\n * import { matchPhone, render, spyOnMatchMedia } from \"@react-md/test-utils\";\n *\n * const matchMedia = spyOnMatchMedia(matchPhone);\n * render(<Test />);\n *\n * // expect phone results\n * ```\n *\n * @remarks \\@since 6.0.0\n */\nexport function spyOnMatchMedia(\n  defaultMatch: MatchMediaMatcher = matchDesktop\n): MatchMediaSpiedFunction {\n  type Listener = (event: MediaQueryListEvent) => void;\n\n  const listeners = new Map<string, Listener>();\n  const matchMedia = jest\n    .spyOn(window, \"matchMedia\")\n    .mockImplementation((query) => ({\n      ...BASE_MEDIA_QUERY_LIST,\n      addEventListener(type: string, listener: Listener | EventListenerObject) {\n        /* c8 ignore start */\n        if (typeof listener !== \"function\" || type !== \"change\") {\n          return;\n        }\n        /* c8 ignore stop */\n\n        listeners.set(query, listener);\n      },\n      removeEventListener(\n        type: string,\n        listener: Listener | EventListenerObject\n      ) {\n        /* c8 ignore start */\n        if (typeof listener !== \"function\" || type !== \"change\") {\n          return;\n        }\n        /* c8 ignore stop */\n\n        listeners.delete(query);\n      },\n      matches: defaultMatch(query),\n    }));\n\n  const changeViewport = (\n    matcher: MatchMediaMatcher,\n    disableAct = false\n  ): void => {\n    const update = (): void => {\n      window.dispatchEvent(new Event(\"resize\"));\n\n      const event = new Event(\"change\");\n      listeners.forEach((listener, query) => {\n        listener({\n          ...event,\n          media: \"\",\n          matches: matcher(query),\n        });\n      });\n    };\n    if (disableAct) {\n      update();\n    } else {\n      act(update);\n    }\n  };\n\n  const mock = matchMedia as MatchMediaSpiedFunction;\n  mock.changeViewport = changeViewport;\n\n  return mock;\n}\n"],"names":["jest","act","DEFAULT_DESKTOP_LARGE_MIN_WIDTH","DEFAULT_DESKTOP_MIN_WIDTH","DEFAULT_PHONE_MAX_WIDTH","DEFAULT_TABLET_MIN_WIDTH","noop","BASE_MEDIA_QUERY_LIST","media","matches","onchange","addListener","addEventListener","removeEventListener","removeListener","dispatchEvent","matchPhone","query","includes","matchTablet","matchDesktop","matchLargeDesktop","matchAnyDesktop","spyOnMatchMedia","defaultMatch","listeners","Map","matchMedia","spyOn","window","mockImplementation","type","listener","set","delete","changeViewport","matcher","disableAct","update","Event","event","forEach","mock"],"mappings":"AAAA,SAASA,IAAI,QAAQ,gBAAgB;AACrC,SAASC,GAAG,QAAQ,yBAAyB;AAC7C,SACEC,+BAA+B,EAC/BC,yBAAyB,EACzBC,uBAAuB,EACvBC,wBAAwB,QACnB,8BAA8B;AAErC,MAAMC,OAAO;AACX,aAAa;AACf;AAEA;;;;CAIC,GACD,OAAO,MAAMC,wBAAwC;IACnDC,OAAO;IACPC,SAAS;IACTC,UAAUJ;IACVK,aAAaL;IACbM,kBAAkBN;IAClBO,qBAAqBP;IACrBQ,gBAAgBR;IAChBS,eAAe,IAAM;AACvB,EAAE;AAKF;;;;CAIC,GACD,OAAO,MAAMC,aAAgC,CAACC,QAC5CA,MAAMC,QAAQ,CAAC,CAAC,EAAEd,wBAAwB,CAAC,EAAE;AAE/C;;;;CAIC,GACD,OAAO,MAAMe,cAAiC,CAACF,QAC7CA,MAAMC,QAAQ,CAAC,CAAC,EAAEb,yBAAyB,CAAC,EAAE;AAEhD;;;;CAIC,GACD,OAAO,MAAMe,eAAkC,CAACH,QAC9CA,MAAMC,QAAQ,CAAC,CAAC,EAAEf,0BAA0B,CAAC,EAAE;AAEjD;;;;CAIC,GACD,OAAO,MAAMkB,oBAAuC,CAACJ,QACnDA,MAAMC,QAAQ,CAAC,CAAC,EAAEhB,gCAAgC,CAAC,EAAE;AAEvD;;;;CAIC,GACD,OAAO,MAAMoB,kBAAqC,CAACL,QACjDG,aAAaH,UAAUI,kBAAkBJ,OAAO;AAsClD;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BC,GACD,OAAO,SAASM,gBACdC,eAAkCJ,YAAY;IAI9C,MAAMK,YAAY,IAAIC;IACtB,MAAMC,aAAa3B,KAChB4B,KAAK,CAACC,QAAQ,cACdC,kBAAkB,CAAC,CAACb,QAAW,CAAA;YAC9B,GAAGV,qBAAqB;YACxBK,kBAAiBmB,IAAY,EAAEC,QAAwC;gBACrE,mBAAmB,GACnB,IAAI,OAAOA,aAAa,cAAcD,SAAS,UAAU;oBACvD;gBACF;gBACA,kBAAkB,GAElBN,UAAUQ,GAAG,CAAChB,OAAOe;YACvB;YACAnB,qBACEkB,IAAY,EACZC,QAAwC;gBAExC,mBAAmB,GACnB,IAAI,OAAOA,aAAa,cAAcD,SAAS,UAAU;oBACvD;gBACF;gBACA,kBAAkB,GAElBN,UAAUS,MAAM,CAACjB;YACnB;YACAR,SAASe,aAAaP;QACxB,CAAA;IAEF,MAAMkB,iBAAiB,CACrBC,SACAC,aAAa,KAAK;QAElB,MAAMC,SAAS;YACbT,OAAOd,aAAa,CAAC,IAAIwB,MAAM;YAE/B,MAAMC,QAAQ,IAAID,MAAM;YACxBd,UAAUgB,OAAO,CAAC,CAACT,UAAUf;gBAC3Be,SAAS;oBACP,GAAGQ,KAAK;oBACRhC,OAAO;oBACPC,SAAS2B,QAAQnB;gBACnB;YACF;QACF;QACA,IAAIoB,YAAY;YACdC;QACF,OAAO;YACLrC,IAAIqC;QACN;IACF;IAEA,MAAMI,OAAOf;IACbe,KAAKP,cAAc,GAAGA;IAEtB,OAAOO;AACT"}

package/dist/test-utils/polyfills/IntersectionObserver.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test-utils/polyfills/ResizeObserver.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test-utils/polyfills/TextDecoder.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test-utils/polyfills/TextDecoder.js

@@ -0,0 +1,8 @@
+import { TextDecoder } from "node:util";
+if (typeof global.TextDecoder === "undefined") {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-expect-error browser TextDecoder does not support `null` while `node:util` does
+    global.TextDecoder = TextDecoder;
+}
+
+//# sourceMappingURL=TextDecoder.js.map