@thinkwise/testwise 0.0.2-alpha.2

package/components/grid/Grid.ts

@@ -0,0 +1,221 @@
+import type { Locator, Page } from '@playwright/test';
+import { GridObjects } from './GridObjects.js';
+
+export class Grid {
+  private _gridObjects: GridObjects;
+  private _page: Page;
+
+  constructor(page: Page, gridContext: Locator | null = null) {
+    this._gridObjects = new GridObjects(page, gridContext);
+    this._page = page;
+  }
+
+  /**
+   * Retrieves a column header element by its text content.
+   * @param text
+   * @returns
+   */
+  public getColumnHeaderByText = (text: string): Locator => this._gridObjects.columnHeaderByText(text);
+
+  /**
+   * Retrieves a row element by its index.
+   * @param rowIndex - The index of the row to retrieve.
+   * @returns A Locator for the specified row.
+   */
+  public getRowByIndex = (rowIndex: number): Locator => this._gridObjects.rowByIndex(rowIndex);
+
+  /**
+   * Retrieves a cell element by its exact text value.
+   * @param value - The exact text value of the cell to retrieve.
+   * @returns A Locator for the cell containing the specified value.
+   */
+  public getCellByExactValue = (value: string): Locator => this._gridObjects.cellByValue(value);
+
+  /**
+   * Opens the Excel-style filter popup for the specified grid column.
+   *
+   * This method locates the column header using its accessible name,
+   * then clicks the overflow menu icon within it to open the filter popup.
+   *
+   * @param columnName - The name of the column for which to open the filter popup.
+   * @returns A promise that resolves when the filter popup is opened.
+   */
+  public openExcelStyleFilterPopup = async (columnName: string) =>
+    await this._gridObjects.menuIconByColumnHeaderName(columnName).click();
+
+  /**
+   * Retrieves all rows in the grid that match a specific column value.
+   * @param colIdToMatchOn
+   * @param valueToMatch
+   * @returns A promise that resolves to an array of Locators for the matching rows.
+   */
+  public async getRowsByColValue(colIdToMatchOn: string, valueToMatch: string): Promise<Locator[]> {
+    const allRows = await this._gridObjects.rows().all();
+
+    const filteredRows = await Promise.all(
+      allRows.map(async (row) => {
+        const text = await row.locator(`[col-id="${colIdToMatchOn}"]`).textContent();
+        return text === valueToMatch ? row : null;
+      })
+    );
+
+    return filteredRows.filter((row) => row !== null) as Locator[];
+  }
+
+  /**
+   * Scrolls through the vertical grid viewport to ensure that all rows are loaded.
+   *
+   * This method scrolls the grid's vertical scrollbar in increments equal to the visible height of the viewport
+   * until no further scrolling is possible. It optionally executes a callback after each scroll step, which can
+   * be used to process loaded content (e.g., extract cell values).
+   *
+   * @param {Locator} scrollbar - Locator pointing to the grid's vertical scrollbar container.
+   * @param {() => Promise<void>} onScrollStep - Optional async callback invoked after each scroll step.
+   * @returns {Promise<void>} A promise that resolves once the scrolling is complete.
+   */
+  private async scrollGridToLoadAllRows(scrollbar: Locator, onScrollStep?: () => Promise<void>): Promise<void> {
+    // Reset scroll to the top to start from the beginning
+    await scrollbar.evaluate((el) => {
+      el.scrollTop = 0;
+    });
+
+    let lastScrollTop = -1;
+
+    while (true) {
+      // Get the current vertical scroll position
+      const scrollTop = await scrollbar.evaluate((el) => el.scrollTop);
+
+      // Stop if the scroll position hasn’t changed — end of scroll reached
+      if (scrollTop === lastScrollTop) break;
+
+      lastScrollTop = scrollTop;
+
+      // Scroll one viewport height down
+      await scrollbar.evaluate((el) => {
+        el.scrollBy({ top: el.clientHeight, behavior: 'instant' });
+      });
+
+      // Optional callback to collect or act on content loaded during this scroll step
+      if (onScrollStep) {
+        await onScrollStep();
+      }
+
+      // Wait briefly for the new rows to render
+      await this._page.waitForTimeout(100);
+    }
+  }
+
+  /**
+   * Retrieves all unique cell values from a specific column in the grid,
+   * including values that are only loaded upon scrolling.
+   *
+   * Internally uses vertical scrolling to ensure that all rows are loaded,
+   * and collects cell text content from the specified column.
+   *
+   * @param {string} colId - The ID of the column to extract values from.
+   * @returns {Promise<string[]>} A promise that resolves to an array of unique values from the column.
+   */
+  public async getCellValuesByColId(colId: string): Promise<string[]> {
+    // Locator for vertical scrollbar used to scroll through grid rows
+    const scrollbar = this._gridObjects.verticalScrollbar();
+    // Locator for cells in the specified column using AG Grid col-id
+    const cellsLocator = this._gridObjects.cellsByColumnId(colId);
+    // Use a Set to ensure uniqueness of values
+    const collected = new Set<string>();
+    // Scroll the grid and collect visible cell values after each scroll step
+    await this.scrollGridToLoadAllRows(scrollbar, async () => {
+      const visibleValues = await cellsLocator.allTextContents();
+
+      for (const value of visibleValues.map((value: string) => value.trim()).filter(Boolean)) {
+        collected.add(value);
+      }
+    });
+    // Return unique values as an array
+    return Array.from(collected);
+  }
+
+  /**
+   * Scrolls through the horizontal grid viewport to ensure all columns are loaded.
+   *
+   * This method scrolls the grid's horizontal scrollbar in increments equal to the visible width
+   * of the viewport until no further scrolling is possible. It optionally executes a callback
+   * after each scroll step, useful for collecting or processing visible column headers.
+   *
+   * @param {Locator} scrollbar - Locator pointing to the horizontal scrollbar container.
+   * @param {() => Promise<void>} onScrollStep - Optional async callback executed after each scroll step.
+   * @returns {Promise<void>} A promise that resolves when horizontal scrolling is complete.
+   */
+  private async scrollGridHorizontallyToLoadAllColumns(
+    scrollbar: Locator,
+    onScrollStep?: () => Promise<void>
+  ): Promise<void> {
+    // Reset scroll to the far left
+    await scrollbar.evaluate((el) => {
+      el.scrollLeft = 0;
+    });
+
+    let lastScrollLeft = -1;
+
+    while (true) {
+      const scrollLeft = await scrollbar.evaluate((el) => el.scrollLeft);
+
+      // Exit loop if no further horizontal scroll is possible
+      if (scrollLeft === lastScrollLeft) break;
+      lastScrollLeft = scrollLeft;
+
+      // Scroll one viewport width to the right
+      await scrollbar.evaluate((el) => {
+        el.scrollBy({ left: el.clientWidth, behavior: 'instant' });
+      });
+
+      if (onScrollStep) {
+        await onScrollStep();
+      }
+
+      await this._page.waitForTimeout(100); // Allow time for rendering
+    }
+  }
+
+  /**
+   * Retrieves all column header values from the grid, including those that require horizontal scrolling to load.
+   *
+   * This method scrolls through the grid horizontally to ensure all columns are rendered,
+   * collects the text content of each header, and returns a unique list of trimmed, non-empty values.
+   *
+   * @returns {Promise<string[]>} A promise that resolves to an array of unique column header values.
+   */
+  public async getColumnHeaderValues(): Promise<string[]> {
+    const scrollbar = this._gridObjects.horizontalScrollbar();
+    const headersLocator = this._gridObjects.columnHeaders();
+    const collected = new Set<string>();
+
+    await this.scrollGridHorizontallyToLoadAllColumns(scrollbar, async () => {
+      const visibleHeaders = await headersLocator.allTextContents();
+      for (const header of visibleHeaders.map((header) => header.trim()).filter(Boolean)) {
+        collected.add(header);
+      }
+    });
+
+    return Array.from(collected);
+  }
+
+  /**
+   * Filters a column in an Excel-style grid by selecting a specific value.
+   *
+   * @param columnName - The name of the column to filter.
+   * @param valueToSelect - The value to select in the filter dropdown.
+   * @returns A promise that resolves when the filtering operation is complete.
+   */
+  public async filterByColumnValueExcelStyle(columnName: string, valueToSelect: string): Promise<void> {
+    await this.openExcelStyleFilterPopup(columnName);
+    const popup = this._gridObjects.excelStyleFilterPopup();
+    await popup.waitFor({ state: 'visible' });
+    const checkbox = this._gridObjects.excelStyleFilterPopupOptionByText(valueToSelect);
+    await checkbox.check();
+
+    // Click outside the popup to close it
+    await this._gridObjects.gridCell().first().click();
+
+    await popup.waitFor({ state: 'detached' });
+  }
+}

package/components/grid/GridObjects.ts

@@ -0,0 +1,45 @@
+import type { Locator, Page } from '@playwright/test';
+import { BaseComponentObjects } from '../BaseComponentObjects.js';
+
+export class GridObjects extends BaseComponentObjects {
+  private _page: Page;
+
+  constructor(page: Page, context: Locator | null = null) {
+    super(page, context);
+    this._page = page;
+  }
+
+  public columnHeaderByText = (text: string) => this.context.locator('[role="columnheader"]', { hasText: text });
+
+  public columnHeaders = () => this.context.locator('[role="columnheader"]');
+
+  public columnHeaderByName = (columnName: string) => this.context.getByRole('columnheader', { name: columnName });
+
+  public menuIconByColumnHeaderName = (columnName: string) =>
+    this.columnHeaderByName(columnName).getByTestId('grid__custom__menu__icon');
+
+  public rowByIndex = (row: number) => this.context.locator(`[role="row"][row-index="${row}"]`);
+
+  public cellByValue = (value: string) =>
+    this.context.locator('[role="button"]', { hasText: new RegExp(`^${value}$`) });
+
+  public rows = () => this.context.locator('[role="row"]');
+
+  public verticalScrollbar = () => this.context.locator('.ag-body-vertical-scroll-viewport');
+
+  public horizontalScrollbar = () => this.context.locator('.ag-body-horizontal-scroll-viewport');
+
+  public cellsByColumnId = (colId: string) => this.context.locator(`[col-id="${colId}"] .value-renderer`);
+
+  public columnByRowLocator = (rowLocator: Locator) => rowLocator.locator('.ag-cell');
+
+  public excelStyleFilterPopup = () => this._page.locator('.ag-popup-child[role="dialog"]');
+
+  public excelStyleFilterPopupOptionByText = (optionText: string) =>
+    this.excelStyleFilterPopup()
+      .locator('[data-testid$="list-option-name"]', { hasText: optionText })
+      .locator('xpath=..')
+      .locator('input[type="checkbox"]');
+
+  public gridCell = () => this.context.locator('[role="gridcell"]');
+}

package/components/index.ts

@@ -0,0 +1,6 @@
+export * from './form/Form.js';
+export * from './grid/Grid.js';
+export * from './Splitter.js';
+export * from './actionbar/Actionbar.js';
+export * from './export/ExportComponent.js';
+export * from './pop-up/PopUpComponent.js';

package/components/pop-up/PopUpComponent.ts

@@ -0,0 +1,14 @@
+import type { Page } from '@playwright/test';
+import { PopUpComponentObjects } from './PopUpComponentModels.js';
+
+export class PopUpComponent {
+  private _objects: PopUpComponentObjects;
+
+  constructor(page: Page) {
+    this._objects = new PopUpComponentObjects(page);
+  }
+
+  public confirmYes = async () => await this._objects.actionYesButton().click();
+
+  public confirmNo = async () => await this._objects.actionNoButton().click();
+}

package/components/pop-up/PopUpComponentModels.ts

@@ -0,0 +1,13 @@
+import type { Page } from '@playwright/test';
+
+export class PopUpComponentObjects {
+  private _page: Page;
+
+  constructor(page: Page) {
+    this._page = page;
+  }
+
+  public actionNoButton = () => this._page.getByTestId('popup__translatemessage__actions__no');
+
+  public actionYesButton = () => this._page.getByTestId('popup__translatemessage__actions__yes');
+}

package/components/tab/Tab.ts

@@ -0,0 +1,29 @@
+import type { Locator } from '@playwright/test';
+import { BaseComponent } from '../BaseComponent';
+
+export class Tab extends BaseComponent {
+  public async getLocator(context?: Locator): Promise<Locator> {
+    if (context) {
+      return context.locator(`[class*="${this.id}"]`);
+    }
+    return this.page.locator(`[class*="${this.id}"]`);
+  }
+}
+
+export class DetailTabPage extends BaseComponent {
+  public async getLocator(context?: Locator): Promise<Locator> {
+    if (context) {
+      return context.getByTestId(this.id);
+    }
+    return this.page.getByTestId(this.id);
+  }
+}
+
+export class ComponentTabPage extends BaseComponent {
+  public async getLocator(context?: Locator): Promise<Locator> {
+    if (context) {
+      return context.getByTestId(this.id);
+    }
+    return this.page.getByTestId(this.id);
+  }
+}

package/components/task/TaskBar.ts

@@ -0,0 +1,11 @@
+import type { Locator } from '@playwright/test';
+import { BaseComponent } from '../BaseComponent';
+
+export class TaskBar extends BaseComponent {
+  public async getLocator(context?: Locator): Promise<Locator> {
+    if (context) {
+      return context.getByTestId(this.id);
+    }
+    return this.page.getByTestId(this.id);
+  }
+}

package/components/task/TaskTiles.ts

@@ -0,0 +1,11 @@
+import type { Locator } from '@playwright/test';
+import { BaseComponent } from '../BaseComponent';
+
+export class TaskTiles extends BaseComponent {
+  public async getLocator(context?: Locator): Promise<Locator> {
+    if (context) {
+      return context.getByTestId(this.id);
+    }
+    return this.page.getByTestId(this.id);
+  }
+}

package/config.json

@@ -0,0 +1,10 @@
+{
+  "defaultApplication": "",
+  "defaultPlatform": 3,
+  "loginOptionsDisabled": false,
+  "loginOptionsHidden": false,
+  "installNotificationDisabled": true,
+  "installNotificationExpirationInDays": 30,
+  "useServiceWorker": false,
+  "useFormFieldBackgroundColor": true
+}

package/dist/Testwise.d.ts

@@ -0,0 +1,2 @@
+import type { Test } from './types/CoreTypes.js';
+export declare const test: Test;

package/dist/Testwise.js

@@ -0,0 +1,14 @@
+import { test as base } from '@playwright/test';
+import { GoToDeepLink } from './page-extensions/GoToDeepLink.js';
+import { LoginFeatures } from './page-extensions/LoginFeatures.js';
+import { UserSimulation } from './page-extensions/UserSimulation.js';
+import { ClickOverride } from './page-overrides/ClickOverride.js';
+function combineExtensions(baseTest, ...extensions) {
+    return extensions.reduce((test, Extension) => new Extension(test).test, baseTest);
+}
+export const test = combineExtensions(base, 
+// Override section
+ClickOverride, 
+// Extend section
+GoToDeepLink, LoginFeatures, UserSimulation);
+//# sourceMappingURL=Testwise.js.map

package/dist/Testwise.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Testwise.js","sourceRoot":"","sources":["../Testwise.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAGlE,SAAS,iBAAiB,CAAC,QAAc,EAAE,GAAG,UAAkD;IAC9F,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;AACpF,CAAC;AAED,MAAM,CAAC,MAAM,IAAI,GAAS,iBAAiB,CACzC,IAAI;AAEJ,mBAAmB;AACnB,aAAa;AAEb,iBAAiB;AACjB,YAAY,EACZ,aAAa,EACb,cAAc,CACf,CAAC"}

package/dist/components/BaseComponent.d.ts

@@ -0,0 +1,29 @@
+import type { Locator, Page } from '@playwright/test';
+import type { TSFComponent } from './TSFComponent.js';
+export declare abstract class BaseComponent implements TSFComponent {
+    protected page: Page;
+    protected parentComponent: BaseComponent;
+    id: string;
+    constructor(page: Page, testid: string, parentComponent?: BaseComponent);
+    protected addParentComponent(parentComponent: BaseComponent): void;
+    /**
+     * Abstract method to retrieve the locator for the component. Implementations should define how to locate the component
+     * within the given context or the page.
+     *
+     * @param {Locator} [context] - Optional context within which to locate the component.
+     * @returns {Promise<Locator>} A promise that resolves to the component's locator.
+     */
+    abstract getLocator(context?: Locator): Promise<Locator>;
+    /**
+     * Retrieves the component's locator. If the component's context locator exists, it waits for it to be available
+     * and returns it. Otherwise, it falls back to retrieving the locator without context.
+     *
+     * @returns {Promise<Locator>} A promise that resolves to the component's locator.
+     */
+    getComponent(): Promise<Locator>;
+    /**
+     * Helper to wait for a locator with retries.
+     */
+    private waitForWithRetry;
+    private getComponentContext;
+}

package/dist/components/BaseComponent.js

@@ -0,0 +1,67 @@
+export class BaseComponent {
+    constructor(page, testid, parentComponent) {
+        this.page = page;
+        this.id = testid;
+        if (parentComponent) {
+            this.addParentComponent(parentComponent);
+        }
+    }
+    addParentComponent(parentComponent) {
+        this.parentComponent = parentComponent;
+    }
+    /**
+     * Retrieves the component's locator. If the component's context locator exists, it waits for it to be available
+     * and returns it. Otherwise, it falls back to retrieving the locator without context.
+     *
+     * @returns {Promise<Locator>} A promise that resolves to the component's locator.
+     */
+    async getComponent() {
+        const timeout = 250; // per attempt
+        const retries = 3;
+        const delayMs = 500;
+        // Try to get the component locator with existing context
+        const componentLocator = await this.getComponentContext();
+        if (componentLocator) {
+            // If the component locator can be found on the page, return it
+            const found = await this.waitForWithRetry(componentLocator, timeout, retries, delayMs);
+            if (found) {
+                return componentLocator;
+            }
+        }
+        // If no context locator is found, return the component locator without context
+        return await this.getLocator();
+    }
+    /**
+     * Helper to wait for a locator with retries.
+     */
+    async waitForWithRetry(locator, timeout, retries, delayMs) {
+        for (let attempt = 0; attempt < retries; attempt++) {
+            try {
+                await locator.waitFor({ timeout });
+                return true;
+            }
+            catch {
+                if (attempt < retries - 1) {
+                    await new Promise((res) => setTimeout(res, delayMs));
+                }
+            }
+        }
+        return false;
+    }
+    async getComponentContext() {
+        // If there is no parent component, check if the current locator exists and return it
+        if (!this.parentComponent) {
+            const currentLocator = await this.getLocator();
+            return currentLocator;
+        }
+        // Recursively call the method on the parent component
+        const parentLocator = await this.parentComponent.getComponentContext();
+        if (parentLocator) {
+            const currentLocator = await this.getLocator(parentLocator);
+            return currentLocator;
+        }
+        // If neither the parent nor the current locator exists, return undefined
+        return undefined;
+    }
+}
+//# sourceMappingURL=BaseComponent.js.map

package/dist/components/BaseComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseComponent.js","sourceRoot":"","sources":["../../components/BaseComponent.ts"],"names":[],"mappings":"AAGA,MAAM,OAAgB,aAAa;IAMjC,YAAY,IAAU,EAAE,MAAc,EAAE,eAA+B;QACrE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC;QAEjB,IAAI,eAAe,EAAE,CAAC;YACpB,IAAI,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC;IAES,kBAAkB,CAAC,eAA8B;QACzD,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;IACzC,CAAC;IAWD;;;;;OAKG;IACI,KAAK,CAAC,YAAY;QACvB,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC,cAAc;QACnC,MAAM,OAAO,GAAG,CAAC,CAAC;QAClB,MAAM,OAAO,GAAG,GAAG,CAAC;QACpB,yDAAyD;QACzD,MAAM,gBAAgB,GAAG,MAAM,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAE1D,IAAI,gBAAgB,EAAE,CAAC;YACrB,+DAA+D;YAC/D,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;YACvF,IAAI,KAAK,EAAE,CAAC;gBACV,OAAO,gBAAgB,CAAC;YAC1B,CAAC;QACH,CAAC;QAED,+EAA+E;QAC/E,OAAO,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;IACjC,CAAC;IAED;;OAEG;IACK,KAAK,CAAC,gBAAgB,CAC5B,OAAgB,EAChB,OAAe,EACf,OAAe,EACf,OAAe;QAEf,KAAK,IAAI,OAAO,GAAG,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC;YACnD,IAAI,CAAC;gBACH,MAAM,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;gBACnC,OAAO,IAAI,CAAC;YACd,CAAC;YAAC,MAAM,CAAC;gBACP,IAAI,OAAO,GAAG,OAAO,GAAG,CAAC,EAAE,CAAC;oBAC1B,MAAM,IAAI,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;gBACvD,CAAC;YACH,CAAC;QACH,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAEO,KAAK,CAAC,mBAAmB;QAC/B,qFAAqF;QACrF,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;YAC1B,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;YAC/C,OAAO,cAAc,CAAC;QACxB,CAAC;QAED,sDAAsD;QACtD,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,mBAAmB,EAAE,CAAC;QACvE,IAAI,aAAa,EAAE,CAAC;YAClB,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;YAC5D,OAAO,cAAc,CAAC;QACxB,CAAC;QACD,yEAAyE;QACzE,OAAO,SAAS,CAAC;IACnB,CAAC;CACF"}

package/dist/components/BaseComponentObjects.d.ts

@@ -0,0 +1,6 @@
+import type { Locator, Page } from '@playwright/test';
+import type { IComponentObjects } from './IComponentObjects.js';
+export declare abstract class BaseComponentObjects implements IComponentObjects {
+    context: Locator;
+    constructor(page: Page, context?: Locator | null);
+}

package/dist/components/BaseComponentObjects.js

@@ -0,0 +1,6 @@
+export class BaseComponentObjects {
+    constructor(page, context = null) {
+        this.context = context ? context : page.locator('body');
+    }
+}
+//# sourceMappingURL=BaseComponentObjects.js.map

package/dist/components/BaseComponentObjects.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseComponentObjects.js","sourceRoot":"","sources":["../../components/BaseComponentObjects.ts"],"names":[],"mappings":"AAGA,MAAM,OAAgB,oBAAoB;IAGxC,YAAY,IAAU,EAAE,UAA0B,IAAI;QACpD,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAC1D,CAAC;CACF"}

package/dist/components/IComponentObjects.d.ts

@@ -0,0 +1,4 @@
+import type { Locator } from '@playwright/test';
+export interface IComponentObjects {
+    context: Locator;
+}

package/dist/components/IComponentObjects.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IComponentObjects.js.map

package/dist/components/IComponentObjects.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IComponentObjects.js","sourceRoot":"","sources":["../../components/IComponentObjects.ts"],"names":[],"mappings":""}

package/dist/components/Splitter.d.ts

@@ -0,0 +1,5 @@
+import type { Locator } from '@playwright/test';
+import { BaseComponent } from './BaseComponent.js';
+export declare class Splitter extends BaseComponent {
+    getLocator(context?: Locator): Promise<Locator>;
+}

package/dist/components/Splitter.js

@@ -0,0 +1,10 @@
+import { BaseComponent } from './BaseComponent.js';
+export class Splitter extends BaseComponent {
+    async getLocator(context) {
+        if (context) {
+            return context.locator(`[data-type="SplitPane"][class*="${this.id}"]`);
+        }
+        return this.page.locator(`[data-type="SplitPane"][class*="${this.id}"]`);
+    }
+}
+//# sourceMappingURL=Splitter.js.map

package/dist/components/Splitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Splitter.js","sourceRoot":"","sources":["../../components/Splitter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,OAAO,QAAS,SAAQ,aAAa;IAClC,KAAK,CAAC,UAAU,CAAC,OAAiB;QACvC,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,OAAO,CAAC,OAAO,CAAC,mCAAmC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;QACzE,CAAC;QACD,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,mCAAmC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;IAC3E,CAAC;CACF"}

package/dist/components/TSFComponent.d.ts

@@ -0,0 +1,6 @@
+import type { Locator } from '@playwright/test';
+export interface TSFComponent {
+    id: string;
+    getComponent(): Promise<Locator>;
+    getLocator(): Promise<Locator>;
+}

package/dist/components/TSFComponent.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TSFComponent.js.map

package/dist/components/TSFComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TSFComponent.js","sourceRoot":"","sources":["../../components/TSFComponent.ts"],"names":[],"mappings":""}

package/dist/components/actionbar/Actionbar.d.ts

@@ -0,0 +1,27 @@
+import type { Locator, Page } from '@playwright/test';
+export declare class Actionbar {
+    private _objects;
+    constructor(page: Page, actionbarContext?: Locator | null);
+    /**
+     * Opens the Actionbar’s overflow menu and clicks on the 'Export' button inside it.
+     */
+    clickExportButton(): Promise<void>;
+    getAddButton: () => Locator;
+    getCancelButton: () => Locator;
+    getCopyButton: () => Locator;
+    getDeleteButton: () => Locator;
+    getRefreshButton: () => Locator;
+    getSaveButton: () => Locator;
+    getUpdateButton: () => Locator;
+    getOverflowMenuButton: () => Locator;
+    getExportButton: () => Locator;
+    getImportButton: () => Locator;
+    getExportImmediatelyButton: () => Locator;
+    getMassUpdateButton: () => Locator;
+    getQuickFilterButton: () => Locator;
+    getFilterButton: () => Locator;
+    getClearAllFiltersButton: () => Locator;
+    getRestoreSortOrderButton: () => Locator;
+    getSortButton: () => Locator;
+    getSearchInput: () => Locator;
+}

package/dist/components/actionbar/Actionbar.js

@@ -0,0 +1,35 @@
+import { ActionbarObjects } from './ActionbarObjects.js';
+export class Actionbar {
+    constructor(page, actionbarContext = null) {
+        // CRUD Buttons
+        this.getAddButton = () => this._objects.addButton();
+        this.getCancelButton = () => this._objects.cancelButton();
+        this.getCopyButton = () => this._objects.copyButton();
+        this.getDeleteButton = () => this._objects.deleteButton();
+        this.getRefreshButton = () => this._objects.refreshButton();
+        this.getSaveButton = () => this._objects.saveButton();
+        this.getUpdateButton = () => this._objects.updateButton();
+        // Overflow Menu
+        this.getOverflowMenuButton = () => this._objects.overflowMenuButton();
+        this.getExportButton = () => this._objects.exportButton();
+        this.getImportButton = () => this._objects.importButton();
+        this.getExportImmediatelyButton = () => this._objects.exportImmediatelyButton();
+        this.getMassUpdateButton = () => this._objects.massUpdateButton();
+        this.getQuickFilterButton = () => this._objects.quickFilterButton();
+        this.getFilterButton = () => this._objects.filterButton();
+        this.getClearAllFiltersButton = () => this._objects.clearAllFiltersButton();
+        this.getRestoreSortOrderButton = () => this._objects.restoreSortOrderButton();
+        this.getSortButton = () => this._objects.sortButton();
+        // Other Elements
+        this.getSearchInput = () => this._objects.searchInput();
+        this._objects = new ActionbarObjects(page, actionbarContext);
+    }
+    /**
+     * Opens the Actionbar’s overflow menu and clicks on the 'Export' button inside it.
+     */
+    async clickExportButton() {
+        await this._objects.overflowMenuButton().click();
+        await this._objects.exportButton().click();
+    }
+}
+//# sourceMappingURL=Actionbar.js.map

package/dist/components/actionbar/Actionbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actionbar.js","sourceRoot":"","sources":["../../../components/actionbar/Actionbar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,MAAM,OAAO,SAAS;IAGpB,YAAY,IAAU,EAAE,mBAAmC,IAAI;QAY/D,eAAe;QACR,iBAAY,GAAG,GAAY,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE,CAAC;QAExD,oBAAe,GAAG,GAAY,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC;QAE9D,kBAAa,GAAG,GAAY,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;QAE1D,oBAAe,GAAG,GAAY,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC;QAE9D,qBAAgB,GAAG,GAAY,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,CAAC;QAEhE,kBAAa,GAAG,GAAY,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;QAE1D,oBAAe,GAAG,GAAY,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC;QAErE,gBAAgB;QACT,0BAAqB,GAAG,GAAY,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,kBAAkB,EAAE,CAAC;QAE1E,oBAAe,GAAG,GAAY,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC;QAE9D,oBAAe,GAAG,GAAY,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC;QAE9D,+BAA0B,GAAG,GAAY,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,uBAAuB,EAAE,CAAC;QAEpF,wBAAmB,GAAG,GAAY,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC;QAEtE,yBAAoB,GAAG,GAAY,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,iBAAiB,EAAE,CAAC;QAExE,oBAAe,GAAG,GAAY,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC;QAE9D,6BAAwB,GAAG,GAAY,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,qBAAqB,EAAE,CAAC;QAEhF,8BAAyB,GAAG,GAAY,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,sBAAsB,EAAE,CAAC;QAElF,kBAAa,GAAG,GAAY,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;QAEjE,iBAAiB;QACV,mBAAc,GAAG,GAAY,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC;QAhDjE,IAAI,CAAC,QAAQ,GAAG,IAAI,gBAAgB,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;IAC/D,CAAC;IAED;;OAEG;IACI,KAAK,CAAC,iBAAiB;QAC5B,MAAM,IAAI,CAAC,QAAQ,CAAC,kBAAkB,EAAE,CAAC,KAAK,EAAE,CAAC;QACjD,MAAM,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC,KAAK,EAAE,CAAC;IAC7C,CAAC;CAwCF"}