@dynatrace/strato-components-testing 3.11.3 → 3.12.1

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

@@ -0,0 +1,439 @@
+import {
+  act,
+  screen,
+  waitFor,
+  waitForElementToBeRemoved,
+  within
+} from "@testing-library/react";
+import {
+  PointerEventsCheckLevel
+} from "@testing-library/user-event";
+class FilterFieldPinnedAndRecentSuggestionBase {
+  /** @internal */
+  constructor(suggestionRoot, deps) {
+    this.suggestionRoot = suggestionRoot;
+    this._deps = deps;
+  }
+  suggestionRoot;
+  _deps;
+  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 this._deps.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 this._deps.setupUserEvent({
+        pointerEventsCheck: PointerEventsCheckLevel.Never
+      }).click(this.pinButtonElement);
+      if (this._deps.isFakeTimersEnabled()) {
+        await act(async () => {
+          this._deps.runOnlyPendingTimers();
+        });
+      }
+    }
+  }
+  /**
+   * Allows the suggestion to be unpinned if not unpinned already.
+   */
+  async unpin() {
+    if (this.pinned === false) {
+      return;
+    }
+    if (this.pinButtonElement) {
+      await this._deps.setupUserEvent({
+        pointerEventsCheck: PointerEventsCheckLevel.Never
+      }).click(this.pinButtonElement);
+      if (this._deps.isFakeTimersEnabled()) {
+        await act(async () => {
+          this._deps.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 {
+  /** @internal */
+  constructor(dataTestId, deps) {
+    this.dataTestId = dataTestId;
+    this._deps = deps;
+  }
+  dataTestId;
+  _deps;
+  get filterFieldWrapper() {
+    return screen.getByTestId(this.dataTestId);
+  }
+  get editorView() {
+    return this.filterFieldWrapper.querySelector(
+      ".cm-content"
+    )?.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 (this._deps.isFakeTimersEnabled()) {
+        await act(async () => {
+          this._deps.runOnlyPendingTimers();
+        });
+      }
+    }
+  }
+  /** Blur the filter field by tabbing out of it. */
+  async blur() {
+    await act(async () => {
+      this.filterFieldElement.blur();
+    });
+    if (this._deps.isFakeTimersEnabled()) {
+      await act(async () => {
+        this._deps.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 this._deps.setupUserEvent({
+      pointerEventsCheck: PointerEventsCheckLevel.Never
+    }).keyboard(text);
+    await waitFor(() => {
+      expect(this.value.match(regEx) ?? []).toHaveLength(
+        (matches?.length ?? 0) + 1
+      );
+    });
+    if (this._deps.isFakeTimersEnabled()) {
+      await act(async () => {
+        this._deps.runOnlyPendingTimers();
+      });
+    }
+  }
+  /** Clears the filter field value. */
+  async clear() {
+    if (this.value !== "") {
+      await this._deps.setupUserEvent({
+        pointerEventsCheck: PointerEventsCheckLevel.Never
+      }).click(
+        await within(this.filterFieldWrapper).findByRole("button", {
+          name: "Clear filter",
+          hidden: true
+        })
+      );
+      if (this._deps.isFakeTimersEnabled()) {
+        await act(async () => {
+          this._deps.runOnlyPendingTimers();
+        });
+      }
+    }
+  }
+  /**
+   * Moves the cursor to the given index.
+   * -1 moves to the end of the input.
+   */
+  async moveCursorTo(index) {
+    const user = this._deps.setupUserEvent({
+      pointerEventsCheck: PointerEventsCheckLevel.Never
+    });
+    if (index === -1) {
+      await act(async () => {
+        await this.focus();
+      });
+      await user.keyboard("{PageDown}");
+      return;
+    }
+    const editorView = this.editorView;
+    if (!editorView) {
+      console.warn("FilterField editor could not be found. Panic now.");
+      return;
+    }
+    await act(async () => {
+      await this.focus();
+      editorView.dispatch({
+        selection: {
+          anchor: Math.min(index, editorView.state.doc.length)
+        }
+      });
+    });
+    if (this._deps.isFakeTimersEnabled()) {
+      await act(async () => {
+        this._deps.runOnlyPendingTimers();
+      });
+    }
+  }
+  /** Open the suggestions overlay with the keyboard shortcut. */
+  async openSuggestions() {
+    await act(async () => {
+      await this.focus();
+    });
+    await this._deps.setupUserEvent({
+      pointerEventsCheck: PointerEventsCheckLevel.Never
+    }).keyboard("{Control>}{Space}{/Control}");
+    await waitFor(
+      async () => expect(this.suggestionsContainer).toBeInTheDocument()
+    );
+    if (this._deps.isFakeTimersEnabled()) {
+      await act(async () => {
+        this._deps.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 this._deps.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 this._deps.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 this._deps.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, this._deps)
+      );
+    }
+    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, this._deps)
+        );
+      } catch {
+        return [];
+      }
+    }
+    return [];
+  }
+  /** Paste text at the current cursor position */
+  async paste(text, cursorIndex) {
+    await this.moveCursorTo(cursorIndex ?? -1);
+    await this._deps.setupUserEvent({
+      pointerEventsCheck: PointerEventsCheckLevel.Never
+    }).paste(text);
+    if (this._deps.isFakeTimersEnabled()) {
+      await act(async () => {
+        this._deps.runOnlyPendingTimers();
+      });
+    }
+  }
+}
+function createFilterFieldHelpers(deps) {
+  function getFilterFieldHelper(dataTestId) {
+    return new FilterFieldHelper(dataTestId, deps);
+  }
+  return { getFilterFieldHelper };
+}
+export {
+  FilterFieldHelper,
+  FilterFieldPinnedAndRecentSuggestionBase,
+  FilterFieldPinnedSuggestion,
+  FilterFieldRecentSuggestion,
+  createFilterFieldHelpers
+};
+//# sourceMappingURL=filter-field.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/shared/testing-helpers/filters/filter-field.ts"],
+  "sourcesContent": ["import {\n  act,\n  screen,\n  waitFor,\n  waitForElementToBeRemoved,\n  within,\n} from '@testing-library/react';\nimport {\n  type Options,\n  PointerEventsCheckLevel,\n  UserEvent,\n} from '@testing-library/user-event';\n\n/** @internal */\nexport interface _FilterFieldDeps {\n  isFakeTimersEnabled: () => boolean;\n  runOnlyPendingTimers: () => void;\n  setupUserEvent: (options?: Options) => UserEvent;\n}\n\ninterface CmContentElement extends Element {\n  cmTile?: {\n    view: {\n      dispatch: (spec: { selection: { anchor: number } }) => void;\n      state: { doc: { length: number } };\n    };\n  };\n}\n\n/**\n * Base class for pinned or recent filter field suggestion.\n * @public */\nexport class FilterFieldPinnedAndRecentSuggestionBase {\n  private readonly _deps: _FilterFieldDeps;\n\n  /** @internal */\n  constructor(readonly suggestionRoot: HTMLDivElement, deps: _FilterFieldDeps) {\n    this._deps = deps;\n  }\n\n  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 this._deps\n      .setupUserEvent({\n        pointerEventsCheck: PointerEventsCheckLevel.Never,\n      })\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 this._deps\n        .setupUserEvent({\n          pointerEventsCheck: PointerEventsCheckLevel.Never,\n        })\n        .click(this.pinButtonElement);\n\n      if (this._deps.isFakeTimersEnabled()) {\n        await act(async () => {\n          this._deps.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 this._deps\n        .setupUserEvent({\n          pointerEventsCheck: PointerEventsCheckLevel.Never,\n        })\n        .click(this.pinButtonElement);\n\n      if (this._deps.isFakeTimersEnabled()) {\n        await act(async () => {\n          this._deps.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  override 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  override 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 readonly _deps: _FilterFieldDeps;\n\n  get filterFieldWrapper(): HTMLElement {\n    return screen.getByTestId(this.dataTestId);\n  }\n\n  get editorView():\n    | {\n        dispatch: (spec: { selection: { anchor: number } }) => void;\n        state: { doc: { length: number } };\n      }\n    | undefined {\n    return (\n      this.filterFieldWrapper.querySelector(\n        '.cm-content',\n      ) as CmContentElement | null\n    )?.cmTile?.view;\n  }\n\n  get inputElement(): HTMLInputElement {\n    return within(this.filterFieldWrapper).getAllByRole<HTMLInputElement>(\n      'textbox',\n      { hidden: true },\n    )[1];\n  }\n\n  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  get placeholderElement(): HTMLSpanElement | null {\n    return this.filterFieldWrapper.querySelector('.cm-placeholder');\n  }\n\n  get suggestionsContainer(): HTMLDivElement | null {\n    return screen.queryByTestId(`filterfield-suggestions-${this.dataTestId}`);\n  }\n\n  /** @internal */\n  constructor(readonly dataTestId: string, deps: _FilterFieldDeps) {\n    this._deps = deps;\n  }\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 (this._deps.isFakeTimersEnabled()) {\n        await act(async () => {\n          this._deps.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 (this._deps.isFakeTimersEnabled()) {\n      await act(async () => {\n        this._deps.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 this._deps\n      .setupUserEvent({\n        pointerEventsCheck: PointerEventsCheckLevel.Never,\n      })\n      .keyboard(text);\n    await waitFor(() => {\n      expect(this.value.match(regEx) ?? []).toHaveLength(\n        (matches?.length ?? 0) + 1,\n      );\n    });\n\n    if (this._deps.isFakeTimersEnabled()) {\n      await act(async () => {\n        this._deps.runOnlyPendingTimers();\n      });\n    }\n  }\n\n  /** Clears the filter field value. */\n  async clear() {\n    if (this.value !== '') {\n      await this._deps\n        .setupUserEvent({\n          pointerEventsCheck: PointerEventsCheckLevel.Never,\n        })\n        .click(\n          await within(this.filterFieldWrapper).findByRole('button', {\n            name: 'Clear filter',\n            hidden: true,\n          }),\n        );\n\n      if (this._deps.isFakeTimersEnabled()) {\n        await act(async () => {\n          this._deps.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 = this._deps.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    const editorView = this.editorView;\n    if (!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      editorView.dispatch({\n        selection: {\n          anchor: Math.min(index, editorView.state.doc.length),\n        },\n      });\n    });\n\n    if (this._deps.isFakeTimersEnabled()) {\n      await act(async () => {\n        this._deps.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 this._deps\n      .setupUserEvent({\n        pointerEventsCheck: PointerEventsCheckLevel.Never,\n      })\n      .keyboard('{Control>}{Space}{/Control}');\n\n    await waitFor(async () =>\n      expect(this.suggestionsContainer).toBeInTheDocument(),\n    );\n    if (this._deps.isFakeTimersEnabled()) {\n      await act(async () => {\n        this._deps.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 this._deps\n      .setupUserEvent({\n        pointerEventsCheck: PointerEventsCheckLevel.Never,\n      })\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 this._deps\n        .setupUserEvent({\n          pointerEventsCheck: PointerEventsCheckLevel.Never,\n        })\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 this._deps\n      .setupUserEvent({\n        pointerEventsCheck: PointerEventsCheckLevel.Never,\n      })\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(\n        (el) => new FilterFieldRecentSuggestion(el, this._deps),\n      );\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(\n          (el) => new FilterFieldPinnedSuggestion(el, this._deps),\n        );\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 this._deps\n      .setupUserEvent({\n        pointerEventsCheck: PointerEventsCheckLevel.Never,\n      })\n      .paste(text);\n\n    if (this._deps.isFakeTimersEnabled()) {\n      await act(async () => {\n        this._deps.runOnlyPendingTimers();\n      });\n    }\n  }\n}\n\nexport function createFilterFieldHelpers(deps: _FilterFieldDeps): {\n  getFilterFieldHelper: (dataTestId: string) => FilterFieldHelper;\n} {\n  /**\n   * Helper function that returns the filter field with its testing utilities.\n   * @public\n   */\n  function getFilterFieldHelper(\n    /** The accessible test id used to locate the filter field wrapper. */\n    dataTestId: string,\n  ): FilterFieldHelper {\n    return new FilterFieldHelper(dataTestId, deps);\n  }\n\n  return { getFilterFieldHelper };\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/esm/vitest/index.js

@@ -0,0 +1,149 @@
+import "@testing-library/jest-dom/vitest";
+import {
+  customRender
+} from "../jest/custom-render.js";
+import { stratoVitestPreset } from "./preset/index.js";
+import {
+  getTextInputHelper
+} from "../jest/testing-helpers/forms/text-input.js";
+import {
+  getPasswordInputHelper
+} from "../jest/testing-helpers/forms/password-input.js";
+import {
+  getSearchInputHelper
+} from "../jest/testing-helpers/forms/search-input.js";
+import {
+  getDataTableHelper
+} from "../jest/testing-helpers/tables/datatable.js";
+import {
+  getFilterFieldHelper,
+  FilterFieldHelper,
+  FilterFieldPinnedAndRecentSuggestionBase,
+  FilterFieldPinnedSuggestion,
+  FilterFieldRecentSuggestion
+} from "./testing-helpers/filters/filter-field.js";
+import {
+  getSelectTestingHelper
+} from "../jest/testing-helpers/forms/select.js";
+import {
+  setupGetBoundingClientRectMock,
+  clearGetBoundingClientRectMock
+} from "../jest/mocks/bounding-client-rect-mock.js";
+import { createMockElement } from "../jest/mocks/create-mock-element.js";
+import {
+  setupCanvasMeasureTextMock,
+  clearCanvasMeasureTextMock
+} from "../jest/mocks/canvas-mock.js";
+import {
+  setupOffsetWidthMock,
+  clearOffsetWidthMock
+} from "../jest/mocks/offset-width-mock.js";
+import {
+  setupOffsetHeightMock,
+  clearOffsetHeightMock
+} from "../jest/mocks/offset-height-mock.js";
+import {
+  setupDomRectMock,
+  clearDomRectMock
+} from "../jest/mocks/dom-rect-mock.js";
+import {
+  setupPointerEventMock,
+  clearPointerEventMock
+} from "../jest/mocks/pointer-event-mock.js";
+import {
+  setupScreenSizeMock,
+  clearScreenSizeMock
+} from "../jest/mocks/screen-size-mock.js";
+import {
+  setupScrollWidthMock,
+  clearScrollWidthMock
+} from "../jest/mocks/scroll-width-mock.js";
+import {
+  setupVirtualizationMock,
+  clearVirtualizationMock
+} from "../jest/mocks/virtualization-mock.js";
+import {
+  setupTextEllipsisMock,
+  clearTextEllipsisMock
+} from "../jest/mocks/text-ellipsis-mock.js";
+import {
+  setupElementFromPointMock,
+  clearElementFromPointMock
+} from "../jest/mocks/element-from-point-mock.js";
+import {
+  setupResizeObserverMock,
+  clearResizeObserverMock
+} from "./mocks/resize-observer-mock.js";
+import {
+  setupMatchMediaMock,
+  clearMatchMediaMock
+} from "./mocks/match-media-mock.js";
+import {
+  setupIntersectionObserverMock,
+  clearIntersectionObserverMock
+} from "./mocks/intersection-observer-mock.js";
+import {
+  setupScrollIntoViewMock,
+  clearScrollIntoViewMock
+} from "./mocks/scroll-into-view-mock.js";
+import {
+  setupCreateRangeMock,
+  clearCreateRangeMock
+} from "./mocks/create-range-mock.js";
+import { setupFetchMock, clearFetchMock } from "./mocks/fetch-mock.js";
+import {
+  setupFramerMotionMock,
+  clearFramerMotionMock
+} from "./mocks/framer-motion-mock.js";
+export {
+  FilterFieldHelper,
+  FilterFieldPinnedAndRecentSuggestionBase,
+  FilterFieldPinnedSuggestion,
+  FilterFieldRecentSuggestion,
+  clearCanvasMeasureTextMock,
+  clearCreateRangeMock,
+  clearDomRectMock,
+  clearElementFromPointMock,
+  clearFetchMock,
+  clearFramerMotionMock,
+  clearGetBoundingClientRectMock,
+  clearIntersectionObserverMock,
+  clearMatchMediaMock,
+  clearOffsetHeightMock,
+  clearOffsetWidthMock,
+  clearPointerEventMock,
+  clearResizeObserverMock,
+  clearScreenSizeMock,
+  clearScrollIntoViewMock,
+  clearScrollWidthMock,
+  clearTextEllipsisMock,
+  clearVirtualizationMock,
+  createMockElement,
+  getDataTableHelper,
+  getFilterFieldHelper,
+  getPasswordInputHelper,
+  getSearchInputHelper,
+  getSelectTestingHelper,
+  getTextInputHelper,
+  customRender as render,
+  setupCanvasMeasureTextMock,
+  setupCreateRangeMock,
+  setupDomRectMock,
+  setupElementFromPointMock,
+  setupFetchMock,
+  setupFramerMotionMock,
+  setupGetBoundingClientRectMock,
+  setupIntersectionObserverMock,
+  setupMatchMediaMock,
+  setupOffsetHeightMock,
+  setupOffsetWidthMock,
+  setupPointerEventMock,
+  setupResizeObserverMock,
+  setupScreenSizeMock,
+  setupScrollIntoViewMock,
+  setupScrollWidthMock,
+  setupTextEllipsisMock,
+  setupVirtualizationMock,
+  stratoVitestPreset
+};
+//# sourceMappingURL=index.js.map

package/esm/vitest/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/vitest/index.ts"],
+  "sourcesContent": ["import '@testing-library/jest-dom/vitest';\n\nexport {\n  customRender as render,\n  type RenderWithIntlOptions,\n} from '../jest/custom-render.js';\n\nexport { stratoVitestPreset } from './preset/index.js';\n\n///#region Testing Helpers\nexport {\n  getTextInputHelper,\n  type TextInputHelper,\n} from '../jest/testing-helpers/forms/text-input.js';\nexport {\n  getPasswordInputHelper,\n  type PasswordInputHelper,\n} from '../jest/testing-helpers/forms/password-input.js';\nexport {\n  getSearchInputHelper,\n  type SearchInputHelper,\n} from '../jest/testing-helpers/forms/search-input.js';\n\nexport {\n  getDataTableHelper,\n  type DataTableHelper,\n  type DataTablePaginationHelper,\n  type DataTableUserActionHelper,\n  type DataTableSortingHelper,\n  type DataTableRowSelectionHelper,\n  type DataTableSubRowsHelper,\n  type DataTableInteractiveRowsHelper,\n  type DataTableDownloadHelper,\n  type DataTableExpandableRowHelper,\n} from '../jest/testing-helpers/tables/datatable.js';\n\nexport type { BaseInputHelper } from '../jest/testing-helpers/forms/base-input.js';\n\nexport {\n  getFilterFieldHelper,\n  FilterFieldHelper,\n  FilterFieldPinnedAndRecentSuggestionBase,\n  FilterFieldPinnedSuggestion,\n  FilterFieldRecentSuggestion,\n} from './testing-helpers/filters/filter-field.js';\nexport type { _FilterFieldDeps } from './testing-helpers/filters/filter-field.js';\n\nexport {\n  getSelectTestingHelper,\n  type SelectTestingHelper,\n} from '../jest/testing-helpers/forms/select.js';\n///#endregion Testing Helpers\n\n///#region Mocks \u2014 portable (re-exported from jest)\nexport {\n  setupGetBoundingClientRectMock,\n  clearGetBoundingClientRectMock,\n} from '../jest/mocks/bounding-client-rect-mock.js';\n\nexport { createMockElement } from '../jest/mocks/create-mock-element.js';\n\nexport {\n  setupCanvasMeasureTextMock,\n  clearCanvasMeasureTextMock,\n} from '../jest/mocks/canvas-mock.js';\n\nexport {\n  setupOffsetWidthMock,\n  clearOffsetWidthMock,\n} from '../jest/mocks/offset-width-mock.js';\n\nexport {\n  setupOffsetHeightMock,\n  clearOffsetHeightMock,\n} from '../jest/mocks/offset-height-mock.js';\n\nexport {\n  setupDomRectMock,\n  clearDomRectMock,\n} from '../jest/mocks/dom-rect-mock.js';\n\nexport {\n  setupPointerEventMock,\n  clearPointerEventMock,\n} from '../jest/mocks/pointer-event-mock.js';\n\nexport {\n  setupScreenSizeMock,\n  clearScreenSizeMock,\n} from '../jest/mocks/screen-size-mock.js';\n\nexport {\n  setupScrollWidthMock,\n  clearScrollWidthMock,\n} from '../jest/mocks/scroll-width-mock.js';\n\nexport {\n  setupVirtualizationMock,\n  clearVirtualizationMock,\n} from '../jest/mocks/virtualization-mock.js';\n\nexport {\n  setupTextEllipsisMock,\n  clearTextEllipsisMock,\n} from '../jest/mocks/text-ellipsis-mock.js';\n\nexport {\n  setupElementFromPointMock,\n  clearElementFromPointMock,\n} from '../jest/mocks/element-from-point-mock.js';\n///#endregion Mocks \u2014 portable\n\n///#region Mocks \u2014 vitest-specific\nexport {\n  setupResizeObserverMock,\n  clearResizeObserverMock,\n} from './mocks/resize-observer-mock.js';\n\nexport {\n  setupMatchMediaMock,\n  clearMatchMediaMock,\n} from './mocks/match-media-mock.js';\n\nexport {\n  setupIntersectionObserverMock,\n  clearIntersectionObserverMock,\n} from './mocks/intersection-observer-mock.js';\n\nexport {\n  setupScrollIntoViewMock,\n  clearScrollIntoViewMock,\n} from './mocks/scroll-into-view-mock.js';\n\nexport {\n  setupCreateRangeMock,\n  clearCreateRangeMock,\n} from './mocks/create-range-mock.js';\n\nexport { setupFetchMock, clearFetchMock } from './mocks/fetch-mock.js';\nexport type { MockedResponse } from '../shared/mocks/fetch-mock.js';\n\nexport {\n  setupFramerMotionMock,\n  clearFramerMotionMock,\n  type FramerMotionActual,\n} from './mocks/framer-motion-mock.js';\n///#endregion Mocks \u2014 vitest-specific\n"],
+  "mappings": "AAAA,OAAO;AAEP;AAAA,EACkB;AAAA,OAEX;AAEP,SAAS,0BAA0B;AAGnC;AAAA,EACE;AAAA,OAEK;AACP;AAAA,EACE;AAAA,OAEK;AACP;AAAA,EACE;AAAA,OAEK;AAEP;AAAA,EACE;AAAA,OAUK;AAIP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP;AAAA,EACE;AAAA,OAEK;AAIP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,SAAS,yBAAyB;AAElC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAIP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,SAAS,gBAAgB,sBAAsB;AAG/C;AAAA,EACE;AAAA,EACA;AAAA,OAEK;",
+  "names": []
+}

package/esm/vitest/mocks/create-range-mock.js

@@ -0,0 +1,10 @@
+import { vi } from "vitest";
+import { createCreateRangeMockHelpers } from "../../shared/mocks/create-range-mock.js";
+const _helpers = createCreateRangeMockHelpers(vi.fn);
+const setupCreateRangeMock = _helpers.setupCreateRangeMock;
+const clearCreateRangeMock = _helpers.clearCreateRangeMock;
+export {
+  clearCreateRangeMock,
+  setupCreateRangeMock
+};
+//# sourceMappingURL=create-range-mock.js.map

package/esm/vitest/mocks/create-range-mock.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/vitest/mocks/create-range-mock.ts"],
+  "sourcesContent": ["// eslint-disable-next-line no-restricted-imports\nimport { vi } from 'vitest';\n\nimport { createCreateRangeMockHelpers } from '../../shared/mocks/create-range-mock.js';\n\nconst _helpers = createCreateRangeMockHelpers(vi.fn);\n\n/** @public */\nexport const setupCreateRangeMock = _helpers.setupCreateRangeMock;\n\n/** @public */\nexport const clearCreateRangeMock = _helpers.clearCreateRangeMock;\n"],
+  "mappings": "AACA,SAAS,UAAU;AAEnB,SAAS,oCAAoC;AAE7C,MAAM,WAAW,6BAA6B,GAAG,EAAE;AAG5C,MAAM,uBAAuB,SAAS;AAGtC,MAAM,uBAAuB,SAAS;",
+  "names": []
+}