@dynatrace/strato-components-testing 3.11.3 → 3.12.0

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

@@ -1,421 +1,18 @@
 import {
-  act,
-  screen,
-  waitFor,
-  waitForElementToBeRemoved,
-  within
-} from "@testing-library/react";
-import { PointerEventsCheckLevel } from "@testing-library/user-event";
+  createFilterFieldHelpers,
+  FilterFieldHelper,
+  FilterFieldPinnedAndRecentSuggestionBase,
+  FilterFieldPinnedSuggestion,
+  FilterFieldRecentSuggestion
+} from "../../../shared/testing-helpers/filters/filter-field.js";
 import { isFakeTimersEnabled } from "../utils/isFakeTimersEnabled.js";
 import { setupUserEvent } from "../utils/setup-user-event.js";
-class FilterFieldPinnedAndRecentSuggestionBase {
-  constructor(suggestionRoot) {
-    this.suggestionRoot = 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;
-  }
-  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);
-}
+const helpers = createFilterFieldHelpers({
+  isFakeTimersEnabled,
+  runOnlyPendingTimers: () => jest.runOnlyPendingTimers(),
+  setupUserEvent
+});
+const getFilterFieldHelper = helpers.getFilterFieldHelper;
 export {
   FilterFieldHelper,
   FilterFieldPinnedAndRecentSuggestionBase,

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

@@ -1,7 +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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",
+  "sourcesContent": ["import {\n  createFilterFieldHelpers,\n  _FilterFieldDeps,\n  FilterFieldHelper,\n  FilterFieldPinnedAndRecentSuggestionBase,\n  FilterFieldPinnedSuggestion,\n  FilterFieldRecentSuggestion,\n} from '../../../shared/testing-helpers/filters/filter-field.js';\nimport { isFakeTimersEnabled } from '../utils/isFakeTimersEnabled.js';\nimport { setupUserEvent } from '../utils/setup-user-event.js';\n\nconst helpers = createFilterFieldHelpers({\n  isFakeTimersEnabled,\n  runOnlyPendingTimers: () => jest.runOnlyPendingTimers(),\n  setupUserEvent,\n});\n\n/** @public */\nexport const getFilterFieldHelper = helpers.getFilterFieldHelper;\n\nexport type { _FilterFieldDeps };\n\nexport {\n  FilterFieldHelper,\n  FilterFieldPinnedAndRecentSuggestionBase,\n  FilterFieldPinnedSuggestion,\n  FilterFieldRecentSuggestion,\n};\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,2BAA2B;AACpC,SAAS,sBAAsB;AAE/B,MAAM,UAAU,yBAAyB;AAAA,EACvC;AAAA,EACA,sBAAsB,MAAM,KAAK,qBAAqB;AAAA,EACtD;AACF,CAAC;AAGM,MAAM,uBAAuB,QAAQ;",
   "names": []
 }

package/esm/jest/testing-helpers/tables/datatable.js

@@ -181,17 +181,7 @@ class DataTableRowSelectionHelper {
   }
   async getSelectAllState() {
     const checkbox = await this.getCheckboxSelectAll();
-    const value = checkbox.getAttribute("aria-checked");
-    if (value === "true") {
-      return true;
-    } else if (value === "false") {
-      return false;
-    } else if (value === "mixed") {
-      return "indeterminate";
-    }
-    throw new Error(
-      "Could not determine the state of the select all checkbox."
-    );
+    return checkbox.indeterminate === true ? "indeterminate" : checkbox.checked;
   }
   async toggleSelectAll() {
     const checkbox = await this.getCheckboxSelectAll();