@react-md/core 1.0.0-next.19 → 1.0.0-next.20

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/test-utils/mocks/ResizeObserver.ts"],"sourcesContent":["import {\n  type ResizeObserverManager,\n  resizeObserverManager,\n} from \"../../useResizeObserver.js\";\nimport {\n  type GetResizeObserverEntryMock,\n  type ResizeObserverEntrySize,\n  createResizeObserverEntry,\n} from \"../utils/createResizeObserverEntry.js\";\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 * @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 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   * // choose your test framework\n   * import { afterEach, jest } from \"@jest/globals\";\n   * cleanupResizeObserverAfterEach(afterEach, jest.restoreAllMocks);\n   *\n   * import { afterEach, vitest } from \"vitest\";\n   * cleanupResizeObserverAfterEach(afterEach, vitest.restoreAllMocks);\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 * @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 Main Usage\n * ```tsx\n * import {\n *   cleanupResizeObserverAfterEach,\n *   render,\n *   screen,\n *   setupResizeObserverMock,\n * } from \"@react-md/core/test-utils\";\n * import { useResizeObserver } from \"@react-md/core/useResizeObserver\";\n * import { useCallback, useState } from \"react\";\n *\n * // choose your test framework\n * import { afterEach, jest } from \"@jest/globals\";\n * cleanupResizeObserverAfterEach(afterEach, jest.restoreAllMocks);\n *\n * import { afterEach, vitest } from \"vitest\";\n * cleanupResizeObserverAfterEach(afterEach, vitest.restoreAllMocks);\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 * 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\").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 * @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 * @since 6.0.0\n */\nexport function cleanupResizeObserverAfterEach(\n  afterEach: (callback: () => void) => void,\n  restoreAllMocks: () => void = () => {}\n): void {\n  afterEach(() => {\n    resizeObserverManager.frame = 0;\n    resizeObserverManager.subscriptions = new Map();\n    resizeObserverManager.sharedObserver = undefined;\n    restoreAllMocks();\n  });\n}\n"],"names":["resizeObserverManager","createResizeObserverEntry","ResizeObserverMock","constructor","callback","elements","observe","unobserve","disconnect","resizeElement","resizeAllElements","target","add","delete","clear","changesOrGetEntry","has","Error","entry","getEntry","entries","map","element","Set","setupResizeObserverMock","options","raf","manager","resizeObserver","window","cancelAnimationFrame","frame","requestAnimationFrame","handleResizeEntries","sharedObserver","cleanupResizeObserverAfterEach","afterEach","restoreAllMocks","subscriptions","Map","undefined"],"mappings":";;;;;;;;;;;;;AAAA,SAEEA,qBAAqB,QAChB,6BAA6B;AACpC,SAGEC,yBAAyB,QACpB,wCAAwC;AAE/C;;;;;;CAMC,GACD,OAAO,MAAMC;IAGXC,YAAY,AAAOC,QAAgC,CAAE;;QAFrDC,uBAAAA,YAAAA,KAAAA;QAMAC,uBAAAA,WAAAA,KAAAA;QAKAC,uBAAAA,aAAAA,KAAAA;QAIAC,uBAAAA,cAAAA,KAAAA;QAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCC,GACDC,uBAAAA,iBAAAA,KAAAA;QAyBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CC,GACDC,uBAAAA,qBAAAA,KAAAA;aA7HmBN,WAAAA;aAInBE,UAAU,CAACK;YACT,IAAI,CAACN,QAAQ,CAACO,GAAG,CAACD;YAClB,IAAI,CAACD,iBAAiB,CAACT;QACzB;aAEAM,YAAY,CAACI;YACX,IAAI,CAACN,QAAQ,CAACQ,MAAM,CAACF;QACvB;aAEAH,aAAa;YACX,IAAI,CAACH,QAAQ,CAACS,KAAK;QACrB;aAsCAL,gBAAgB,CACdE,QACAI,oBAG0Bd,yBAAyB;YAEnD,IAAI,CAAC,IAAI,CAACI,QAAQ,CAACW,GAAG,CAACL,SAAS;gBAC9B,MAAM,IAAIM,MACR;YAEJ;YAEA,IAAIC;YACJ,IAAI,OAAOH,sBAAsB,YAAY;gBAC3CG,QAAQH,kBAAkBJ;YAC5B,OAAO,IAAI,CAAE,CAAA,iBAAiBI,iBAAgB,GAAI;gBAChDG,QAAQjB,0BAA0BU,QAAQI;YAC5C,OAAO;gBACLG,QAAQH;YACV;YAEA,IAAI,CAACX,QAAQ,CAAC;gBAACc;aAAM,EAAE,IAAI;QAC7B;aAiDAR,oBAAoB,CAACS,WAAWlB,yBAAyB;YACvD,MAAMmB,UAAU;mBAAI,IAAI,CAACf,QAAQ;aAAC,CAACgB,GAAG,CAAC,CAACC,UAAYH,SAASG;YAC7D,IAAI,CAAClB,QAAQ,CAACgB,SAAS,IAAI;QAC7B;QA/HE,IAAI,CAACf,QAAQ,GAAG,IAAIkB;IACtB;AA+HF;AA0BA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyEC,GACD,OAAO,SAASC,wBACdC,UAA0C,CAAC,CAAC;IAE5C,MAAM,EAAEC,GAAG,EAAEC,UAAU3B,qBAAqB,EAAE,GAAGyB;IAEjD,MAAMG,iBAAiB,IAAI1B,mBAAmB,CAACkB;QAC7C,IAAIM,KAAK;YACPG,OAAOC,oBAAoB,CAACH,QAAQI,KAAK;YACzCJ,QAAQI,KAAK,GAAGF,OAAOG,qBAAqB,CAAC;gBAC3CL,QAAQM,mBAAmB,CAACb;YAC9B;QACF,OAAO;YACLO,QAAQM,mBAAmB,CAACb;QAC9B;IACF;IACAO,QAAQO,cAAc,GAAGN;IACzB,OAAOA;AACT;AAEA;;;CAGC,GACD,OAAO,SAASO,+BACdC,SAAyC,EACzCC,kBAA8B,KAAO,CAAC;IAEtCD,UAAU;QACRpC,sBAAsB+B,KAAK,GAAG;QAC9B/B,sBAAsBsC,aAAa,GAAG,IAAIC;QAC1CvC,sBAAsBkC,cAAc,GAAGM;QACvCH;IACF;AACF"}

package/dist/test-utils/mocks/match-media-implementation.d.ts

@@ -0,0 +1,42 @@
+import { type MatchMediaMatcher } from "./match-media.js";
+/**
+ * @since 6.0.0
+ */
+export interface MatchMediaChangeViewport {
+    /**
+     * @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;
+}
+/**
+ * @since 6.0.0
+ */
+export interface MatchMediaMockFunction {
+    mockImplementation(fn: typeof window.matchMedia): this;
+}
+/**
+ * @since 6.0.0
+ */
+export declare const createMatchMediaSpy: <SpyFunction extends MatchMediaMockFunction>(matchMediaSpy: SpyFunction, defaultMatch?: MatchMediaMatcher) => SpyFunction & MatchMediaChangeViewport;

package/dist/test-utils/mocks/match-media-implementation.js

@@ -0,0 +1,46 @@
+import { act } from "@testing-library/react";
+import { BASE_MEDIA_QUERY_LIST, matchDesktop } from "./match-media.js";
+/**
+ * @since 6.0.0
+ */ export const createMatchMediaSpy = (matchMediaSpy, defaultMatch = matchDesktop)=>{
+    const listeners = new Map();
+    const matchMedia = matchMediaSpy.mockImplementation((query)=>({
+            ...BASE_MEDIA_QUERY_LIST,
+            addEventListener (type, listener) {
+                /* c8 ignore start */ if (typeof listener !== "function" || type !== "change") {
+                    return;
+                }
+                /* c8 ignore stop */ listeners.set(query, listener);
+            },
+            removeEventListener (type, listener) {
+                /* c8 ignore start */ if (typeof listener !== "function" || type !== "change") {
+                    return;
+                }
+                /* c8 ignore stop */ listeners.delete(query);
+            },
+            matches: defaultMatch(query)
+        }));
+    const changeViewport = (matcher, disableAct = false)=>{
+        const update = ()=>{
+            window.dispatchEvent(new Event("resize"));
+            const event = new Event("change");
+            listeners.forEach((listener, query)=>{
+                listener({
+                    ...event,
+                    media: "",
+                    matches: matcher(query)
+                });
+            });
+        };
+        if (disableAct) {
+            update();
+        } else {
+            act(update);
+        }
+    };
+    const mock = matchMedia;
+    mock.changeViewport = changeViewport;
+    return mock;
+};
+
+//# sourceMappingURL=match-media-implementation.js.map

package/dist/test-utils/mocks/match-media-implementation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/test-utils/mocks/match-media-implementation.ts"],"sourcesContent":["import { act } from \"@testing-library/react\";\n\nimport {\n  BASE_MEDIA_QUERY_LIST,\n  type MatchMediaMatcher,\n  matchDesktop,\n} from \"./match-media.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface MatchMediaChangeViewport {\n  /**\n   * @example 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 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 * @since 6.0.0\n */\nexport interface MatchMediaMockFunction {\n  mockImplementation(fn: typeof window.matchMedia): this;\n}\n\n/**\n * @since 6.0.0\n */\nexport const createMatchMediaSpy = <SpyFunction extends MatchMediaMockFunction>(\n  matchMediaSpy: SpyFunction,\n  defaultMatch: MatchMediaMatcher = matchDesktop\n): SpyFunction & MatchMediaChangeViewport => {\n  type Listener = (event: MediaQueryListEvent) => void;\n\n  const listeners = new Map<string, Listener>();\n  const matchMedia = matchMediaSpy.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 SpyFunction & MatchMediaChangeViewport;\n  mock.changeViewport = changeViewport;\n\n  return mock;\n};\n"],"names":["act","BASE_MEDIA_QUERY_LIST","matchDesktop","createMatchMediaSpy","matchMediaSpy","defaultMatch","listeners","Map","matchMedia","mockImplementation","query","addEventListener","type","listener","set","removeEventListener","delete","matches","changeViewport","matcher","disableAct","update","window","dispatchEvent","Event","event","forEach","media","mock"],"mappings":"AAAA,SAASA,GAAG,QAAQ,yBAAyB;AAE7C,SACEC,qBAAqB,EAErBC,YAAY,QACP,mBAAmB;AAyC1B;;CAEC,GACD,OAAO,MAAMC,sBAAsB,CACjCC,eACAC,eAAkCH,YAAY;IAI9C,MAAMI,YAAY,IAAIC;IACtB,MAAMC,aAAaJ,cAAcK,kBAAkB,CAAC,CAACC,QAAW,CAAA;YAC9D,GAAGT,qBAAqB;YACxBU,kBAAiBC,IAAY,EAAEC,QAAwC;gBACrE,mBAAmB,GACnB,IAAI,OAAOA,aAAa,cAAcD,SAAS,UAAU;oBACvD;gBACF;gBACA,kBAAkB,GAElBN,UAAUQ,GAAG,CAACJ,OAAOG;YACvB;YACAE,qBACEH,IAAY,EACZC,QAAwC;gBAExC,mBAAmB,GACnB,IAAI,OAAOA,aAAa,cAAcD,SAAS,UAAU;oBACvD;gBACF;gBACA,kBAAkB,GAElBN,UAAUU,MAAM,CAACN;YACnB;YACAO,SAASZ,aAAaK;QACxB,CAAA;IAEA,MAAMQ,iBAAiB,CACrBC,SACAC,aAAa,KAAK;QAElB,MAAMC,SAAS;YACbC,OAAOC,aAAa,CAAC,IAAIC,MAAM;YAE/B,MAAMC,QAAQ,IAAID,MAAM;YACxBlB,UAAUoB,OAAO,CAAC,CAACb,UAAUH;gBAC3BG,SAAS;oBACP,GAAGY,KAAK;oBACRE,OAAO;oBACPV,SAASE,QAAQT;gBACnB;YACF;QACF;QACA,IAAIU,YAAY;YACdC;QACF,OAAO;YACLrB,IAAIqB;QACN;IACF;IAEA,MAAMO,OAAOpB;IACboB,KAAKV,cAAc,GAAGA;IAEtB,OAAOU;AACT,EAAE"}

package/dist/test-utils/mocks/match-media.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @internal
+ * @since 6.0.0
+ */
+export declare const BASE_MEDIA_QUERY_LIST: MediaQueryList;
+/** @since 6.0.0 */
+export type MatchMediaMatcher = (query: string) => boolean;
+/**
+ * @since 6.0.0
+ * @returns `true` for phone media queries
+ */
+export declare const matchPhone: MatchMediaMatcher;
+/**
+ * @since 6.0.0
+ * @returns `true` for tablet media queries
+ */
+export declare const matchTablet: MatchMediaMatcher;
+/**
+ * @since 6.0.0
+ * @returns `true` for desktop media queries
+ */
+export declare const matchDesktop: MatchMediaMatcher;
+/**
+ * @since 6.0.0
+ * @returns `true` for large desktop media queries
+ */
+export declare const matchLargeDesktop: MatchMediaMatcher;
+/**
+ * @since 6.0.0
+ * @returns `true` for both desktop and large desktop media queries
+ */
+export declare const matchAnyDesktop: MatchMediaMatcher;

package/dist/test-utils/mocks/match-media.js

@@ -0,0 +1,39 @@
+import { DEFAULT_DESKTOP_LARGE_MIN_WIDTH, DEFAULT_DESKTOP_MIN_WIDTH, DEFAULT_PHONE_MAX_WIDTH, DEFAULT_TABLET_MIN_WIDTH } from "../../media-queries/appSize.js";
+const noop = ()=>{
+// do nothing
+};
+/**
+ * @internal
+ * @since 6.0.0
+ */ export const BASE_MEDIA_QUERY_LIST = {
+    media: "",
+    matches: false,
+    onchange: noop,
+    addListener: noop,
+    addEventListener: noop,
+    removeEventListener: noop,
+    removeListener: noop,
+    dispatchEvent: ()=>false
+};
+/**
+ * @since 6.0.0
+ * @returns `true` for phone media queries
+ */ export const matchPhone = (query)=>query.includes(DEFAULT_PHONE_MAX_WIDTH);
+/**
+ * @since 6.0.0
+ * @returns `true` for tablet media queries
+ */ export const matchTablet = (query)=>query.includes(DEFAULT_TABLET_MIN_WIDTH);
+/**
+ * @since 6.0.0
+ * @returns `true` for desktop media queries
+ */ export const matchDesktop = (query)=>query.includes(DEFAULT_DESKTOP_MIN_WIDTH);
+/**
+ * @since 6.0.0
+ * @returns `true` for large desktop media queries
+ */ export const matchLargeDesktop = (query)=>query.includes(DEFAULT_DESKTOP_LARGE_MIN_WIDTH);
+/**
+ * @since 6.0.0
+ * @returns `true` for both desktop and large desktop media queries
+ */ export const matchAnyDesktop = (query)=>matchDesktop(query) || matchLargeDesktop(query);
+
+//# sourceMappingURL=match-media.js.map

package/dist/test-utils/mocks/match-media.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/test-utils/mocks/match-media.ts"],"sourcesContent":["import {\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 * @internal\n * @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/** @since 6.0.0 */\nexport type MatchMediaMatcher = (query: string) => boolean;\n\n/**\n * @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 * @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 * @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 * @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 * @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"],"names":["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"],"mappings":"AAAA,SACEA,+BAA+B,EAC/BC,yBAAyB,EACzBC,uBAAuB,EACvBC,wBAAwB,QACnB,iCAAiC;AAExC,MAAMC,OAAO;AACX,aAAa;AACf;AAEA;;;CAGC,GACD,OAAO,MAAMC,wBAAwC;IACnDC,OAAO;IACPC,SAAS;IACTC,UAAUJ;IACVK,aAAaL;IACbM,kBAAkBN;IAClBO,qBAAqBP;IACrBQ,gBAAgBR;IAChBS,eAAe,IAAM;AACvB,EAAE;AAKF;;;CAGC,GACD,OAAO,MAAMC,aAAgC,CAACC,QAC5CA,MAAMC,QAAQ,CAACd,yBAAyB;AAE1C;;;CAGC,GACD,OAAO,MAAMe,cAAiC,CAACF,QAC7CA,MAAMC,QAAQ,CAACb,0BAA0B;AAE3C;;;CAGC,GACD,OAAO,MAAMe,eAAkC,CAACH,QAC9CA,MAAMC,QAAQ,CAACf,2BAA2B;AAE5C;;;CAGC,GACD,OAAO,MAAMkB,oBAAuC,CAACJ,QACnDA,MAAMC,QAAQ,CAAChB,iCAAiC;AAElD;;;CAGC,GACD,OAAO,MAAMoB,kBAAqC,CAACL,QACjDG,aAAaH,UAAUI,kBAAkBJ,OAAO"}

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

@@ -1,4 +1,4 @@
-import { IntersectionObserverMock } from "../IntersectionObserver.js";
+import { IntersectionObserverMock } from "../mocks/IntersectionObserver.js";
 if (typeof window !== "undefined" && typeof IntersectionObserver === "undefined") {
     window.IntersectionObserver = IntersectionObserverMock;
 }

package/dist/test-utils/polyfills/IntersectionObserver.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/test-utils/polyfills/IntersectionObserver.ts"],"sourcesContent":["import { IntersectionObserverMock } from \"../IntersectionObserver.js\";\n\nif (\n  typeof window !== \"undefined\" &&\n  typeof IntersectionObserver === \"undefined\"\n) {\n  window.IntersectionObserver = IntersectionObserverMock;\n}\n"],"names":["IntersectionObserverMock","window","IntersectionObserver"],"mappings":"AAAA,SAASA,wBAAwB,QAAQ,6BAA6B;AAEtE,IACE,OAAOC,WAAW,eAClB,OAAOC,yBAAyB,aAChC;IACAD,OAAOC,oBAAoB,GAAGF;AAChC"}
+{"version":3,"sources":["../../../src/test-utils/polyfills/IntersectionObserver.ts"],"sourcesContent":["import { IntersectionObserverMock } from \"../mocks/IntersectionObserver.js\";\n\nif (\n  typeof window !== \"undefined\" &&\n  typeof IntersectionObserver === \"undefined\"\n) {\n  window.IntersectionObserver = IntersectionObserverMock;\n}\n"],"names":["IntersectionObserverMock","window","IntersectionObserver"],"mappings":"AAAA,SAASA,wBAAwB,QAAQ,mCAAmC;AAE5E,IACE,OAAOC,WAAW,eAClB,OAAOC,yBAAyB,aAChC;IACAD,OAAOC,oBAAoB,GAAGF;AAChC"}

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

@@ -1,4 +1,4 @@
-import { ResizeObserverMock } from "../ResizeObserver.js";
+import { ResizeObserverMock } from "../mocks/ResizeObserver.js";
 if (typeof window !== "undefined" && typeof ResizeObserver === "undefined") {
     window.ResizeObserver = ResizeObserverMock;
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/test-utils/polyfills/ResizeObserver.ts"],"sourcesContent":["import { ResizeObserverMock } from \"../ResizeObserver.js\";\n\nif (typeof window !== \"undefined\" && typeof ResizeObserver === \"undefined\") {\n  window.ResizeObserver = ResizeObserverMock;\n}\n"],"names":["ResizeObserverMock","window","ResizeObserver"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,uBAAuB;AAE1D,IAAI,OAAOC,WAAW,eAAe,OAAOC,mBAAmB,aAAa;IAC1ED,OAAOC,cAAc,GAAGF;AAC1B"}
+{"version":3,"sources":["../../../src/test-utils/polyfills/ResizeObserver.ts"],"sourcesContent":["import { ResizeObserverMock } from \"../mocks/ResizeObserver.js\";\n\nif (typeof window !== \"undefined\" && typeof ResizeObserver === \"undefined\") {\n  window.ResizeObserver = ResizeObserverMock;\n}\n"],"names":["ResizeObserverMock","window","ResizeObserver"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,6BAA6B;AAEhE,IAAI,OAAOC,WAAW,eAAe,OAAOC,mBAAmB,aAAa;IAC1ED,OAAOC,cAAc,GAAGF;AAC1B"}

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

@@ -1,4 +1,4 @@
-import { BASE_MEDIA_QUERY_LIST, matchDesktop } from "../matchMedia.js";
+import { BASE_MEDIA_QUERY_LIST, matchDesktop } from "../mocks/match-media.js";
 if (typeof window !== "undefined" && typeof window.matchMedia !== "function") {
     window.matchMedia = (query)=>({
             ...BASE_MEDIA_QUERY_LIST,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/test-utils/polyfills/matchMedia.ts"],"sourcesContent":["import { BASE_MEDIA_QUERY_LIST, matchDesktop } from \"../matchMedia.js\";\n\nif (typeof window !== \"undefined\" && typeof window.matchMedia !== \"function\") {\n  window.matchMedia = (query) => ({\n    ...BASE_MEDIA_QUERY_LIST,\n    matches: matchDesktop(query),\n  });\n}\n"],"names":["BASE_MEDIA_QUERY_LIST","matchDesktop","window","matchMedia","query","matches"],"mappings":"AAAA,SAASA,qBAAqB,EAAEC,YAAY,QAAQ,mBAAmB;AAEvE,IAAI,OAAOC,WAAW,eAAe,OAAOA,OAAOC,UAAU,KAAK,YAAY;IAC5ED,OAAOC,UAAU,GAAG,CAACC,QAAW,CAAA;YAC9B,GAAGJ,qBAAqB;YACxBK,SAASJ,aAAaG;QACxB,CAAA;AACF"}
+{"version":3,"sources":["../../../src/test-utils/polyfills/matchMedia.ts"],"sourcesContent":["import { BASE_MEDIA_QUERY_LIST, matchDesktop } from \"../mocks/match-media.js\";\n\nif (typeof window !== \"undefined\" && typeof window.matchMedia !== \"function\") {\n  window.matchMedia = (query) => ({\n    ...BASE_MEDIA_QUERY_LIST,\n    matches: matchDesktop(query),\n  });\n}\n"],"names":["BASE_MEDIA_QUERY_LIST","matchDesktop","window","matchMedia","query","matches"],"mappings":"AAAA,SAASA,qBAAqB,EAAEC,YAAY,QAAQ,0BAA0B;AAE9E,IAAI,OAAOC,WAAW,eAAe,OAAOA,OAAOC,UAAU,KAAK,YAAY;IAC5ED,OAAOC,UAAU,GAAG,CAACC,QAAW,CAAA;YAC9B,GAAGJ,qBAAqB;YACxBK,SAASJ,aAAaG;QACxB,CAAA;AACF"}

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

@@ -0,0 +1,2 @@
+export * from "./select.js";
+export * from "./slider.js";

package/dist/test-utils/queries/index.js

@@ -0,0 +1,4 @@
+export * from "./select.js";
+export * from "./slider.js";
+
+//# sourceMappingURL=index.js.map

package/dist/test-utils/queries/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/test-utils/queries/index.ts"],"sourcesContent":["export * from \"./select.js\";\nexport * from \"./slider.js\";\n"],"names":[],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,cAAc"}

package/dist/test-utils/queries/select.d.ts

@@ -0,0 +1,67 @@
+import { type GetPartsByRoleOptions } from "./types.js";
+/**
+ * @since 6.0.0
+ */
+export interface SelectTestElements {
+    /**
+     * The element that should be interacted with for showing and hiding the
+     * listbox of available options in the `Select`.
+     */
+    select: HTMLDivElement;
+    /**
+     * The input element storing the current value for the `Select`. This should
+     * be used to verify a specific option has been selected and will be the
+     * `Option`'s `value` prop.
+     *
+     * i.e. Selecting `<Option value="a">Option 1</Option>` -> `selectInput`
+     * would have value `"a"`.
+     */
+    selectInput: HTMLInputElement;
+    /**
+     * The current selected option that is shown in the `Select` underneath the
+     * floating label. This should be used if the selected option label needs to
+     * be verified instead of the value.
+     *
+     * i.e. Selecting `<Option value="a">Option 1</Option>` -> `selectedOption`
+     * would have text content `"Option 1"`.
+     */
+    selectedOption: HTMLDivElement;
+}
+/**
+ * @example Simple Example
+ * ```tsx
+ * import {
+ *   getSelectTestElements,
+ *   screen,
+ *   rmdRender,
+ *   userEvent,
+ * } from "@react-md/core/test-utils";
+ *
+ * it("should be able to verify the display value", async () => {
+ *   const user = userEvent.setup();
+ *   rmdRender(<SimpleSelect />);
+ *
+ *   const { select, selectInput, selectedOption } = getSelectTestElements({
+ *     name: "Label",
+ *   });
+ *   // this isn't required, but added to show what element this is
+ *   expect(selectedOption).toHaveClass("rmd-selected-option");
+ *
+ *   // there is currently no selected value
+ *   expect(selectedOption).toHaveTextContent("");
+ *
+ *   await user.click(select);
+ *   await user.click(screen.getByRole("option", { name: "Option 1" }));
+ *   expect(selectInput).toHaveValue("a");
+ *   expect(selectedOption).toHaveTextContent("Option 1");
+ * });
+ * ```
+ *
+ * @since 6.0.0
+ */
+export declare function getSelectTestElements(options: GetPartsByRoleOptions): SelectTestElements;
+/**
+ * @see {@link getSelectTestElements}
+ * @since 6.0.0
+ */
+export declare function findSelectTestElements(options: GetPartsByRoleOptions): Promise<SelectTestElements>;

package/dist/test-utils/queries/select.js

@@ -0,0 +1,69 @@
+import { screen, within } from "@testing-library/dom";
+/**
+ * @example Simple Example
+ * ```tsx
+ * import {
+ *   getSelectTestElements,
+ *   screen,
+ *   rmdRender,
+ *   userEvent,
+ * } from "@react-md/core/test-utils";
+ *
+ * it("should be able to verify the display value", async () => {
+ *   const user = userEvent.setup();
+ *   rmdRender(<SimpleSelect />);
+ *
+ *   const { select, selectInput, selectedOption } = getSelectTestElements({
+ *     name: "Label",
+ *   });
+ *   // this isn't required, but added to show what element this is
+ *   expect(selectedOption).toHaveClass("rmd-selected-option");
+ *
+ *   // there is currently no selected value
+ *   expect(selectedOption).toHaveTextContent("");
+ *
+ *   await user.click(select);
+ *   await user.click(screen.getByRole("option", { name: "Option 1" }));
+ *   expect(selectInput).toHaveValue("a");
+ *   expect(selectedOption).toHaveTextContent("Option 1");
+ * });
+ * ```
+ *
+ * @since 6.0.0
+ */ export function getSelectTestElements(options) {
+    const { container = screen, ...byRoleOptions } = options;
+    const select = container.getByRole("combobox", byRoleOptions);
+    const selectInput = within(select).getByRole("textbox", {
+        hidden: true
+    });
+    const selectedOption = select.firstElementChild;
+    if (!(selectedOption instanceof HTMLDivElement)) {
+        throw new Error("Unable to find the `Select` selected option element");
+    }
+    return {
+        select,
+        selectInput,
+        selectedOption
+    };
+}
+/**
+ * @see {@link getSelectTestElements}
+ * @since 6.0.0
+ */ export async function findSelectTestElements(options) {
+    const { container = screen, ...byRoleOptions } = options;
+    const select = await container.findByRole("combobox", byRoleOptions);
+    const selectInput = await within(select).findByRole("textbox", {
+        hidden: true
+    });
+    const selectedOption = select.firstElementChild;
+    if (!(selectedOption instanceof HTMLDivElement)) {
+        throw new Error("Unable to find the `Select` selected option element");
+    }
+    return {
+        select,
+        selectInput,
+        selectedOption
+    };
+}
+
+//# sourceMappingURL=select.js.map

package/dist/test-utils/queries/select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/test-utils/queries/select.ts"],"sourcesContent":["import { screen, within } from \"@testing-library/dom\";\n\nimport { type GetPartsByRoleOptions } from \"./types.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface SelectTestElements {\n  /**\n   * The element that should be interacted with for showing and hiding the\n   * listbox of available options in the `Select`.\n   */\n  select: HTMLDivElement;\n\n  /**\n   * The input element storing the current value for the `Select`. This should\n   * be used to verify a specific option has been selected and will be the\n   * `Option`'s `value` prop.\n   *\n   * i.e. Selecting `<Option value=\"a\">Option 1</Option>` -> `selectInput`\n   * would have value `\"a\"`.\n   */\n  selectInput: HTMLInputElement;\n\n  /**\n   * The current selected option that is shown in the `Select` underneath the\n   * floating label. This should be used if the selected option label needs to\n   * be verified instead of the value.\n   *\n   * i.e. Selecting `<Option value=\"a\">Option 1</Option>` -> `selectedOption`\n   * would have text content `\"Option 1\"`.\n   */\n  selectedOption: HTMLDivElement;\n}\n\n/**\n * @example Simple Example\n * ```tsx\n * import {\n *   getSelectTestElements,\n *   screen,\n *   rmdRender,\n *   userEvent,\n * } from \"@react-md/core/test-utils\";\n *\n * it(\"should be able to verify the display value\", async () => {\n *   const user = userEvent.setup();\n *   rmdRender(<SimpleSelect />);\n *\n *   const { select, selectInput, selectedOption } = getSelectTestElements({\n *     name: \"Label\",\n *   });\n *   // this isn't required, but added to show what element this is\n *   expect(selectedOption).toHaveClass(\"rmd-selected-option\");\n *\n *   // there is currently no selected value\n *   expect(selectedOption).toHaveTextContent(\"\");\n *\n *   await user.click(select);\n *   await user.click(screen.getByRole(\"option\", { name: \"Option 1\" }));\n *   expect(selectInput).toHaveValue(\"a\");\n *   expect(selectedOption).toHaveTextContent(\"Option 1\");\n * });\n * ```\n *\n * @since 6.0.0\n */\nexport function getSelectTestElements(\n  options: GetPartsByRoleOptions\n): SelectTestElements {\n  const { container = screen, ...byRoleOptions } = options;\n  const select = container.getByRole<HTMLDivElement>(\"combobox\", byRoleOptions);\n  const selectInput = within(select).getByRole<HTMLInputElement>(\"textbox\", {\n    hidden: true,\n  });\n  const selectedOption = select.firstElementChild;\n  if (!(selectedOption instanceof HTMLDivElement)) {\n    throw new Error(\"Unable to find the `Select` selected option element\");\n  }\n\n  return {\n    select,\n    selectInput,\n    selectedOption,\n  };\n}\n\n/**\n * @see {@link getSelectTestElements}\n * @since 6.0.0\n */\nexport async function findSelectTestElements(\n  options: GetPartsByRoleOptions\n): Promise<SelectTestElements> {\n  const { container = screen, ...byRoleOptions } = options;\n  const select = await container.findByRole<HTMLDivElement>(\n    \"combobox\",\n    byRoleOptions\n  );\n  const selectInput = await within(select).findByRole<HTMLInputElement>(\n    \"textbox\",\n    {\n      hidden: true,\n    }\n  );\n  const selectedOption = select.firstElementChild;\n  if (!(selectedOption instanceof HTMLDivElement)) {\n    throw new Error(\"Unable to find the `Select` selected option element\");\n  }\n\n  return {\n    select,\n    selectInput,\n    selectedOption,\n  };\n}\n"],"names":["screen","within","getSelectTestElements","options","container","byRoleOptions","select","getByRole","selectInput","hidden","selectedOption","firstElementChild","HTMLDivElement","Error","findSelectTestElements","findByRole"],"mappings":"AAAA,SAASA,MAAM,EAAEC,MAAM,QAAQ,uBAAuB;AAmCtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BC,GACD,OAAO,SAASC,sBACdC,OAA8B;IAE9B,MAAM,EAAEC,YAAYJ,MAAM,EAAE,GAAGK,eAAe,GAAGF;IACjD,MAAMG,SAASF,UAAUG,SAAS,CAAiB,YAAYF;IAC/D,MAAMG,cAAcP,OAAOK,QAAQC,SAAS,CAAmB,WAAW;QACxEE,QAAQ;IACV;IACA,MAAMC,iBAAiBJ,OAAOK,iBAAiB;IAC/C,IAAI,CAAED,CAAAA,0BAA0BE,cAAa,GAAI;QAC/C,MAAM,IAAIC,MAAM;IAClB;IAEA,OAAO;QACLP;QACAE;QACAE;IACF;AACF;AAEA;;;CAGC,GACD,OAAO,eAAeI,uBACpBX,OAA8B;IAE9B,MAAM,EAAEC,YAAYJ,MAAM,EAAE,GAAGK,eAAe,GAAGF;IACjD,MAAMG,SAAS,MAAMF,UAAUW,UAAU,CACvC,YACAV;IAEF,MAAMG,cAAc,MAAMP,OAAOK,QAAQS,UAAU,CACjD,WACA;QACEN,QAAQ;IACV;IAEF,MAAMC,iBAAiBJ,OAAOK,iBAAiB;IAC/C,IAAI,CAAED,CAAAA,0BAA0BE,cAAa,GAAI;QAC/C,MAAM,IAAIC,MAAM;IAClB;IAEA,OAAO;QACLP;QACAE;QACAE;IACF;AACF"}

package/dist/test-utils/queries/slider.d.ts

@@ -0,0 +1,126 @@
+import { type BoundFunctions, type ByRoleOptions, type queries } from "@testing-library/dom";
+import { type GetPartsByRoleOptions } from "./types.js";
+/**
+ * @since 6.0.0
+ */
+export interface SliderTestElements {
+    /**
+     * The element that is visible to screen readers and can be updated using
+     * drag, touch, or keyboard events. Since this is usually annoying for tests,
+     * the `sliderInput` should normally be used instead.
+     */
+    slider: HTMLSpanElement;
+    /**
+     * The element that is hidden to screen readers but stores the current value
+     * and can be updated using
+     * `fireEvent.change(sliderInput, { target: { value: "100" }})`.
+     */
+    sliderInput: HTMLInputElement;
+    /**
+     * This is only useful when needing to verify that clicking somewhere on the
+     * track updates the value. Most test cases can be solved through the
+     * {@link slider} or {@link sliderInput} instead.
+     */
+    sliderTrack: HTMLSpanElement;
+    /**
+     * Returns the slider container element if it is needed for testing. It's
+     * useful for simple snapshot tests.
+     */
+    sliderContainer: HTMLDivElement;
+}
+/**
+ * @example Simple Example
+ * ```tsx
+ * function Test(): ReactElement {
+ *   const slider = useSlider({ defaultValue: 30 });
+ *   return <Slider {...slider} aria-label="Example" />;
+ * }
+ *
+ * rmdRender(<Test />);
+ *
+ * const { slider, sliderInput } = getSliderTestElements({ name: "Example" });
+ *
+ * expect(slider).toHaveValue(30);
+ * expect(sliderInput).toHaveValue("30");
+ *
+ * fireEvent.change(sliderInput, { target: { value: "55" }});
+ * expect(slider).toHaveValue(55);
+ * expect(sliderInput).toHaveValue("55");
+ * ```
+ *
+ * @since 6.0.0
+ */
+export declare function getSliderTestElements(options: GetPartsByRoleOptions): SliderTestElements;
+/**
+ * @see {@link getSliderTestElements}
+ * @since 6.0.0
+ */
+export declare function findSliderTestElements(options: GetPartsByRoleOptions): Promise<SliderTestElements>;
+/**
+ * @since 6.0.0
+ */
+export interface GetRangetSliderTestElementsOptions {
+    /** @defaultValue `screen` */
+    container?: BoundFunctions<typeof queries>;
+    /** @defaultValue `{ name: "Min" }` */
+    min?: ByRoleOptions;
+    /** @defaultValue `{ name: "Max" }` */
+    max?: ByRoleOptions;
+}
+/**
+ * @since 6.0.0
+ */
+export interface RangeSliderTestElements {
+    /** @see {@link SliderTestElements.slider} */
+    minSlider: HTMLSpanElement;
+    /** @see {@link SliderTestElements.sliderInput} */
+    minSliderInput: HTMLInputElement;
+    /** @see {@link SliderTestElements.slider} */
+    maxSlider: HTMLSpanElement;
+    /** @see {@link SliderTestElements.sliderInput} */
+    maxSliderInput: HTMLInputElement;
+    /** @see {@link SliderTestElements.sliderTrack} */
+    sliderTrack: HTMLSpanElement;
+    /** @see {@link SliderTestElements.sliderContainer} */
+    sliderContainer: HTMLDivElement;
+}
+/**
+ * @example Simple Example
+ * ```tsx
+ * function Test(): ReactElement {
+ *   const slider = useRangeSlider({ defaultValue: [30, 60] });
+ *   return <Slider {...slider} aria-label="Example" />;
+ * }
+ *
+ * rmdRender(<Test />);
+ *
+ * const { slider, sliderInput } = getSliderTestElements();
+ *
+ * const { minSlider, minSliderInput, maxSlider, maxSliderInput } =
+ *   getRangeSliderTestElements();
+ * expect(minSlider).toHaveValue(30);
+ * expect(minSliderInput).toHaveValue("30");
+ * expect(maxSlider).toHaveAttribute(60);
+ * expect(maxSliderInput).toHaveValue("60");
+ *
+ * fireEvent.change(minSliderInput, { target: { value: "55" }});
+ * expect(minSlider).toHaveValue(55);
+ * expect(minSliderInput).toHaveValue("55");
+ * expect(maxSlider).toHaveAttribute(60);
+ * expect(maxSliderInput).toHaveValue("60");
+ *
+ * fireEvent.change(maxSliderInput, { target: { value: "88" }});
+ * expect(minSlider).toHaveValue(55);
+ * expect(minSliderInput).toHaveValue("55");
+ * expect(maxSlider).toHaveAttribute(88);
+ * expect(maxSliderInput).toHaveValue("88");
+ * ```
+ *
+ * @since 6.0.0
+ */
+export declare function getRangeSliderTestElements(options?: GetRangetSliderTestElementsOptions): RangeSliderTestElements;
+/**
+ * @see {@link getRangeSliderTestElements}
+ * @since 6.0.0
+ */
+export declare function findRangeSliderTestElements(options?: GetRangetSliderTestElementsOptions): Promise<RangeSliderTestElements>;