@thinkwise/testwise 0.2.21 → 0.2.67

package/dist/components/filter/ExcelStyleFilterPopup.js

@@ -0,0 +1,64 @@
+import { ExcelStyleFilterPopupObjects } from './ExcelStyleFilterPopupObjects.js';
+export class ExcelStyleFilterPopup {
+    constructor(page) {
+        this._objects = new ExcelStyleFilterPopupObjects(page);
+    }
+    async waitForOpen() {
+        await (await this._objects.anchor().all()).filter(async (element) => await element.isVisible());
+    }
+    intervalFilters() {
+        return this._objects.intervalFilters();
+    }
+    fromDateInput(fieldTestId) {
+        return this._objects.fromDateInput(fieldTestId);
+    }
+    toDateInput(fieldTestId) {
+        return this._objects.toDateInput(fieldTestId);
+    }
+    // wait for close
+    async waitForClose() {
+        await (await this._objects.anchor().all()).filter(async (element) => !(await element.isVisible()));
+    }
+    async setToDate(fieldTestId, value) {
+        await this.waitForOpen();
+        const input = this._objects.toDateInput(fieldTestId);
+        await input.fill(value);
+        await input.press('Enter');
+    }
+    async setFromDate(fieldTestId, value) {
+        await this.waitForOpen();
+        const input = this._objects.fromDateInput(fieldTestId);
+        await input.fill(value);
+        await input.press('Enter');
+    }
+    async clickSelectAll(fieldTestId) {
+        await this.waitForOpen();
+        await this._objects.checkboxSelectAllButton(fieldTestId).click();
+    }
+    async clickCheckboxItem(fieldTestId, value) {
+        await this.waitForOpen();
+        await this._objects.checkboxItemButtons(fieldTestId).filter({ hasText: value }).click();
+    }
+    checkboxItem(fieldTestId, value) {
+        return this._objects.checkboxItemCheckboxes(fieldTestId).filter({ hasText: value });
+    }
+    fromTimeInput(fieldTestId) {
+        return this._objects.fromTimeInput(fieldTestId);
+    }
+    toTimeInput(fieldTestId) {
+        return this._objects.toTimeInput(fieldTestId);
+    }
+    async setFromTime(fieldTestId, value) {
+        await this.waitForOpen();
+        const input = this._objects.fromTimeInput(fieldTestId);
+        await input.fill(value);
+        await input.press('Enter');
+    }
+    async setToTime(fieldTestId, value) {
+        await this.waitForOpen();
+        const input = this._objects.toTimeInput(fieldTestId);
+        await input.fill(value);
+        await input.press('Enter');
+    }
+}
+//# sourceMappingURL=ExcelStyleFilterPopup.js.map

package/dist/components/filter/ExcelStyleFilterPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExcelStyleFilterPopup.js","sourceRoot":"","sources":["../../../components/filter/ExcelStyleFilterPopup.ts"],"names":[],"mappings":"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"}

package/dist/components/filter/ExcelStyleFilterPopupObjects.d.ts

@@ -0,0 +1,16 @@
+import type { Page } from '@playwright/test';
+import { BaseComponentObjects } from '../BaseComponentObjects.js';
+export declare class ExcelStyleFilterPopupObjects extends BaseComponentObjects {
+    private _page;
+    constructor(page: Page);
+    anchor: () => import("@playwright/test").Locator;
+    intervalFilters: () => import("@playwright/test").Locator;
+    fromDateInput: (fieldTestId: string) => import("@playwright/test").Locator;
+    toDateInput: (fieldTestId: string) => import("@playwright/test").Locator;
+    checkboxList: (fieldTestId: string) => import("@playwright/test").Locator;
+    checkboxSelectAllButton: (fieldTestId: string) => import("@playwright/test").Locator;
+    checkboxItemButtons: (fieldTestId: string) => import("@playwright/test").Locator;
+    checkboxItemCheckboxes: (fieldTestId: string) => import("@playwright/test").Locator;
+    fromTimeInput: (fieldTestId: string) => import("@playwright/test").Locator;
+    toTimeInput: (fieldTestId: string) => import("@playwright/test").Locator;
+}

package/dist/components/filter/ExcelStyleFilterPopupObjects.js

@@ -0,0 +1,26 @@
+import { BaseComponentObjects } from '../BaseComponentObjects.js';
+export class ExcelStyleFilterPopupObjects extends BaseComponentObjects {
+    constructor(page) {
+        super(page, page.locator('body'));
+        this.anchor = () => this._page.locator('[data-testid*="-excel-filter__"]');
+        this.intervalFilters = () => this._page.getByTestId('excel-style-filter-popup__interval-filters');
+        this.fromDateInput = (fieldTestId) => this._page
+            .getByTestId(`date-time-excel-filter__${fieldTestId}__from`)
+            .getByTestId(`form-field__${fieldTestId}__date__input`);
+        this.toDateInput = (fieldTestId) => this._page
+            .getByTestId(`date-time-excel-filter__${fieldTestId}__to`)
+            .getByTestId(`form-field__${fieldTestId}__date__input`);
+        this.checkboxList = (fieldTestId) => this._page.locator(`[data-testid*="-excel-filter__${fieldTestId}__list"]`);
+        this.checkboxSelectAllButton = (fieldTestId) => this._page.locator(`[data-testid*="-excel-filter__${fieldTestId}__list-item-select-all-checkbox"]`);
+        this.checkboxItemButtons = (fieldTestId) => this._page.locator(`[data-testid*="-excel-filter__${fieldTestId}__list-item-button__"]`);
+        this.checkboxItemCheckboxes = (fieldTestId) => this._page.locator(`[data-testid*="-excel-filter__${fieldTestId}__list-item-checkbox__"]`);
+        this.fromTimeInput = (fieldTestId) => this._page
+            .getByTestId(`date-time-excel-filter__${fieldTestId}__from`)
+            .getByTestId(`form-field__${fieldTestId}__time__input`);
+        this.toTimeInput = (fieldTestId) => this._page
+            .getByTestId(`date-time-excel-filter__${fieldTestId}__to`)
+            .getByTestId(`form-field__${fieldTestId}__time__input`);
+        this._page = page;
+    }
+}
+//# sourceMappingURL=ExcelStyleFilterPopupObjects.js.map

package/dist/components/filter/ExcelStyleFilterPopupObjects.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExcelStyleFilterPopupObjects.js","sourceRoot":"","sources":["../../../components/filter/ExcelStyleFilterPopupObjects.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAElE,MAAM,OAAO,4BAA6B,SAAQ,oBAAoB;IAGpE,YAAY,IAAU;QACpB,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;QAG7B,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,kCAAkC,CAAC,CAAC;QAEtE,oBAAe,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,4CAA4C,CAAC,CAAC;QAE7F,kBAAa,GAAG,CAAC,WAAmB,EAAE,EAAE,CAC7C,IAAI,CAAC,KAAK;aACP,WAAW,CAAC,2BAA2B,WAAW,QAAQ,CAAC;aAC3D,WAAW,CAAC,eAAe,WAAW,eAAe,CAAC,CAAC;QAErD,gBAAW,GAAG,CAAC,WAAmB,EAAE,EAAE,CAC3C,IAAI,CAAC,KAAK;aACP,WAAW,CAAC,2BAA2B,WAAW,MAAM,CAAC;aACzD,WAAW,CAAC,eAAe,WAAW,eAAe,CAAC,CAAC;QAErD,iBAAY,GAAG,CAAC,WAAmB,EAAE,EAAE,CAC5C,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,iCAAiC,WAAW,UAAU,CAAC,CAAC;QAEtE,4BAAuB,GAAG,CAAC,WAAmB,EAAE,EAAE,CACvD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,iCAAiC,WAAW,mCAAmC,CAAC,CAAC;QAE/F,wBAAmB,GAAG,CAAC,WAAmB,EAAE,EAAE,CACnD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,iCAAiC,WAAW,wBAAwB,CAAC,CAAC;QAEpF,2BAAsB,GAAG,CAAC,WAAmB,EAAE,EAAE,CACtD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,iCAAiC,WAAW,0BAA0B,CAAC,CAAC;QAEtF,kBAAa,GAAG,CAAC,WAAmB,EAAE,EAAE,CAC7C,IAAI,CAAC,KAAK;aACP,WAAW,CAAC,2BAA2B,WAAW,QAAQ,CAAC;aAC3D,WAAW,CAAC,eAAe,WAAW,eAAe,CAAC,CAAC;QAErD,gBAAW,GAAG,CAAC,WAAmB,EAAE,EAAE,CAC3C,IAAI,CAAC,KAAK;aACP,WAAW,CAAC,2BAA2B,WAAW,MAAM,CAAC;aACzD,WAAW,CAAC,eAAe,WAAW,eAAe,CAAC,CAAC;QApC1D,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;IACpB,CAAC;CAoCF"}

package/dist/components/filter/FilterForm.d.ts

@@ -1,7 +1,7 @@
-import type { Locator, Page } from '@playwright/test';
+import type { Locator } from '@playwright/test';
 import { FilterFormObjects } from './FilterFormObjects.js';
 export declare class FilterForm {
     filterFormObjects: FilterFormObjects;
-    constructor(page: Page, context?: Locator | null);
+    constructor(context: Locator);
     get context(): Locator | null;
 }

package/dist/components/filter/FilterForm.js

@@ -1,7 +1,7 @@
 import { FilterFormObjects } from './FilterFormObjects.js';
 export class FilterForm {
-    constructor(page, context = null) {
-        this.filterFormObjects = new FilterFormObjects(page, context);
+    constructor(context) {
+        this.filterFormObjects = new FilterFormObjects(context.page(), context);
     }
     get context() {
         return this.filterFormObjects.context;

package/dist/components/filter/FilterForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterForm.js","sourceRoot":"","sources":["../../../components/filter/FilterForm.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,OAAO,UAAU;IAGrB,YAAY,IAAU,EAAE,UAA0B,IAAI;QACpD,IAAI,CAAC,iBAAiB,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAChE,CAAC;IAED,IAAW,OAAO;QAChB,OAAO,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC;IACxC,CAAC;CACF"}
+{"version":3,"file":"FilterForm.js","sourceRoot":"","sources":["../../../components/filter/FilterForm.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,OAAO,UAAU;IAGrB,YAAY,OAAgB;QAC1B,IAAI,CAAC,iBAAiB,GAAG,IAAI,iBAAiB,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,OAAO,CAAC,CAAC;IAC1E,CAAC;IAED,IAAW,OAAO;QAChB,OAAO,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC;IACxC,CAAC;CACF"}

package/dist/components/filter/FilterPopup.d.ts

@@ -0,0 +1,41 @@
+import type { Locator, Page } from '@playwright/test';
+export type IntervalType = 'date' | 'date-and-time' | 'time' | 'year' | 'quarter' | 'month' | 'week-of-the-year' | 'day-of-the-month';
+export type AutocompleteKey = IntervalType | 'equal-to' | 'smaller-than' | 'q1' | 'q2' | 'q3' | 'q4' | 'january' | 'february' | 'march' | 'april' | 'may' | 'june' | 'july' | 'august' | 'september' | 'october' | 'november' | 'december' | 'all-of-the-following' | 'any-of-the-following';
+export declare class FilterPopup {
+    readonly page: Page;
+    private _filterPopupObjects;
+    private _body;
+    constructor(page: Page);
+    content(): Locator;
+    waitForOpen(): Promise<void>;
+    applyFilter(): Promise<void>;
+    applySaveAsPrefilterWithName(name: string): Promise<void>;
+    saveAsPrefilterPopup(name: string): Promise<void>;
+    setAdvanced(enabled: boolean): Promise<void>;
+    advancedGroupSelect(): Locator;
+    setGroupCondition(key: 'all-of-the-following' | 'any-of-the-following'): Promise<void>;
+    fieldInput(fieldId: string): Locator;
+    valueInput(fieldId: string, part: string): Locator;
+    dateInput(fieldId: string): Locator;
+    setText(fieldId: string, value: string): Promise<void>;
+    setValue(args: {
+        fieldId: string;
+        part: string;
+        value: string;
+    }): Promise<void>;
+    commit(args: {
+        fieldId: string;
+        part: string;
+    }): Promise<void>;
+    openControl(fieldId: string, part: string): Promise<void>;
+    openOperator(fieldId: string): Promise<void>;
+    openTimeOperator(): Promise<void>;
+    intervalSelector(rowIndex: number, colId: string): Locator;
+    intervalSelectorInput(rowIndex: number, colId: string): Locator;
+    openInterval(rowIndex: number, colId: string): Promise<void>;
+    setInterval(rowIndex: number, colId: string, kind: IntervalType): Promise<void>;
+    autocompleteOption(key: AutocompleteKey): Locator;
+    pickAutocomplete(key: AutocompleteKey): Promise<void>;
+    selectField(field: string): Promise<void>;
+    addField(field: string): Promise<void>;
+}

package/dist/components/filter/FilterPopup.js

@@ -0,0 +1,126 @@
+import { PopUpComponent } from '../pop-up/PopUpComponent.js';
+import { FilterPopupObjects } from './FilterPopupObjects.js';
+export class FilterPopup {
+    constructor(page) {
+        this.page = page;
+        this._body = new PopUpComponent(page).getContentBody();
+        this._filterPopupObjects = new FilterPopupObjects(page, this._body);
+    }
+    // Root content locator (useful for occasional assertions)
+    content() {
+        return this._body;
+    }
+    async waitForOpen() {
+        await this._filterPopupObjects.applyFilterButton().waitFor();
+    }
+    async applyFilter() {
+        await this.waitForOpen();
+        await this._filterPopupObjects.applyFilterButton().click();
+    }
+    async applySaveAsPrefilterWithName(name) {
+        await this.waitForOpen();
+        await this._filterPopupObjects.applySaveButton().click();
+        await this._filterPopupObjects.saveAsOption().click();
+        await this.saveAsPrefilterPopup(name);
+    }
+    async saveAsPrefilterPopup(name) {
+        await this.waitForOpen();
+        await this._filterPopupObjects.prefilterNameInput().fill(name);
+        await this._filterPopupObjects.saveButton().click();
+    }
+    async setAdvanced(enabled) {
+        await this.waitForOpen();
+        const checkbox = this._filterPopupObjects.advancedToggleCheckbox();
+        if (enabled)
+            await checkbox.check();
+        else
+            await checkbox.uncheck();
+    }
+    advancedGroupSelect() {
+        return this._filterPopupObjects.advancedGroupSelect();
+    }
+    async setGroupCondition(key) {
+        await this.waitForOpen();
+        await this._filterPopupObjects.advancedGroupSelect().click();
+        await this._filterPopupObjects.groupConditionOption(key).click();
+    }
+    fieldInput(fieldId) {
+        return this._filterPopupObjects.fieldInput(fieldId);
+    }
+    valueInput(fieldId, part) {
+        return this._filterPopupObjects.valueInput(fieldId, part);
+    }
+    dateInput(fieldId) {
+        return this._filterPopupObjects.dateInput(fieldId);
+    }
+    async setText(fieldId, value) {
+        await this.waitForOpen();
+        const input = this._filterPopupObjects.fieldInput(fieldId);
+        await input.click();
+        await input.press('ControlOrMeta+a');
+        await input.fill(value);
+    }
+    async setValue(args) {
+        await this.waitForOpen();
+        const input = this._filterPopupObjects.valueInput(args.fieldId, args.part);
+        await input.click();
+        await input.press('ControlOrMeta+a');
+        await input.fill(args.value);
+    }
+    // Some inputs (date picker) need a blur/commit to apply the value
+    async commit(args) {
+        await this.waitForOpen();
+        await this._filterPopupObjects.valueInput(args.fieldId, args.part).press('Tab');
+    }
+    async openControl(fieldId, part) {
+        await this.waitForOpen();
+        await this._filterPopupObjects.fieldControl(fieldId, part).click();
+    }
+    async openOperator(fieldId) {
+        await this.waitForOpen();
+        await this._filterPopupObjects.operatorControl(fieldId).click();
+    }
+    async openTimeOperator() {
+        await this.waitForOpen();
+        await this._filterPopupObjects.timeOperatorControl().click();
+    }
+    intervalSelector(rowIndex, colId) {
+        return this._filterPopupObjects.intervalSelector(rowIndex, colId);
+    }
+    intervalSelectorInput(rowIndex, colId) {
+        return this._filterPopupObjects.intervalSelectorInput(rowIndex, colId);
+    }
+    async openInterval(rowIndex, colId) {
+        await this.waitForOpen();
+        await this._filterPopupObjects.intervalSelectorInput(rowIndex, colId).click();
+    }
+    async setInterval(rowIndex, colId, kind) {
+        await this.openInterval(rowIndex, colId);
+        await this.pickAutocomplete(kind);
+    }
+    autocompleteOption(key) {
+        return this._filterPopupObjects.autocompleteOption(key);
+    }
+    async pickAutocomplete(key) {
+        const option = this._filterPopupObjects.autocompleteOption(key);
+        await option.click();
+    }
+    async selectField(field) {
+        await this.waitForOpen();
+        const emptyRow = this._filterPopupObjects.emptySelectFieldRow();
+        if (await emptyRow.count()) {
+            await this._filterPopupObjects.emptySelectFieldRowButton().click();
+        }
+        else {
+            await this._filterPopupObjects.selectFieldButton().click();
+        }
+        await this._filterPopupObjects.colIdOption(field).click();
+    }
+    // In advanced mode: add a new row, then select a field into it
+    async addField(field) {
+        await this.waitForOpen();
+        await this._filterPopupObjects.addFieldButton().click();
+        await this.selectField(field);
+    }
+}
+//# sourceMappingURL=FilterPopup.js.map

package/dist/components/filter/FilterPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterPopup.js","sourceRoot":"","sources":["../../../components/filter/FilterPopup.ts"],"names":[],"mappings":"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"}

package/dist/components/filter/FilterPopupObjects.d.ts

@@ -0,0 +1,29 @@
+import type { Locator, Page } from '@playwright/test';
+import { BaseComponentObjects } from '../BaseComponentObjects.js';
+import type { AutocompleteKey } from './FilterPopup.js';
+export declare class FilterPopupObjects extends BaseComponentObjects {
+    private _page;
+    constructor(page: Page, body: Locator);
+    applyFilterButton: () => Locator;
+    applySaveButton: () => Locator;
+    advancedToggleCheckbox: () => Locator;
+    advancedGroupSelect: () => Locator;
+    groupConditionOption: (key: "all-of-the-following" | "any-of-the-following") => Locator;
+    fieldInput: (fieldId: string) => Locator;
+    prefilterNameInput: () => Locator;
+    saveAsOption: () => Locator;
+    saveButton: () => Locator;
+    valueInput: (fieldId: string, part: string) => Locator;
+    dateInput: (fieldId: string) => Locator;
+    fieldControl: (fieldId: string, part: string) => Locator;
+    operatorControl: (fieldId: string) => Locator;
+    timeOperatorControl: () => Locator;
+    intervalSelector: (rowIndex: number, colId: string) => Locator;
+    intervalSelectorInput: (rowIndex: number, colId: string) => Locator;
+    autocompleteOption: (key: AutocompleteKey) => Locator;
+    emptySelectFieldRow: () => Locator;
+    emptySelectFieldRowButton: () => Locator;
+    selectFieldButton: () => Locator;
+    addFieldButton: () => Locator;
+    colIdOption: (field: string) => Locator;
+}

package/dist/components/filter/FilterPopupObjects.js

@@ -0,0 +1,30 @@
+import { BaseComponentObjects } from '../BaseComponentObjects.js';
+export class FilterPopupObjects extends BaseComponentObjects {
+    constructor(page, body) {
+        super(page, body);
+        this.applyFilterButton = () => this.context.getByTestId('split-button-main');
+        this.applySaveButton = () => this.context.getByTestId('split-button-arrow');
+        this.advancedToggleCheckbox = () => this._page.getByRole('checkbox', { name: 'Advanced filter' });
+        this.advancedGroupSelect = () => this.context.getByTestId('advanced-filter-group-select');
+        this.groupConditionOption = (key) => this._page.getByTestId(`group-condition-select__${key}`);
+        this.fieldInput = (fieldId) => this.context.getByTestId(`form-field__${fieldId}__input`);
+        this.prefilterNameInput = () => this.context.getByTestId('prefilter__name__input');
+        this.saveAsOption = () => this._page.getByRole('menuitem', { name: 'Save' });
+        this.saveButton = () => this._page.getByRole('button', { name: 'Save' });
+        this.valueInput = (fieldId, part) => this.context.getByTestId(`form-field__${fieldId}__${part}__input`);
+        this.dateInput = (fieldId) => this.valueInput(fieldId, 'date');
+        this.fieldControl = (fieldId, part) => this.context.getByTestId(`form-field__${fieldId}__${part}__control`).getByRole('button', { name: 'Open' });
+        this.operatorControl = (fieldId) => this.context.getByTestId(`form-field__${fieldId}__operator__control`).getByRole('button', { name: 'Open' });
+        this.timeOperatorControl = () => this.context.getByTestId('form-field__event-time__operator__control').getByRole('button', { name: 'Open' });
+        this.intervalSelector = (rowIndex, colId) => this.context.getByTestId(`advanced-filter-grid__row${rowIndex}__${colId}__select-interval`);
+        this.intervalSelectorInput = (rowIndex, colId) => this.intervalSelector(rowIndex, colId).getByTestId('select-interval__input');
+        this.autocompleteOption = (key) => this._page.getByTestId(`autocomplete-option-${key}`);
+        this.emptySelectFieldRow = () => this.context.getByTestId('advanced-filter-grid__row-empty-select-field');
+        this.emptySelectFieldRowButton = () => this.emptySelectFieldRow().getByRole('button');
+        this.selectFieldButton = () => this._page.getByRole('button', { name: 'Select field' });
+        this.addFieldButton = () => this._page.getByRole('button', { name: 'Add field' });
+        this.colIdOption = (field) => this._page.getByTestId(`col-id-${field}`);
+        this._page = page;
+    }
+}
+//# sourceMappingURL=FilterPopupObjects.js.map

package/dist/components/filter/FilterPopupObjects.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterPopupObjects.js","sourceRoot":"","sources":["../../../components/filter/FilterPopupObjects.ts"],"names":[],"mappings":"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"}

package/dist/components/filter/ManagePrefilterPopup.d.ts

@@ -0,0 +1,14 @@
+import type { Locator, Page } from '@playwright/test';
+import { PopUpComponent } from '../pop-up/PopUpComponent.js';
+export declare class ManagePrefilterPopup extends PopUpComponent {
+    private readonly _page;
+    private _managePrefilterPopupObjects;
+    constructor(page: Page);
+    dialog(): Locator;
+    list(): Locator;
+    getRowByName(name: string): Locator;
+    closeDialog(): Promise<void>;
+    deletePrefilterAndConfirm(name: string): Promise<void>;
+    confirmDelete(): Promise<void>;
+    confirmNo(): Promise<void>;
+}

package/dist/components/filter/ManagePrefilterPopup.js

@@ -0,0 +1,33 @@
+import { PopUpComponent } from '../pop-up/PopUpComponent.js';
+import { ManagePrefilterPopupObjects } from './ManagePrefilterPopupObjects.js';
+export class ManagePrefilterPopup extends PopUpComponent {
+    constructor(page) {
+        super(page);
+        this._page = page;
+        this._managePrefilterPopupObjects = new ManagePrefilterPopupObjects(page);
+    }
+    dialog() {
+        return this._managePrefilterPopupObjects.dialog();
+    }
+    list() {
+        return this._managePrefilterPopupObjects.list();
+    }
+    getRowByName(name) {
+        return this._managePrefilterPopupObjects.rowByName(name);
+    }
+    async closeDialog() {
+        await this._managePrefilterPopupObjects.closeButton().click();
+    }
+    async deletePrefilterAndConfirm(name) {
+        const row = this.getRowByName(name);
+        await this._managePrefilterPopupObjects.deleteButtonByRow(row).click();
+        await this.confirmDelete();
+    }
+    async confirmDelete() {
+        await this._page.components.popUp.getActionButtonByText('yes').click();
+    }
+    async confirmNo() {
+        await this._page.components.popUp.getActionButtonByText('no').click();
+    }
+}
+//# sourceMappingURL=ManagePrefilterPopup.js.map

package/dist/components/filter/ManagePrefilterPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManagePrefilterPopup.js","sourceRoot":"","sources":["../../../components/filter/ManagePrefilterPopup.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAE/E,MAAM,OAAO,oBAAqB,SAAQ,cAAc;IAItD,YAAY,IAAU;QACpB,KAAK,CAAC,IAAI,CAAC,CAAC;QACZ,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,4BAA4B,GAAG,IAAI,2BAA2B,CAAC,IAAI,CAAC,CAAC;IAC5E,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAC,4BAA4B,CAAC,MAAM,EAAE,CAAC;IACpD,CAAC;IAEM,IAAI;QACT,OAAO,IAAI,CAAC,4BAA4B,CAAC,IAAI,EAAE,CAAC;IAClD,CAAC;IAEM,YAAY,CAAC,IAAY;QAC9B,OAAO,IAAI,CAAC,4BAA4B,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IAEM,KAAK,CAAC,WAAW;QACtB,MAAM,IAAI,CAAC,4BAA4B,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,CAAC;IAChE,CAAC;IAEM,KAAK,CAAC,yBAAyB,CAAC,IAAY;QACjD,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QACpC,MAAM,IAAI,CAAC,4BAA4B,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC;QACvE,MAAM,IAAI,CAAC,aAAa,EAAE,CAAC;IAC7B,CAAC;IAEM,KAAK,CAAC,aAAa;QACxB,MAAM,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC;IACzE,CAAC;IAEM,KAAK,CAAC,SAAS;QACpB,MAAM,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC;IACxE,CAAC;CACF"}

package/dist/components/filter/ManagePrefilterPopupObjects.d.ts

@@ -0,0 +1,11 @@
+import type { Locator, Page } from '@playwright/test';
+import { BaseComponentObjects } from '../BaseComponentObjects.js';
+export declare class ManagePrefilterPopupObjects extends BaseComponentObjects {
+    private _page;
+    constructor(page: Page);
+    dialog: () => Locator;
+    list: () => Locator;
+    rowByName: (name: string) => Locator;
+    deleteButtonByRow: (row: Locator) => Locator;
+    closeButton: () => Locator;
+}

package/dist/components/filter/ManagePrefilterPopupObjects.js

@@ -0,0 +1,19 @@
+import { BaseComponentObjects } from '../BaseComponentObjects.js';
+export class ManagePrefilterPopupObjects extends BaseComponentObjects {
+    constructor(page) {
+        super(page, page.locator('body'));
+        this.dialog = () => this._page
+            .locator('[role="dialog"]')
+            .filter({ has: this._page.getByTestId('popup__userpreferenceprefilterpopup__title') });
+        this.list = () => this._page.getByTestId('popup__user-preference__up-prefilters');
+        // The <li> has a GUID testid, so don't use it. Use "li hasText"
+        this.rowByName = (name) => {
+            const nameSpan = this.list().getByText(name, { exact: true });
+            return nameSpan.locator('xpath=ancestor::li[1]');
+        };
+        this.deleteButtonByRow = (row) => row.locator('button:has([data-testid="DeleteIcon"])');
+        this.closeButton = () => this.dialog().getByTestId('popup__userpreferenceprefilterpopup__actions__close');
+        this._page = page;
+    }
+}
+//# sourceMappingURL=ManagePrefilterPopupObjects.js.map

package/dist/components/filter/ManagePrefilterPopupObjects.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManagePrefilterPopupObjects.js","sourceRoot":"","sources":["../../../components/filter/ManagePrefilterPopupObjects.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAElE,MAAM,OAAO,2BAA4B,SAAQ,oBAAoB;IAGnE,YAAY,IAAU;QACpB,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;QAI7B,WAAM,GAAG,GAAG,EAAE,CACnB,IAAI,CAAC,KAAK;aACP,OAAO,CAAC,iBAAiB,CAAC;aAC1B,MAAM,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,4CAA4C,CAAC,EAAE,CAAC,CAAC;QAEpF,SAAI,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,uCAAuC,CAAC,CAAC;QAEpF,gEAAgE;QACzD,cAAS,GAAG,CAAC,IAAY,EAAE,EAAE;YAClC,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;YAC9D,OAAO,QAAQ,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAAC;QACnD,CAAC,CAAC;QAEK,sBAAiB,GAAG,CAAC,GAAY,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,wCAAwC,CAAC,CAAC;QAE5F,gBAAW,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,WAAW,CAAC,qDAAqD,CAAC,CAAC;QAlB1G,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;IACpB,CAAC;CAkBF"}

package/dist/components/form/Form.d.ts

@@ -1,7 +1,7 @@
-import type { Locator, Page } from '@playwright/test';
+import type { Locator } from '@playwright/test';
 export declare class Form {
     private _objects;
-    constructor(page: Page, formContext?: Locator | null);
+    constructor(formContext: Locator);
     getFieldByValue: (value: string) => Locator;
     getFieldByColId: (colId: string) => Locator;
     isInEditMode(): Promise<boolean>;

package/dist/components/form/Form.js

@@ -1,13 +1,13 @@
 import { FormObjects } from './FormObjects.js';
 export class Form {
-    constructor(page, formContext = null) {
+    constructor(formContext) {
         this.getFieldByValue = (value) => {
             return this._objects.getFieldByValue(value);
         };
         this.getFieldByColId = (colId) => {
             return this._objects.getFieldByColId(colId);
         };
-        this._objects = new FormObjects(page, formContext);
+        this._objects = new FormObjects(formContext.page(), formContext);
     }
     // Returns true if the form is currently in edit mode, based on the `data-edit-mode` attribute.
     async isInEditMode() {

package/dist/components/form/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../components/form/Form.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,OAAO,IAAI;IAGf,YAAY,IAAU,EAAE,cAA8B,IAAI;QAInD,oBAAe,GAAG,CAAC,KAAa,EAAW,EAAE;YAClD,OAAO,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;QAC9C,CAAC,CAAC;QAEK,oBAAe,GAAG,CAAC,KAAa,EAAW,EAAE;YAClD,OAAO,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;QAC9C,CAAC,CAAC;QATA,IAAI,CAAC,QAAQ,GAAG,IAAI,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;IACrD,CAAC;IAUD,+FAA+F;IACxF,KAAK,CAAC,YAAY;QACvB,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,oBAAoB,EAAE,CAAC;QACrD,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;QAC1D,OAAO,IAAI,KAAK,MAAM,CAAC;IACzB,CAAC;IAED,kEAAkE;IAC3D,KAAK,CAAC,kBAAkB,CAAC,KAAa;QAC3C,MAAM,IAAI,CAAC,QAAQ,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC;IAC5D,CAAC;CACF"}
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../components/form/Form.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,OAAO,IAAI;IAGf,YAAY,WAAoB;QAIzB,oBAAe,GAAG,CAAC,KAAa,EAAW,EAAE;YAClD,OAAO,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;QAC9C,CAAC,CAAC;QAEK,oBAAe,GAAG,CAAC,KAAa,EAAW,EAAE;YAClD,OAAO,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;QAC9C,CAAC,CAAC;QATA,IAAI,CAAC,QAAQ,GAAG,IAAI,WAAW,CAAC,WAAW,CAAC,IAAI,EAAE,EAAE,WAAW,CAAC,CAAC;IACnE,CAAC;IAUD,+FAA+F;IACxF,KAAK,CAAC,YAAY;QACvB,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,oBAAoB,EAAE,CAAC;QACrD,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;QAC1D,OAAO,IAAI,KAAK,MAAM,CAAC;IACzB,CAAC;IAED,kEAAkE;IAC3D,KAAK,CAAC,kBAAkB,CAAC,KAAa;QAC3C,MAAM,IAAI,CAAC,QAAQ,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC;IAC5D,CAAC;CACF"}

package/dist/components/grid/Grid.d.ts

@@ -2,7 +2,8 @@ import type { Locator, Page } from '@playwright/test';
 export declare class Grid {
     private _gridObjects;
     private _page;
-    constructor(page: Page, gridContext?: Locator | null);
+    private _excelStyleFilterPopup;
+    constructor(gridContext: Locator);
     protected get page(): Page;
     /**
      * Retrieves a column header element by its text content.
@@ -38,7 +39,7 @@ export declare class Grid {
      * @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.
      */
-    openExcelStyleFilterPopup: (columnName: string) => Promise<void>;
+    openExcelStyleFilterPopup: (columnNameOrHeader: string | Locator) => Promise<void>;
     /**
      * Retrieves all rows in the grid that match a specific column value.
      * @param colIdToMatchOn
@@ -47,45 +48,13 @@ export declare class Grid {
      */
     getRowsByColValue(colIdToMatchOn: string, valueToMatch: string): Promise<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 scrollGridToLoadAllRows;
-    /**
-     * 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.
+     * Gets all unique cell values for a specified column by its column ID.
      */
     getCellValuesByColId(colId: string): Promise<string[]>;
     /**
-     * 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 scrollGridHorizontallyToLoadAllColumns;
-    /**
-     * Retrieves all column header values from the grid, including those that require horizontal scrolling to load.
+     * Retrieves all column header values from the grid.
      *
-     * 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.
+     * This method 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.
      */
@@ -102,6 +71,7 @@ export declare class Grid {
      * await grid.filterByColumnValueExcelStyle('Status', 'Pending', false);
      */
     filterByColumnValueExcelStyle(columnName: string, valueToSelect: string, deselectAll?: boolean): Promise<void>;
+    filterByColumnValueExcelStyle(columnHeader: Locator, valueToSelect: string, deselectAll?: boolean): Promise<void>;
     /**
      * Selects a row by its row-id pattern.
      * Matches rows where the row-id attribute ends with "|{rowIdPattern}".