@dynatrace/strato-components-testing 1.18.0 → 3.0.1

package/jest/mocks/virtualization-mock.js

@@ -0,0 +1,170 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var virtualization_mock_exports = {};
+__export(virtualization_mock_exports, {
+  clearVirtualizationMock: () => clearVirtualizationMock,
+  setupVirtualizationMock: () => setupVirtualizationMock
+});
+module.exports = __toCommonJS(virtualization_mock_exports);
+var import_bounding_client_rect_mock = require("./bounding-client-rect-mock.js");
+var import_dom_rect_mock = require("./dom-rect-mock.js");
+const pristineOffsetHeight = Object.getOwnPropertyDescriptor(
+  HTMLElement.prototype,
+  "offsetHeight"
+);
+const pristineOffsetWidth = Object.getOwnPropertyDescriptor(
+  HTMLElement.prototype,
+  "offsetWidth"
+);
+const mockSizes = [
+  // Select
+  {
+    className: "strato-select-option",
+    width: 0,
+    height: 24
+  },
+  {
+    className: "strato-select-menulist",
+    width: 0,
+    height: 9999
+  },
+  // DataTable
+  {
+    className: "strato-table-header-group",
+    width: 1e3,
+    height: 32
+  },
+  {
+    className: "strato-table-virtualization-container",
+    width: 1e3,
+    height: 9999
+  },
+  {
+    className: "strato-table-row",
+    width: 1e3,
+    height: 56
+  },
+  {
+    className: "strato-table-header-cell",
+    width: 100,
+    height: 32
+  },
+  {
+    className: "strato-table-cell",
+    width: 100,
+    height: 32
+  },
+  {
+    attribute: "data-row",
+    width: 100,
+    height: 32
+  },
+  {
+    className: "strato-table-settings-virtualization-container",
+    width: 1e3,
+    height: 999
+  },
+  {
+    className: "strato-table-settings-item",
+    width: 100,
+    height: 33
+  },
+  // Filterfield
+  {
+    className: "strato-filter-field-suggestions",
+    width: 1e3,
+    height: 9999
+  },
+  {
+    className: "strato-filter-field-suggestion",
+    width: 200,
+    height: 30
+  },
+  // Chart tooltips
+  {
+    className: "chart-legend-grid-content",
+    width: 0,
+    height: 20
+  },
+  {
+    testid: "chart-tooltip-item-container",
+    width: 0,
+    height: 999
+  },
+  {
+    testid: "chart-tooltip-item",
+    width: 0,
+    height: 16
+  }
+];
+function setupVirtualizationMock() {
+  (0, import_bounding_client_rect_mock.setupGetBoundingClientRectMock)(function() {
+    for (const entry of mockSizes) {
+      const hasClass = entry.className ? this.classList.contains(entry.className) : false;
+      const hasAttribute = entry.attribute ? this.hasAttribute(entry.attribute) : false;
+      const hasTestId = entry.testid ? this.dataset.testid === entry.testid : false;
+      if (hasClass || hasAttribute || hasTestId) {
+        return (0, import_dom_rect_mock.createDOMRect)(entry.width, entry.height);
+      }
+    }
+    return (0, import_dom_rect_mock.createDOMRect)(0, 0);
+  });
+  Object.defineProperty(HTMLElement.prototype, "offsetHeight", {
+    configurable: true,
+    get: function() {
+      for (const entry of mockSizes) {
+        const hasClass = entry.className ? this.classList.contains(entry.className) : false;
+        const hasAttribute = entry.attribute ? this.hasAttribute(entry.attribute) : false;
+        const hasTestId = entry.testid ? this.dataset.testid === entry.testid : false;
+        if (hasClass || hasAttribute || hasTestId) {
+          return entry.height;
+        }
+      }
+      return 0;
+    }
+  });
+  Object.defineProperty(HTMLElement.prototype, "offsetWidth", {
+    configurable: true,
+    get: function() {
+      for (const entry of mockSizes) {
+        const hasClass = entry.className ? this.classList.contains(entry.className) : false;
+        const hasAttribute = entry.attribute ? this.hasAttribute(entry.attribute) : false;
+        const hasTestId = entry.testid ? this.dataset.testid === entry.testid : false;
+        if (hasClass || hasAttribute || hasTestId) {
+          return entry.width;
+        }
+      }
+      return 0;
+    }
+  });
+}
+function clearVirtualizationMock() {
+  (0, import_bounding_client_rect_mock.clearGetBoundingClientRectMock)();
+  Object.defineProperty(
+    HTMLElement.prototype,
+    "offsetHeight",
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    pristineOffsetHeight
+  );
+  Object.defineProperty(
+    HTMLElement.prototype,
+    "offsetWidth",
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    pristineOffsetWidth
+  );
+}

package/jest/preset/jest-preset.d.ts

@@ -1,12 +1,11 @@
-/**
- * @public
- */
+/** @public */
 export declare const stratoPreset: {
     moduleNameMapper: {
         '^d3-(.*)$': string;
         '^@codemirror/legacy-modes/mode/(.*)$': string;
         nanoid: string;
         '\\.(css|less|scss|sass)$': string;
+        streamdown: string;
     };
     resolver: string;
 };

package/jest/preset/jest-preset.js

@@ -25,7 +25,8 @@ const stratoPreset = {
     "^d3-(.*)$": "<rootDir>/node_modules/d3-$1/dist/d3-$1",
     "^@codemirror/legacy-modes/mode/(.*)$": "<rootDir>/node_modules/@codemirror/legacy-modes/mode/$1.cjs",
     nanoid: "<rootDir>/node_modules/nanoid/index.cjs",
-    "\\.(css|less|scss|sass)$": "identity-obj-proxy"
+    "\\.(css|less|scss|sass)$": "identity-obj-proxy",
+    streamdown: "@dynatrace/strato-components-testing/jest/mocks/streamdown.mock.js"
   },
   resolver: "<rootDir>/node_modules/@dynatrace/strato-components-testing/jest/preset/resolver.js"
 };

package/jest/setup/index.js

@@ -1,13 +1,40 @@
 var import_canvas_mock = require("../mocks/canvas-mock.js");
+var import_create_range_mock = require("../mocks/create-range-mock.js");
+var import_crypto_mock = require("../mocks/crypto-mock.js");
 var import_dom_rect_mock = require("../mocks/dom-rect-mock.js");
+var import_intersection_observer_mock = require("../mocks/intersection-observer-mock.js");
+var import_match_media_mock = require("../mocks/match-media-mock.js");
+var import_offset_width_mock = require("../mocks/offset-width-mock.js");
+var import_pointer_event_mock = require("../mocks/pointer-event-mock.js");
 var import_resize_observer_mock = require("../mocks/resize-observer-mock.js");
+var import_screen_size_mock = require("../mocks/screen-size-mock.js");
+var import_scroll_into_view_mock = require("../mocks/scroll-into-view-mock.js");
+var import_virtualization_mock = require("../mocks/virtualization-mock.js");
 beforeAll(() => {
   (0, import_resize_observer_mock.setupResizeObserverMock)();
+  (0, import_pointer_event_mock.setupPointerEventMock)();
+  (0, import_intersection_observer_mock.setupIntersectionObserverMock)();
+  (0, import_create_range_mock.setupCreateRangeMock)();
+  (0, import_match_media_mock.setupMatchMediaMock)();
   (0, import_dom_rect_mock.setupDomRectMock)();
+  (0, import_screen_size_mock.setupScreenSizeMock)();
+  (0, import_offset_width_mock.setupOffsetWidthMock)(0);
   (0, import_canvas_mock.setupCanvasMeasureTextMock)(-Infinity);
+  (0, import_scroll_into_view_mock.setupScrollIntoViewMock)();
+  (0, import_virtualization_mock.setupVirtualizationMock)();
+  (0, import_crypto_mock.setupCryptoMock)();
 });
 afterAll(() => {
   (0, import_resize_observer_mock.clearResizeObserverMock)();
+  (0, import_pointer_event_mock.clearPointerEventMock)();
+  (0, import_intersection_observer_mock.clearIntersectionObserverMock)();
+  (0, import_create_range_mock.clearCreateRangeMock)();
+  (0, import_offset_width_mock.clearOffsetWidthMock)();
   (0, import_canvas_mock.clearCanvasMeasureTextMock)();
+  (0, import_match_media_mock.clearMatchMediaMock)();
   (0, import_dom_rect_mock.clearDomRectMock)();
+  (0, import_screen_size_mock.clearScreenSizeMock)();
+  (0, import_scroll_into_view_mock.clearScrollIntoViewMock)();
+  (0, import_virtualization_mock.clearVirtualizationMock)();
+  (0, import_crypto_mock.clearCryptoMock)();
 });

package/jest/testing-helpers/filters/filter-field.d.ts

@@ -0,0 +1,109 @@
+/**
+ * Base class for pinned or recent filter field suggestion.
+ * @public */
+export declare class FilterFieldPinnedAndRecentSuggestionBase {
+    protected readonly suggestionRoot: HTMLDivElement;
+    constructor(suggestionRoot: HTMLDivElement);
+    private get pinButtonElement();
+    /**
+     * Receives the value of the suggestion that would be applied.
+     */
+    get value(): string | null;
+    /**
+     * Returns if the current suggestion is currently pinned or not.
+     */
+    get pinned(): boolean;
+    /**
+     * Applies the suggestion to the filter field.
+     */
+    apply(): Promise<void>;
+    get pinEnabled(): boolean;
+    /**
+     * Allows the suggestion to be pinned if not pinned already.
+     */
+    pin(): Promise<void>;
+    /**
+     * Allows the suggestion to be unpinned if not unpinned already.
+     */
+    unpin(): Promise<void>;
+}
+/**
+ * Testing helper class for pinned suggestions in the filter field
+ * @public */
+export declare class FilterFieldPinnedSuggestion extends FilterFieldPinnedAndRecentSuggestionBase {
+    /**
+     * Receives the value of the suggestion that would be applied.
+     */
+    get value(): string | null;
+}
+/**
+ * Testing helper class for recent suggestions in the filter field
+ * @public */
+export declare class FilterFieldRecentSuggestion extends FilterFieldPinnedAndRecentSuggestionBase {
+    /**
+     * Receives the value of the suggestion that would be applied.
+     */
+    get value(): string | null;
+    /**
+     * Receives time offset indicating when the filter statement has last been used.
+     */
+    get lastUsed(): string | null;
+}
+/**
+ * Helper class for interacting with the filter field.
+ * @public
+ */
+export declare class FilterFieldHelper {
+    private dataTestId;
+    private get filterFieldWrapper();
+    private get editorView();
+    private get inputElement();
+    private get filterFieldElement();
+    private get placeholderElement();
+    private get suggestionsContainer();
+    constructor(dataTestId: string);
+    /** Returns the value of the native text input. */
+    get value(): string;
+    /** Returns the value of the filter field. */
+    get filterFieldValue(): string;
+    /**
+     * The placeholder text shown in the filter field.
+     * Undefined if the placeholder is currently not rendered.
+     */
+    get placeholder(): string | undefined;
+    /** Focus the filter field if not already focused. */
+    focus(): Promise<void>;
+    /** Blur the filter field by tabbing out of it. */
+    blur(): Promise<void>;
+    /** Fill a provided value into the filter field. */
+    type(text: string, cursorIndex?: number): Promise<void>;
+    /** Clears the filter field value. */
+    clear(): Promise<void>;
+    /**
+     * Moves the cursor to the given index.
+     * -1 moves to the end of the input.
+     */
+    moveCursorTo(index: number): Promise<void>;
+    /** Open the suggestions overlay with the keyboard shortcut. */
+    openSuggestions(): Promise<void>;
+    /**
+     * Close the suggestions overlay using the `Escape` key.
+     * If the filter field is focused, the focus will stay in the filter field.
+     */
+    closeSuggestions(): Promise<void>;
+    /** Apply the suggestion with the given text. */
+    applySuggestion(queryString: string): Promise<void>;
+    /** Get recent suggestions */
+    getRecentSuggestions(): Promise<FilterFieldRecentSuggestion[]>;
+    /** Get pinned suggestions */
+    getPinnedSuggestions(): Promise<FilterFieldPinnedSuggestion[]>;
+    /** Paste text at the current cursor position */
+    paste(text: string, cursorIndex?: number): Promise<void>;
+}
+/**
+ * Helper function that returns the filter field with its testing utilities.
+ * @public
+ */
+export declare function getFilterFieldHelper(
+/** The accessible test id used to locate the filter field wrapper. */
+dataTestId: string): FilterFieldHelper;