@dynatrace/strato-components-testing 1.18.0 → 3.0.1

package/esm/jest/testing-helpers/filters/filter-field.js

@@ -0,0 +1,424 @@
+import {
+  act,
+  screen,
+  waitFor,
+  waitForElementToBeRemoved,
+  within
+} from "@testing-library/react";
+import { PointerEventsCheckLevel } from "@testing-library/user-event";
+import { isFakeTimersEnabled } from "../utils/isFakeTimersEnabled.js";
+import { setupUserEvent } from "../utils/setup-user-event.js";
+class FilterFieldPinnedAndRecentSuggestionBase {
+  constructor(suggestionRoot) {
+    this.suggestionRoot = suggestionRoot;
+  }
+  get pinButtonElement() {
+    return this.suggestionRoot.querySelector(
+      "button[aria-checked]"
+    );
+  }
+  /**
+   * Receives the value of the suggestion that would be applied.
+   */
+  get value() {
+    return this.suggestionRoot.childNodes.item(1).textContent;
+  }
+  /**
+   * Returns if the current suggestion is currently pinned or not.
+   */
+  get pinned() {
+    if (this.pinButtonElement) {
+      return this.pinButtonElement.getAttribute("aria-checked") === "true";
+    }
+    return false;
+  }
+  /**
+   * Applies the suggestion to the filter field.
+   */
+  async apply() {
+    await setupUserEvent({
+      pointerEventsCheck: PointerEventsCheckLevel.Never
+    }).click(this.suggestionRoot);
+  }
+  get pinEnabled() {
+    if (this.pinButtonElement) {
+      return this.pinButtonElement.getAttribute("aria-disabled") === "false";
+    }
+    return false;
+  }
+  /**
+   * Allows the suggestion to be pinned if not pinned already.
+   */
+  async pin() {
+    if (this.pinned === true) {
+      return;
+    }
+    if (this.pinButtonElement) {
+      await setupUserEvent({
+        pointerEventsCheck: PointerEventsCheckLevel.Never
+      }).click(this.pinButtonElement);
+      if (isFakeTimersEnabled()) {
+        await act(async () => {
+          jest.runOnlyPendingTimers();
+        });
+      }
+    }
+  }
+  /**
+   * Allows the suggestion to be unpinned if not unpinned already.
+   */
+  async unpin() {
+    if (this.pinned === false) {
+      return;
+    }
+    if (this.pinButtonElement) {
+      await setupUserEvent({
+        pointerEventsCheck: PointerEventsCheckLevel.Never
+      }).click(this.pinButtonElement);
+      if (isFakeTimersEnabled()) {
+        await act(async () => {
+          jest.runOnlyPendingTimers();
+        });
+      }
+    }
+  }
+}
+class FilterFieldPinnedSuggestion extends FilterFieldPinnedAndRecentSuggestionBase {
+  /**
+   * Receives the value of the suggestion that would be applied.
+   */
+  get value() {
+    return this.suggestionRoot.childNodes.item(0).textContent;
+  }
+}
+class FilterFieldRecentSuggestion extends FilterFieldPinnedAndRecentSuggestionBase {
+  /**
+   * Receives the value of the suggestion that would be applied.
+   */
+  get value() {
+    return this.suggestionRoot.querySelector('[role="option"]')?.childNodes.item(0).textContent ?? null;
+  }
+  /**
+   * Receives time offset indicating when the filter statement has last been used.
+   */
+  get lastUsed() {
+    return this.suggestionRoot.querySelector('[role="option"]')?.childNodes.item(1).textContent ?? null;
+  }
+}
+class FilterFieldHelper {
+  constructor(dataTestId) {
+    this.dataTestId = dataTestId;
+  }
+  get filterFieldWrapper() {
+    return screen.getByTestId(this.dataTestId);
+  }
+  get editorView() {
+    return this.filterFieldWrapper.querySelector(
+      ".cm-content"
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    )?.cmTile.view;
+  }
+  get inputElement() {
+    return within(this.filterFieldWrapper).getAllByRole(
+      "textbox",
+      { hidden: true }
+    )[1];
+  }
+  get filterFieldElement() {
+    return within(this.filterFieldWrapper).getByRole(
+      "textbox",
+      {
+        name: "Filter field",
+        hidden: true
+      }
+    );
+  }
+  get placeholderElement() {
+    return this.filterFieldWrapper.querySelector(".cm-placeholder");
+  }
+  get suggestionsContainer() {
+    return screen.queryByTestId(`filterfield-suggestions-${this.dataTestId}`);
+  }
+  /** Returns the value of the native text input. */
+  get value() {
+    return this.inputElement.value;
+  }
+  /** Returns the value of the filter field. */
+  get filterFieldValue() {
+    return this.filterFieldElement.textContent || "";
+  }
+  /**
+   * The placeholder text shown in the filter field.
+   * Undefined if the placeholder is currently not rendered.
+   */
+  get placeholder() {
+    return this.placeholderElement?.textContent || void 0;
+  }
+  /** Focus the filter field if not already focused. */
+  async focus() {
+    if (!this.filterFieldWrapper.contains(document.activeElement)) {
+      await act(async () => {
+        this.inputElement.focus();
+      });
+      expect(
+        this.filterFieldWrapper.contains(document.activeElement)
+      ).toBeTruthy();
+      if (isFakeTimersEnabled()) {
+        await act(async () => {
+          jest.runOnlyPendingTimers();
+        });
+      }
+    }
+  }
+  /** Blur the filter field by tabbing out of it. */
+  async blur() {
+    await act(async () => {
+      this.filterFieldElement.blur();
+    });
+    if (isFakeTimersEnabled()) {
+      await act(async () => {
+        jest.runOnlyPendingTimers();
+      });
+    }
+  }
+  /** Fill a provided value into the filter field. */
+  async type(text, cursorIndex) {
+    const regEx = new RegExp(text, "g");
+    const matches = this.value.match(regEx);
+    await this.moveCursorTo(cursorIndex ?? -1);
+    await setupUserEvent({
+      pointerEventsCheck: PointerEventsCheckLevel.Never
+    }).keyboard(text);
+    await waitFor(() => {
+      expect(this.value.match(regEx) ?? []).toHaveLength(
+        (matches?.length ?? 0) + 1
+      );
+    });
+    if (isFakeTimersEnabled()) {
+      await act(async () => {
+        jest.runOnlyPendingTimers();
+      });
+    }
+  }
+  /** Clears the filter field value. */
+  async clear() {
+    if (this.value !== "") {
+      await setupUserEvent({
+        pointerEventsCheck: PointerEventsCheckLevel.Never
+      }).click(
+        await within(this.filterFieldWrapper).findByRole("button", {
+          name: "Clear filter",
+          hidden: true
+        })
+      );
+      if (isFakeTimersEnabled()) {
+        await act(async () => {
+          jest.runOnlyPendingTimers();
+        });
+      }
+    }
+  }
+  /**
+   * Moves the cursor to the given index.
+   * -1 moves to the end of the input.
+   */
+  async moveCursorTo(index) {
+    const user = setupUserEvent({
+      pointerEventsCheck: PointerEventsCheckLevel.Never
+    });
+    if (index === -1) {
+      await act(async () => {
+        await this.focus();
+      });
+      await user.keyboard("{PageDown}");
+      return;
+    }
+    if (!this.editorView) {
+      console.warn("FilterField editor could not be found. Panic now.");
+      return;
+    }
+    await act(async () => {
+      await this.focus();
+      this.editorView.dispatch({
+        selection: {
+          anchor: Math.min(index, this.editorView.state.doc.length)
+        }
+      });
+    });
+    if (isFakeTimersEnabled()) {
+      await act(async () => {
+        jest.runOnlyPendingTimers();
+      });
+    }
+  }
+  /** Open the suggestions overlay with the keyboard shortcut. */
+  async openSuggestions() {
+    await act(async () => {
+      await this.focus();
+    });
+    await setupUserEvent({
+      pointerEventsCheck: PointerEventsCheckLevel.Never
+    }).keyboard("{Control>}{Space}{/Control}");
+    await waitFor(
+      async () => expect(this.suggestionsContainer).toBeInTheDocument()
+    );
+    if (isFakeTimersEnabled()) {
+      await act(async () => {
+        jest.runOnlyPendingTimers();
+      });
+    }
+  }
+  /**
+   * Close the suggestions overlay using the `Escape` key.
+   * If the filter field is focused, the focus will stay in the filter field.
+   */
+  async closeSuggestions() {
+    await act(async () => {
+      await this.focus();
+    });
+    await setupUserEvent({
+      pointerEventsCheck: PointerEventsCheckLevel.Never
+    }).keyboard("{Escape}");
+    if (this.suggestionsContainer !== null) {
+      await waitForElementToBeRemoved(() => this.suggestionsContainer);
+    }
+  }
+  /** Apply the suggestion with the given text. */
+  async applySuggestion(queryString) {
+    await act(async () => {
+      await this.focus();
+    });
+    await waitFor(() => {
+      expect(this.suggestionsContainer).toBeInTheDocument();
+    });
+    if (!this.suggestionsContainer) {
+      console.warn(
+        "The filter field suggestions overlay seems to be closed. Make sure to open it before applying a suggestion."
+      );
+      return;
+    }
+    const showMore = within(this.suggestionsContainer).queryByRole("option", {
+      name: "Show more"
+    });
+    if (showMore) {
+      await setupUserEvent({
+        pointerEventsCheck: PointerEventsCheckLevel.Never
+      }).click(showMore);
+    }
+    let suggestions = within(this.suggestionsContainer).queryAllByTestId(
+      queryString,
+      { exact: true }
+    );
+    if (suggestions.length > 0) {
+      suggestions = suggestions.reduce((acc, container) => {
+        const suggestion = within(container).queryByRole("option");
+        if (suggestion) {
+          acc.push(suggestion);
+        }
+        return acc;
+      }, []);
+    }
+    if (suggestions.length === 0) {
+      suggestions.push(
+        ...within(this.suggestionsContainer).queryAllByText(
+          (_, element) => element?.getAttribute("role") === "option" && // The replace is needed to ignore non-breaking spaces
+          element.firstElementChild?.textContent?.replace(/\s+/g, " ") === queryString.replace(/\s+/g, " ")
+        )
+      );
+    }
+    if (suggestions.length === 0) {
+      console.warn(
+        `Could not query a suggestion with the given queryString '${queryString}' (trying queryByTestId and queryByText).`
+      );
+      return;
+    }
+    if (suggestions.length > 1) {
+      console.warn(
+        "Found multiple suggestions with the given testId. Will apply the first one"
+      );
+    }
+    await setupUserEvent({
+      pointerEventsCheck: PointerEventsCheckLevel.Never
+    }).click(suggestions[0]);
+  }
+  /** Get recent suggestions */
+  async getRecentSuggestions() {
+    if (this.suggestionsContainer) {
+      const recentGroup = within(this.suggestionsContainer).getByRole("group", {
+        name: "Recently used filters"
+      });
+      const suggestions = within(recentGroup).getAllByRole(
+        "group",
+        {
+          hidden: true,
+          name(_accessibleName, element) {
+            return element.getAttribute(
+              "data-strato-filter-field-virtual-focus-type"
+            ) === "recent-suggestion";
+          }
+        }
+      );
+      return suggestions.map((el) => new FilterFieldRecentSuggestion(el));
+    }
+    return [];
+  }
+  /** Get pinned suggestions */
+  async getPinnedSuggestions() {
+    if (this.suggestionsContainer) {
+      try {
+        await waitFor(
+          () => screen.getByRole("group", {
+            name: "Pinned filters",
+            hidden: true,
+            suggest: false
+          })
+        );
+        const pinnedGroup = within(this.suggestionsContainer).getByRole(
+          "group",
+          {
+            name: "Pinned filters",
+            hidden: true
+          }
+        );
+        const suggestions = within(pinnedGroup).getAllByRole(
+          "group",
+          {
+            hidden: true,
+            name(_accessibleName, element) {
+              return element.getAttribute(
+                "data-strato-filter-field-virtual-focus-type"
+              ) === "pinned-suggestion";
+            }
+          }
+        );
+        return suggestions.map((el) => new FilterFieldPinnedSuggestion(el));
+      } catch {
+        return [];
+      }
+    }
+    return [];
+  }
+  /** Paste text at the current cursor position */
+  async paste(text, cursorIndex) {
+    await this.moveCursorTo(cursorIndex ?? -1);
+    await setupUserEvent({
+      pointerEventsCheck: PointerEventsCheckLevel.Never
+    }).paste(text);
+    if (isFakeTimersEnabled()) {
+      await act(async () => {
+        jest.runOnlyPendingTimers();
+      });
+    }
+  }
+}
+function getFilterFieldHelper(dataTestId) {
+  return new FilterFieldHelper(dataTestId);
+}
+export {
+  FilterFieldHelper,
+  FilterFieldPinnedAndRecentSuggestionBase,
+  FilterFieldPinnedSuggestion,
+  FilterFieldRecentSuggestion,
+  getFilterFieldHelper
+};
+//# sourceMappingURL=filter-field.js.map

package/esm/jest/testing-helpers/filters/filter-field.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/jest/testing-helpers/filters/filter-field.ts"],
+  "sourcesContent": ["import {\n  act,\n  screen,\n  waitFor,\n  waitForElementToBeRemoved,\n  within,\n} from '@testing-library/react';\nimport { PointerEventsCheckLevel } from '@testing-library/user-event';\n\nimport { isFakeTimersEnabled } from '../utils/isFakeTimersEnabled.js';\nimport { setupUserEvent } from '../utils/setup-user-event.js';\n\n/**\n * Base class for pinned or recent filter field suggestion.\n * @public */\nexport class FilterFieldPinnedAndRecentSuggestionBase {\n  constructor(protected readonly suggestionRoot: HTMLDivElement) {}\n\n  private get pinButtonElement(): HTMLButtonElement | null {\n    return this.suggestionRoot.querySelector<HTMLButtonElement>(\n      'button[aria-checked]',\n    );\n  }\n\n  /**\n   * Receives the value of the suggestion that would be applied.\n   */\n  get value(): string | null {\n    return this.suggestionRoot.childNodes.item(1).textContent;\n  }\n\n  /**\n   * Returns if the current suggestion is currently pinned or not.\n   */\n  get pinned(): boolean {\n    if (this.pinButtonElement) {\n      return this.pinButtonElement.getAttribute('aria-checked') === 'true';\n    }\n    return false;\n  }\n\n  /**\n   * Applies the suggestion to the filter field.\n   */\n  async apply() {\n    await setupUserEvent({\n      pointerEventsCheck: PointerEventsCheckLevel.Never,\n    }).click(this.suggestionRoot);\n  }\n\n  get pinEnabled(): boolean {\n    if (this.pinButtonElement) {\n      return this.pinButtonElement.getAttribute('aria-disabled') === 'false';\n    }\n    return false;\n  }\n\n  /**\n   * Allows the suggestion to be pinned if not pinned already.\n   */\n  async pin() {\n    if (this.pinned === true) {\n      return;\n    }\n    if (this.pinButtonElement) {\n      await setupUserEvent({\n        pointerEventsCheck: PointerEventsCheckLevel.Never,\n      }).click(this.pinButtonElement);\n\n      if (isFakeTimersEnabled()) {\n        await act(async () => {\n          jest.runOnlyPendingTimers();\n        });\n      }\n    }\n  }\n\n  /**\n   * Allows the suggestion to be unpinned if not unpinned already.\n   */\n  async unpin() {\n    if (this.pinned === false) {\n      return;\n    }\n    if (this.pinButtonElement) {\n      await setupUserEvent({\n        pointerEventsCheck: PointerEventsCheckLevel.Never,\n      }).click(this.pinButtonElement);\n\n      if (isFakeTimersEnabled()) {\n        await act(async () => {\n          jest.runOnlyPendingTimers();\n        });\n      }\n    }\n  }\n}\n\n/**\n * Testing helper class for pinned suggestions in the filter field\n * @public */\nexport class FilterFieldPinnedSuggestion extends FilterFieldPinnedAndRecentSuggestionBase {\n  /**\n   * Receives the value of the suggestion that would be applied.\n   */\n  get value(): string | null {\n    return this.suggestionRoot.childNodes.item(0).textContent;\n  }\n}\n\n/**\n * Testing helper class for recent suggestions in the filter field\n * @public */\nexport class FilterFieldRecentSuggestion extends FilterFieldPinnedAndRecentSuggestionBase {\n  /**\n   * Receives the value of the suggestion that would be applied.\n   */\n  get value(): string | null {\n    return (\n      this.suggestionRoot.querySelector('[role=\"option\"]')?.childNodes.item(0)\n        .textContent ?? null\n    );\n  }\n  /**\n   * Receives time offset indicating when the filter statement has last been used.\n   */\n  get lastUsed(): string | null {\n    return (\n      this.suggestionRoot.querySelector('[role=\"option\"]')?.childNodes.item(1)\n        .textContent ?? null\n    );\n  }\n}\n\n/**\n * Helper class for interacting with the filter field.\n * @public\n */\nexport class FilterFieldHelper {\n  private get filterFieldWrapper(): HTMLElement {\n    return screen.getByTestId(this.dataTestId);\n  }\n\n  private get editorView() {\n    return (\n      this.filterFieldWrapper.querySelector(\n        '.cm-content',\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ) as any\n    )?.cmTile.view;\n  }\n\n  private get inputElement(): HTMLInputElement {\n    return within(this.filterFieldWrapper).getAllByRole<HTMLInputElement>(\n      'textbox',\n      { hidden: true },\n    )[1];\n  }\n\n  private get filterFieldElement(): HTMLDivElement {\n    return within(this.filterFieldWrapper).getByRole<HTMLDivElement>(\n      'textbox',\n      {\n        name: 'Filter field',\n        hidden: true,\n      },\n    );\n  }\n\n  private get placeholderElement(): HTMLSpanElement | null {\n    return this.filterFieldWrapper.querySelector('.cm-placeholder');\n  }\n\n  private get suggestionsContainer(): HTMLDivElement | null {\n    return screen.queryByTestId(`filterfield-suggestions-${this.dataTestId}`);\n  }\n\n  constructor(private dataTestId: string) {}\n\n  /** Returns the value of the native text input. */\n  get value(): string {\n    return this.inputElement.value;\n  }\n\n  /** Returns the value of the filter field. */\n  get filterFieldValue(): string {\n    return this.filterFieldElement.textContent || '';\n  }\n\n  /**\n   * The placeholder text shown in the filter field.\n   * Undefined if the placeholder is currently not rendered.\n   */\n  get placeholder(): string | undefined {\n    return this.placeholderElement?.textContent || undefined;\n  }\n\n  /** Focus the filter field if not already focused. */\n  async focus() {\n    if (!this.filterFieldWrapper.contains(document.activeElement)) {\n      await act(async () => {\n        this.inputElement.focus();\n      });\n\n      expect(\n        this.filterFieldWrapper.contains(document.activeElement),\n      ).toBeTruthy();\n\n      if (isFakeTimersEnabled()) {\n        await act(async () => {\n          jest.runOnlyPendingTimers();\n        });\n      }\n    }\n  }\n\n  /** Blur the filter field by tabbing out of it. */\n  async blur() {\n    await act(async () => {\n      this.filterFieldElement.blur();\n    });\n\n    if (isFakeTimersEnabled()) {\n      await act(async () => {\n        jest.runOnlyPendingTimers();\n      });\n    }\n  }\n\n  /** Fill a provided value into the filter field. */\n  async type(text: string, cursorIndex?: number) {\n    const regEx = new RegExp(text, 'g');\n    const matches = this.value.match(regEx);\n\n    await this.moveCursorTo(cursorIndex ?? -1);\n\n    await setupUserEvent({\n      pointerEventsCheck: PointerEventsCheckLevel.Never,\n    }).keyboard(text);\n    await waitFor(() => {\n      expect(this.value.match(regEx) ?? []).toHaveLength(\n        (matches?.length ?? 0) + 1,\n      );\n    });\n\n    if (isFakeTimersEnabled()) {\n      await act(async () => {\n        jest.runOnlyPendingTimers();\n      });\n    }\n  }\n\n  /** Clears the filter field value. */\n  async clear() {\n    if (this.value !== '') {\n      await setupUserEvent({\n        pointerEventsCheck: PointerEventsCheckLevel.Never,\n      }).click(\n        await within(this.filterFieldWrapper).findByRole('button', {\n          name: 'Clear filter',\n          hidden: true,\n        }),\n      );\n\n      if (isFakeTimersEnabled()) {\n        await act(async () => {\n          jest.runOnlyPendingTimers();\n        });\n      }\n    }\n  }\n\n  /**\n   * Moves the cursor to the given index.\n   * -1 moves to the end of the input.\n   */\n  async moveCursorTo(index: number) {\n    const user = setupUserEvent({\n      pointerEventsCheck: PointerEventsCheckLevel.Never,\n    });\n\n    if (index === -1) {\n      await act(async () => {\n        await this.focus();\n      });\n      await user.keyboard('{PageDown}');\n\n      return;\n    }\n\n    if (!this.editorView) {\n      // eslint-disable-next-line no-console\n      console.warn('FilterField editor could not be found. Panic now.');\n      return;\n    }\n\n    await act(async () => {\n      await this.focus();\n      this.editorView.dispatch({\n        selection: {\n          anchor: Math.min(index, this.editorView.state.doc.length),\n        },\n      });\n    });\n\n    if (isFakeTimersEnabled()) {\n      await act(async () => {\n        jest.runOnlyPendingTimers();\n      });\n    }\n  }\n\n  /** Open the suggestions overlay with the keyboard shortcut. */\n  async openSuggestions() {\n    await act(async () => {\n      await this.focus();\n    });\n    await setupUserEvent({\n      pointerEventsCheck: PointerEventsCheckLevel.Never,\n    }).keyboard('{Control>}{Space}{/Control}');\n\n    await waitFor(async () =>\n      expect(this.suggestionsContainer).toBeInTheDocument(),\n    );\n    if (isFakeTimersEnabled()) {\n      await act(async () => {\n        jest.runOnlyPendingTimers();\n      });\n    }\n  }\n\n  /**\n   * Close the suggestions overlay using the `Escape` key.\n   * If the filter field is focused, the focus will stay in the filter field.\n   */\n  async closeSuggestions() {\n    await act(async () => {\n      await this.focus();\n    });\n    await setupUserEvent({\n      pointerEventsCheck: PointerEventsCheckLevel.Never,\n    }).keyboard('{Escape}');\n\n    if (this.suggestionsContainer !== null) {\n      await waitForElementToBeRemoved(() => this.suggestionsContainer);\n    }\n  }\n\n  /** Apply the suggestion with the given text. */\n  async applySuggestion(queryString: string) {\n    await act(async () => {\n      await this.focus();\n    });\n\n    // Wait for the suggestions overlay to open.\n    await waitFor(() => {\n      expect(this.suggestionsContainer).toBeInTheDocument();\n    });\n\n    if (!this.suggestionsContainer) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        'The filter field suggestions overlay seems to be closed. Make sure to open it before applying a suggestion.',\n      );\n      return;\n    }\n\n    const showMore = within(this.suggestionsContainer).queryByRole('option', {\n      name: 'Show more',\n    });\n\n    if (showMore) {\n      await setupUserEvent({\n        pointerEventsCheck: PointerEventsCheckLevel.Never,\n      }).click(showMore);\n    }\n\n    let suggestions = within(this.suggestionsContainer).queryAllByTestId(\n      queryString,\n      { exact: true },\n    );\n\n    if (suggestions.length > 0) {\n      suggestions = suggestions.reduce<HTMLElement[]>((acc, container) => {\n        const suggestion = within(container).queryByRole('option');\n        if (suggestion) {\n          acc.push(suggestion);\n        }\n\n        return acc;\n      }, []);\n    }\n\n    if (suggestions.length === 0) {\n      suggestions.push(\n        ...within(this.suggestionsContainer).queryAllByText(\n          (_, element) =>\n            element?.getAttribute('role') === 'option' &&\n            // The replace is needed to ignore non-breaking spaces\n            element.firstElementChild?.textContent?.replace(/\\s+/g, ' ') ===\n              queryString.replace(/\\s+/g, ' '),\n        ),\n      );\n    }\n\n    if (suggestions.length === 0) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        `Could not query a suggestion with the given queryString '${queryString}' (trying queryByTestId and queryByText).`,\n      );\n      return;\n    }\n\n    if (suggestions.length > 1) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        'Found multiple suggestions with the given testId. Will apply the first one',\n      );\n    }\n\n    await setupUserEvent({\n      pointerEventsCheck: PointerEventsCheckLevel.Never,\n    }).click(suggestions[0]);\n  }\n\n  /** Get recent suggestions */\n  async getRecentSuggestions(): Promise<FilterFieldRecentSuggestion[]> {\n    if (this.suggestionsContainer) {\n      const recentGroup = within(this.suggestionsContainer).getByRole('group', {\n        name: 'Recently used filters',\n      });\n      const suggestions = within(recentGroup).getAllByRole<HTMLDivElement>(\n        'group',\n        {\n          hidden: true,\n          name(_accessibleName: string, element: Element) {\n            return (\n              element.getAttribute(\n                'data-strato-filter-field-virtual-focus-type',\n              ) === 'recent-suggestion'\n            );\n          },\n        },\n      );\n      return suggestions.map((el) => new FilterFieldRecentSuggestion(el));\n    }\n    return [];\n  }\n\n  /** Get pinned suggestions */\n  async getPinnedSuggestions(): Promise<FilterFieldPinnedSuggestion[]> {\n    if (this.suggestionsContainer) {\n      try {\n        await waitFor(() =>\n          screen.getByRole('group', {\n            name: 'Pinned filters',\n            hidden: true,\n            suggest: false,\n          }),\n        );\n        const pinnedGroup = within(this.suggestionsContainer).getByRole(\n          'group',\n          {\n            name: 'Pinned filters',\n            hidden: true,\n          },\n        );\n        const suggestions = within(pinnedGroup).getAllByRole<HTMLDivElement>(\n          'group',\n          {\n            hidden: true,\n            name(_accessibleName: string, element: Element) {\n              return (\n                element.getAttribute(\n                  'data-strato-filter-field-virtual-focus-type',\n                ) === 'pinned-suggestion'\n              );\n            },\n          },\n        );\n        return suggestions.map((el) => new FilterFieldPinnedSuggestion(el));\n      } catch {\n        return [];\n      }\n    }\n    return [];\n  }\n\n  /** Paste text at the current cursor position */\n  async paste(text: string, cursorIndex?: number) {\n    await this.moveCursorTo(cursorIndex ?? -1);\n\n    await setupUserEvent({\n      pointerEventsCheck: PointerEventsCheckLevel.Never,\n    }).paste(text);\n\n    if (isFakeTimersEnabled()) {\n      await act(async () => {\n        jest.runOnlyPendingTimers();\n      });\n    }\n  }\n}\n\n/**\n * Helper function that returns the filter field with its testing utilities.\n * @public\n */\nexport function getFilterFieldHelper(\n  /** The accessible test id used to locate the filter field wrapper. */\n  dataTestId: string,\n): FilterFieldHelper {\n  return new FilterFieldHelper(dataTestId);\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/esm/jest/testing-helpers/forms/base-input.js

@@ -0,0 +1,32 @@
+import { screen, within } from "@testing-library/react";
+import { setupUserEvent } from "../utils/setup-user-event.js";
+class BaseInputHelper {
+  constructor(dataTestId) {
+    this.dataTestId = dataTestId;
+  }
+  get inputWrapper() {
+    return screen.getByTestId(this.dataTestId);
+  }
+  get inputElement() {
+    return within(this.inputWrapper).getByRole("textbox", { hidden: true });
+  }
+  /** Returns the value of the native input element. */
+  get value() {
+    return this.inputElement.value;
+  }
+  focus() {
+    this.inputElement.focus();
+  }
+  /** Fill a provided value into the text input. */
+  async type(text) {
+    await setupUserEvent().type(this.inputElement, text);
+  }
+  /** Clears the text input value. */
+  async clear() {
+    await setupUserEvent().clear(this.inputElement);
+  }
+}
+export {
+  BaseInputHelper
+};
+//# sourceMappingURL=base-input.js.map

package/esm/jest/testing-helpers/forms/base-input.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/jest/testing-helpers/forms/base-input.ts"],
+  "sourcesContent": ["import { screen, within } from '@testing-library/react';\n\nimport { setupUserEvent } from '../utils/setup-user-event.js';\n\n/**\n * Helper class for interacting with the text input\n * @public\n */\nexport class BaseInputHelper {\n  protected get inputWrapper(): HTMLElement {\n    return screen.getByTestId(this.dataTestId);\n  }\n\n  protected get inputElement(): HTMLInputElement {\n    return within(this.inputWrapper).getByRole('textbox', { hidden: true });\n  }\n\n  constructor(protected dataTestId: string) {}\n\n  /** Returns the value of the native input element. */\n  get value(): string {\n    return this.inputElement.value;\n  }\n\n  focus() {\n    this.inputElement.focus();\n  }\n\n  /** Fill a provided value into the text input. */\n  async type(text: string) {\n    await setupUserEvent().type(this.inputElement, text);\n  }\n\n  /** Clears the text input value. */\n  async clear() {\n    await setupUserEvent().clear(this.inputElement);\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,QAAQ,cAAc;AAE/B,SAAS,sBAAsB;AAMxB,MAAM,gBAAgB;AAAA,EAS3B,YAAsB,YAAoB;AAApB;AAAA,EAAqB;AAAA,EAR3C,IAAc,eAA4B;AACxC,WAAO,OAAO,YAAY,KAAK,UAAU;AAAA,EAC3C;AAAA,EAEA,IAAc,eAAiC;AAC7C,WAAO,OAAO,KAAK,YAAY,EAAE,UAAU,WAAW,EAAE,QAAQ,KAAK,CAAC;AAAA,EACxE;AAAA;AAAA,EAKA,IAAI,QAAgB;AAClB,WAAO,KAAK,aAAa;AAAA,EAC3B;AAAA,EAEA,QAAQ;AACN,SAAK,aAAa,MAAM;AAAA,EAC1B;AAAA;AAAA,EAGA,MAAM,KAAK,MAAc;AACvB,UAAM,eAAe,EAAE,KAAK,KAAK,cAAc,IAAI;AAAA,EACrD;AAAA;AAAA,EAGA,MAAM,QAAQ;AACZ,UAAM,eAAe,EAAE,MAAM,KAAK,YAAY;AAAA,EAChD;AACF;",
+  "names": []
+}

package/esm/jest/testing-helpers/forms/password-input.js

@@ -0,0 +1,29 @@
+import { within } from "@testing-library/react";
+import { BaseInputHelper } from "./base-input.js";
+import { setupUserEvent } from "../utils/setup-user-event.js";
+class PasswordInputHelper extends BaseInputHelper {
+  async showPassword() {
+    if (this.inputElement.getAttribute("type") === "password") {
+      const passwordButton = within(this.inputWrapper).getByRole("button", {
+        hidden: true
+      });
+      await setupUserEvent().click(passwordButton);
+    }
+  }
+  async hidePassword() {
+    if (this.inputElement.getAttribute("type") === "text") {
+      const passwordButton = within(this.inputWrapper).getByRole("button", {
+        hidden: true
+      });
+      await setupUserEvent().click(passwordButton);
+    }
+  }
+}
+function getPasswordInputHelper(dataTestId) {
+  return new PasswordInputHelper(dataTestId);
+}
+export {
+  PasswordInputHelper,
+  getPasswordInputHelper
+};
+//# sourceMappingURL=password-input.js.map

package/esm/jest/testing-helpers/forms/password-input.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/jest/testing-helpers/forms/password-input.ts"],
+  "sourcesContent": ["import { within } from '@testing-library/react';\n\nimport { BaseInputHelper } from './base-input.js';\nimport { setupUserEvent } from '../utils/setup-user-event.js';\n\n/**\n * Helper class for interacting with the text input\n * @public\n */\nexport class PasswordInputHelper extends BaseInputHelper {\n  async showPassword() {\n    if (this.inputElement.getAttribute('type') === 'password') {\n      const passwordButton = within(this.inputWrapper).getByRole('button', {\n        hidden: true,\n      });\n      await setupUserEvent().click(passwordButton);\n    }\n  }\n  async hidePassword() {\n    if (this.inputElement.getAttribute('type') === 'text') {\n      const passwordButton = within(this.inputWrapper).getByRole('button', {\n        hidden: true,\n      });\n      await setupUserEvent().click(passwordButton);\n    }\n  }\n}\n\n/**\n * Helper function that returns the password input element with its testing utilities.\n * @public\n */\nexport function getPasswordInputHelper(\n  /** The accessible test id used to locate the password input wrapper. */\n  dataTestId: string,\n): PasswordInputHelper {\n  return new PasswordInputHelper(dataTestId);\n}\n"],
+  "mappings": "AAAA,SAAS,cAAc;AAEvB,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAMxB,MAAM,4BAA4B,gBAAgB;AAAA,EACvD,MAAM,eAAe;AACnB,QAAI,KAAK,aAAa,aAAa,MAAM,MAAM,YAAY;AACzD,YAAM,iBAAiB,OAAO,KAAK,YAAY,EAAE,UAAU,UAAU;AAAA,QACnE,QAAQ;AAAA,MACV,CAAC;AACD,YAAM,eAAe,EAAE,MAAM,cAAc;AAAA,IAC7C;AAAA,EACF;AAAA,EACA,MAAM,eAAe;AACnB,QAAI,KAAK,aAAa,aAAa,MAAM,MAAM,QAAQ;AACrD,YAAM,iBAAiB,OAAO,KAAK,YAAY,EAAE,UAAU,UAAU;AAAA,QACnE,QAAQ;AAAA,MACV,CAAC;AACD,YAAM,eAAe,EAAE,MAAM,cAAc;AAAA,IAC7C;AAAA,EACF;AACF;AAMO,SAAS,uBAEd,YACqB;AACrB,SAAO,IAAI,oBAAoB,UAAU;AAC3C;",
+  "names": []
+}

package/esm/jest/testing-helpers/forms/search-input.js

@@ -0,0 +1,27 @@
+import { within } from "@testing-library/react";
+import { BaseInputHelper } from "./base-input.js";
+import { setupUserEvent } from "../utils/setup-user-event.js";
+class SearchInputHelper extends BaseInputHelper {
+  get inputElement() {
+    return within(this.inputWrapper).getByRole("searchbox", { hidden: true });
+  }
+  /**
+   * Helper that will let you call a specific suffix button
+   * within the SearchInput component.
+   */
+  async clickButton(name) {
+    const button = within(this.inputWrapper).getByRole("button", {
+      hidden: true,
+      name
+    });
+    await setupUserEvent().click(button);
+  }
+}
+function getSearchInputHelper(dataTestId) {
+  return new SearchInputHelper(dataTestId);
+}
+export {
+  SearchInputHelper,
+  getSearchInputHelper
+};
+//# sourceMappingURL=search-input.js.map

package/esm/jest/testing-helpers/forms/search-input.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/jest/testing-helpers/forms/search-input.ts"],
+  "sourcesContent": ["import { within } from '@testing-library/react';\n\nimport { BaseInputHelper } from './base-input.js';\nimport { setupUserEvent } from '../utils/setup-user-event.js';\n\n/**\n * Helper class for interacting with the search input\n * @public\n */\nexport class SearchInputHelper extends BaseInputHelper {\n  protected override get inputElement(): HTMLInputElement {\n    return within(this.inputWrapper).getByRole('searchbox', { hidden: true });\n  }\n  /**\n   * Helper that will let you call a specific suffix button\n   * within the SearchInput component.\n   */\n  async clickButton(name: string) {\n    const button = within(this.inputWrapper).getByRole('button', {\n      hidden: true,\n      name,\n    });\n\n    await setupUserEvent().click(button);\n  }\n}\n\n/**\n * Helper function that returns the search input element with its testing utilities.\n * @public\n */\nexport function getSearchInputHelper(\n  /** The accessible test id used to locate the input wrapper. */\n  dataTestId: string,\n): SearchInputHelper {\n  return new SearchInputHelper(dataTestId);\n}\n"],
+  "mappings": "AAAA,SAAS,cAAc;AAEvB,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAMxB,MAAM,0BAA0B,gBAAgB;AAAA,EACrD,IAAuB,eAAiC;AACtD,WAAO,OAAO,KAAK,YAAY,EAAE,UAAU,aAAa,EAAE,QAAQ,KAAK,CAAC;AAAA,EAC1E;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,MAAM,YAAY,MAAc;AAC9B,UAAM,SAAS,OAAO,KAAK,YAAY,EAAE,UAAU,UAAU;AAAA,MAC3D,QAAQ;AAAA,MACR;AAAA,IACF,CAAC;AAED,UAAM,eAAe,EAAE,MAAM,MAAM;AAAA,EACrC;AACF;AAMO,SAAS,qBAEd,YACmB;AACnB,SAAO,IAAI,kBAAkB,UAAU;AACzC;",
+  "names": []
+}