@thinkwise/testwise 0.1.75 → 0.1.97

package/Testwise.ts

@@ -1,17 +1,16 @@
 import { test as base } from '@playwright/test';
+import { test as bddBase } from 'playwright-bdd';
 import { Components, GoToDeepLink, LoginFeatures, UserSimulation } from './page-extensions/index.js';
 import { WaitEventHandler } from './page-extensions/WaitEventHandler.js';
 import { ClickOverride } from './page-overrides/ClickOverride.js';
 import { FillOverride } from './page-overrides/FillOverride.js';
-import type { Test } from './types/CoreTypes.js';
+import type { Test } from './types/Test.js';
 
 function combineExtensions(baseTest: Test, ...extensions: { new (test: Test): { test: Test } }[]) {
   return extensions.reduce((test, Extension) => new Extension(test).test, baseTest);
 }
 
-export const test: Test = combineExtensions(
-  base,
-
+const extensions = [
   // Override section
   ClickOverride,
   FillOverride,
@@ -22,4 +21,14 @@ export const test: Test = combineExtensions(
   LoginFeatures,
   UserSimulation,
   WaitEventHandler
+];
+
+export const test: Test = combineExtensions(
+  base,
+  ...extensions
+);
+
+export const bddTest: Test = combineExtensions(
+  bddBase,
+  ...extensions
 );

package/components/BaseComponentObjects.ts

@@ -1,5 +1,5 @@
 import type { Locator, Page } from '@playwright/test';
-import type { IComponentObjects } from './IComponentObjects.js';
+import type { IComponentObjects } from '../interfaces/IComponentObjects.js';
 
 export abstract class BaseComponentObjects implements IComponentObjects {
   context: Locator;

package/components/actionbar/Actionbar.ts

@@ -8,39 +8,43 @@ class ActionbarActions {
     this._objects = new ActionbarOverflowableObjects(page, context);
   }
 
-  public getAddButton = (): Locator => this._objects.addButton();
+  public getSearchInput = (): Locator => this._objects.searchInput();
 
-  public getCancelButton = (): Locator => this._objects.cancelButton();
+  public getPrefilterButton = (): Locator => this._objects.prefilterButton();
 
-  public getCopyButton = (): Locator => this._objects.copyButton();
+  public getPrefilterButtonById = (id: string): Locator => this._objects.prefilterButtonById(id);
 
-  public getDeleteButton = (): Locator => this._objects.deleteButton();
+  public getFilterButton = (): Locator => this._objects.filterButton();
 
-  public getRefreshButton = (): Locator => this._objects.refreshButton();
+  public getAddButton = (): Locator => this._objects.addButton();
 
-  public getSaveButton = (): Locator => this._objects.saveButton();
+  public getCopyButton = (): Locator => this._objects.copyButton();
 
   public getUpdateButton = (): Locator => this._objects.updateButton();
 
-  public getExportButton = (): Locator => this._objects.exportButton();
+  public getDeleteButton = (): Locator => this._objects.deleteButton();
 
-  public getImportButton = (): Locator => this._objects.importButton();
+  public getSaveButton = (): Locator => this._objects.saveButton();
 
-  public getExportImmediatelyButton = (): Locator => this._objects.exportImmediatelyButton();
+  public getCancelButton = (): Locator => this._objects.cancelButton();
 
-  public getMassUpdateButton = (): Locator => this._objects.massUpdateButton();
+  public getRefreshButton = (): Locator => this._objects.refreshButton();
 
   public getQuickFilterButton = (): Locator => this._objects.quickFilterButton();
 
-  public getFilterButton = (): Locator => this._objects.filterButton();
-
   public getClearAllFiltersButton = (): Locator => this._objects.clearAllFiltersButton();
 
+  public getSortButton = (): Locator => this._objects.sortButton();
+
   public getRestoreSortOrderButton = (): Locator => this._objects.restoreSortOrderButton();
 
-  public getSortButton = (): Locator => this._objects.sortButton();
+  public getImportButton = (): Locator => this._objects.importButton();
 
-  public getSearchInput = (): Locator => this._objects.searchInput();
+  public getExportButton = (): Locator => this._objects.exportButton();
+
+  public getExportImmediatelyButton = (): Locator => this._objects.exportImmediatelyButton();
+
+  public getMassUpdateButton = (): Locator => this._objects.massUpdateButton();
 
   public getUpScreenTypeButton = (): Locator => this._objects.upScreenTypeButton();
 
@@ -56,13 +60,30 @@ class ActionbarActions {
 
   public getCubeChartSettingsButton = (): Locator => this._objects.cubeChartSettingsButton();
 
-  public getSaveAsCubeViewButton = (): Locator => this._objects.saveAsCubeViewButton();
+  public getExportPivotButton = (): Locator => this._objects.exportPivotButton();
 
   public getDeleteCubeViewButton = (): Locator => this._objects.deleteCubeViewButton();
 
+  public getSaveAsCubeViewButton = (): Locator => this._objects.saveAsCubeViewButton();
+
   public getCollapseAllButton = (): Locator => this._objects.collapseAllButton();
 
   public getExpandAllButton = (): Locator => this._objects.expandAllButton();
+
+  // Tasks
+  public getTaskButtons = (): Locator => this._objects.taskButtons();
+  public getTaskButtonById = (id: string): Locator => this._objects.taskButtonById(id);
+  public getTaskButtonByLabel = (label: string): Locator => this._objects.taskButtonByLabel(label);
+
+  // Reports
+  public getReportButtons = (): Locator => this._objects.reportButtons();
+  public getReportButtonById = (id: string): Locator => this._objects.reportButtonById(id);
+  public getReportButtonByLabel = (label: string): Locator => this._objects.reportButtonByLabel(label);
+
+  // Cube Views
+  public getCubeViewButtons = (): Locator => this._objects.cubeViewButtons();
+  public getCubeViewButtonById = (id: string): Locator => this._objects.cubeViewButtonById(id);
+  public getCubeViewButtonByLabel = (label: string): Locator => this._objects.cubeViewButtonByLabel(label);
 }
 
 export class Actionbar extends ActionbarActions {
@@ -80,40 +101,24 @@ export class Actionbar extends ActionbarActions {
   };
 
   overflowMenu = {
-    getAddButton: () => wrapWithOverflowOpen(this, () => this._overflowMenu.getAddButton()),
-
-    getCancelButton: () => wrapWithOverflowOpen(this, () => this._overflowMenu.getCancelButton()),
+    getFilterButton: () => wrapWithOverflowOpen(this, () => this._overflowMenu.getFilterButton()),
 
-    getCopyButton: () => wrapWithOverflowOpen(this, () => this._overflowMenu.getCopyButton()),
+    getQuickFilterButton: () => wrapWithOverflowOpen(this, () => this._overflowMenu.getQuickFilterButton()),
 
-    getDeleteButton: () => wrapWithOverflowOpen(this, () => this._overflowMenu.getDeleteButton()),
+    getClearAllFiltersButton: () => wrapWithOverflowOpen(this, () => this._overflowMenu.getClearAllFiltersButton()),
 
-    getRefreshButton: () => wrapWithOverflowOpen(this, () => this._overflowMenu.getRefreshButton()),
+    getSortButton: () => wrapWithOverflowOpen(this, () => this._overflowMenu.getSortButton()),
 
-    getSaveButton: () => wrapWithOverflowOpen(this, () => this._overflowMenu.getSaveButton()),
+    getRestoreSortOrderButton: () => wrapWithOverflowOpen(this, () => this._overflowMenu.getRestoreSortOrderButton()),
 
-    getUpdateButton: () => wrapWithOverflowOpen(this, () => this._overflowMenu.getUpdateButton()),
+    getImportButton: () => wrapWithOverflowOpen(this, () => this._overflowMenu.getImportButton()),
 
     getExportButton: () => wrapWithOverflowOpen(this, () => this._overflowMenu.getExportButton()),
 
-    getImportButton: () => wrapWithOverflowOpen(this, () => this._overflowMenu.getImportButton()),
-
     getExportImmediatelyButton: () => wrapWithOverflowOpen(this, () => this._overflowMenu.getExportImmediatelyButton()),
 
     getMassUpdateButton: () => wrapWithOverflowOpen(this, () => this._overflowMenu.getMassUpdateButton()),
 
-    getQuickFilterButton: () => wrapWithOverflowOpen(this, () => this._overflowMenu.getQuickFilterButton()),
-
-    getFilterButton: () => wrapWithOverflowOpen(this, () => this._overflowMenu.getFilterButton()),
-
-    getClearAllFiltersButton: () => wrapWithOverflowOpen(this, () => this._overflowMenu.getClearAllFiltersButton()),
-
-    getRestoreSortOrderButton: () => wrapWithOverflowOpen(this, () => this._overflowMenu.getRestoreSortOrderButton()),
-
-    getSortButton: () => wrapWithOverflowOpen(this, () => this._overflowMenu.getSortButton()),
-
-    getSearchInput: () => wrapWithOverflowOpen(this, () => this._overflowMenu.getSearchInput()),
-
     getUpScreenTypeButton: () => wrapWithOverflowOpen(this, () => this._overflowMenu.getUpScreenTypeButton()),
 
     getUpDetailSettingsButton: () => wrapWithOverflowOpen(this, () => this._overflowMenu.getUpDetailSettingsButton()),
@@ -129,10 +134,12 @@ export class Actionbar extends ActionbarActions {
 
     getCubeChartSettingsButton: () => wrapWithOverflowOpen(this, () => this._overflowMenu.getCubeChartSettingsButton()),
 
-    getSaveAsCubeViewButton: () => wrapWithOverflowOpen(this, () => this._overflowMenu.getSaveAsCubeViewButton()),
+    getExportPivotButton: () => wrapWithOverflowOpen(this, () => this._overflowMenu.getExportPivotButton()),
 
     getDeleteCubeViewButton: () => wrapWithOverflowOpen(this, () => this._overflowMenu.getDeleteCubeViewButton()),
 
+    getSaveAsCubeViewButton: () => wrapWithOverflowOpen(this, () => this._overflowMenu.getSaveAsCubeViewButton()),
+
     getCollapseAllButton: () => wrapWithOverflowOpen(this, () => this._overflowMenu.getCollapseAllButton()),
 
     getExpandAllButton: () => wrapWithOverflowOpen(this, () => this._overflowMenu.getExpandAllButton())

package/components/actionbar/ActionbarObjects.ts

@@ -6,39 +6,44 @@ export class ActionbarOverflowableObjects extends BaseComponentObjects {
     super(page, context);
   }
 
-  public addButton = () => this.context.getByTestId('actionbar__add');
-
-  public cancelButton = () => this.context.getByTestId('actionbar__cancel');
+  // Actionbar-near
+  public searchInput = () => this.context.getByTestId('actionbar__search__input').locator('input');
 
-  public copyButton = () => this.context.getByTestId('actionbar__copy');
+  public prefilterButton = () =>
+    this.context.locator('[data-testid^="prefilter-actionbar-group-"][data-testid$="-prefilter"]');
 
-  public deleteButton = () => this.context.getByTestId('actionbar__delete');
+  public filterButton = () => this.context.getByTestId('actionbar__filter');
 
-  public refreshButton = () => this.context.getByTestId('actionbar__refresh');
+  // Actionbar-far (overflowable)
+  public addButton = () => this.context.getByTestId('actionbar__add');
 
-  public saveButton = () => this.context.getByTestId('actionbar__save');
+  public copyButton = () => this.context.getByTestId('actionbar__copy');
 
   public updateButton = () => this.context.getByTestId('actionbar__update');
 
-  public searchInput = () => this.context.getByTestId('actionbar__search__input').locator('input');
-
-  public exportButton = () => this.context.getByTestId('actionbar__export');
+  public deleteButton = () => this.context.getByTestId('actionbar__delete');
 
-  public importButton = () => this.context.getByTestId('actionbar__import');
+  public saveButton = () => this.context.getByTestId('actionbar__save');
 
-  public exportImmediatelyButton = () => this.context.getByTestId('actionbar__export-immediately');
+  public cancelButton = () => this.context.getByTestId('actionbar__cancel');
 
-  public massUpdateButton = () => this.context.getByTestId('actionbar__mass-update');
+  public refreshButton = () => this.context.getByTestId('actionbar__refresh');
 
   public quickFilterButton = () => this.context.getByTestId('actionbar__quick-filter');
 
-  public filterButton = () => this.context.getByTestId('actionbar__filter');
-
   public clearAllFiltersButton = () => this.context.getByTestId('actionbar__clear-filters');
 
+  public sortButton = () => this.context.getByTestId('actionbar__sort');
+
   public restoreSortOrderButton = () => this.context.getByTestId('actionbar__restore-sort-order');
 
-  public sortButton = () => this.context.getByTestId('actionbar__sort');
+  public importButton = () => this.context.getByTestId('actionbar__import');
+
+  public exportButton = () => this.context.getByTestId('actionbar__export');
+
+  public exportImmediatelyButton = () => this.context.getByTestId('actionbar__export-immediately');
+
+  public massUpdateButton = () => this.context.getByTestId('actionbar__mass-update');
 
   public upScreenTypeButton = () => this.context.getByTestId('actionbar__up-screen-type');
 
@@ -54,13 +59,44 @@ export class ActionbarOverflowableObjects extends BaseComponentObjects {
 
   public cubeChartSettingsButton = () => this.context.getByTestId('actionbar__chart-settings');
 
-  public saveAsCubeViewButton = () => this.context.getByTestId('actionbar__save-as-cube-view');
+  public exportPivotButton = () => this.context.getByTestId('actionbar__export-pivot');
 
   public deleteCubeViewButton = () => this.context.getByTestId('actionbar__delete-cube-view');
 
+  public saveAsCubeViewButton = () => this.context.getByTestId('actionbar__save-as-cube-view');
+
   public collapseAllButton = () => this.context.getByTestId('actionbar__collapse-all');
 
   public expandAllButton = () => this.context.getByTestId('actionbar__expand-all');
+
+  // Generic, prefix-based items: Tasks, Reports, Cube views, Prefilter buttons
+  // Tasks: data-testid like: "actionbar__task__<something>"
+  public taskButtons = () => this.context.locator('[data-testid^="actionbar__task__"]');
+
+  public taskButtonById = (id: string) => this.context.getByTestId(`actionbar__task__${id}`);
+
+  public taskButtonByLabel = (label: string) =>
+    this.context.locator('[data-testid^="actionbar__task__"]').filter({ hasText: label });
+
+  // Reports: data-testid like "actionbar__report__<something>"
+  public reportButtons = () => this.context.locator('[data-testid^="actionbar__report__"]');
+
+  public reportButtonById = (id: string) => this.context.getByTestId(`actionbar__report__${id}`);
+
+  public reportButtonByLabel = (label: string) =>
+    this.context.locator('[data-testid^="actionbar__report__"]').filter({ hasText: label });
+
+  // Cube views : data-testid like: "actionbar__cubeview__<something>"
+  public cubeViewButtons = () => this.context.locator('[data-testid^="actionbar__cubeview__"]');
+
+  public cubeViewButtonById = (id: string) => this.context.getByTestId(`actionbar__cubeview__${id}`);
+
+  public cubeViewButtonByLabel = (label: string) =>
+    this.context.locator('[data-testid^="actionbar__cubeview__"]').filter({ hasText: label });
+
+  // Prefilter buttons: data-testid like: "prefilter-actionbar-group-other__<something>"
+  public prefilterButtonById = (id: string) =>
+    this.context.getByTestId(new RegExp(`^prefilter-actionbar-group-${id}$`));
 }
 
 export class ActionbarObjects extends ActionbarOverflowableObjects {

package/components/actionbar/CustomActionBar.ts

@@ -0,0 +1,10 @@
+import type { Locator, Page } from '@playwright/test';
+import { Actionbar } from './Actionbar.js';
+
+export class CustomActionBar extends Actionbar {
+  constructor(page: Page, context: Locator | null = null) {
+    super(page, context);
+  }
+
+  // What should this do differently?
+}

package/components/cardlist/Cardlist.ts

@@ -0,0 +1,14 @@
+import type { Locator, Page } from '@playwright/test';
+import { CardlistObjects } from './CardlistObjects.js';
+
+export class Cardlist {
+  cardlistObjects: CardlistObjects;
+
+  constructor(page: Page, context: Locator | null = null) {
+    this.cardlistObjects = new CardlistObjects(page, context);
+  }
+
+  public get context(): Locator | null {
+    return this.cardlistObjects.context;
+  }
+}

package/components/cardlist/CardlistObjects.ts

@@ -0,0 +1,5 @@
+import { BaseComponentObjects } from '../BaseComponentObjects.js';
+
+export class CardlistObjects extends BaseComponentObjects {
+  // do stuff
+}

package/components/chart/Chart.ts

@@ -0,0 +1,14 @@
+import type { Locator, Page } from '@playwright/test';
+import { ChartObjects } from './ChartObjects.js';
+
+export class Chart {
+  chartObjects: ChartObjects;
+
+  constructor(page: Page, context: Locator | null = null) {
+    this.chartObjects = new ChartObjects(page, context);
+  }
+
+  public get context(): Locator | null {
+    return this.chartObjects.context;
+  }
+}

package/components/chart/ChartObjects.ts

@@ -0,0 +1,5 @@
+import { BaseComponentObjects } from '../BaseComponentObjects.js';
+
+export class ChartObjects extends BaseComponentObjects {
+  // do stuff
+}

package/components/combined-filter/CombinedFIlterObjects.ts

@@ -0,0 +1,5 @@
+import { BaseComponentObjects } from '../BaseComponentObjects.js';
+
+export class CombinedFilterObjects extends BaseComponentObjects {
+  // do stuff
+}

package/components/combined-filter/CombinedFilter.ts

@@ -0,0 +1,14 @@
+import type { Locator, Page } from '@playwright/test';
+import { CombinedFilterObjects } from './CombinedFIlterObjects.js';
+
+export class CombinedFilter {
+  combinedFilterObjects: CombinedFilterObjects;
+
+  constructor(page: Page, context: Locator | null = null) {
+    this.combinedFilterObjects = new CombinedFilterObjects(page, context);
+  }
+
+  public get context(): Locator | null {
+    return this.combinedFilterObjects.context;
+  }
+}

package/components/cube-view-bar/CubeViewBar.ts

@@ -0,0 +1,14 @@
+import type { Locator, Page } from '@playwright/test';
+import { CubeViewBarObjects } from './CubeViewBarObjects.js';
+
+export class CubeViewBar {
+  cubeViewBarObjects: CubeViewBarObjects;
+
+  constructor(page: Page, context: Locator | null = null) {
+    this.cubeViewBarObjects = new CubeViewBarObjects(page, context);
+  }
+
+  public get context(): Locator | null {
+    return this.cubeViewBarObjects.context;
+  }
+}

package/components/cube-view-bar/CubeViewBarObjects.ts

@@ -0,0 +1,5 @@
+import { BaseComponentObjects } from '../BaseComponentObjects.js';
+
+export class CubeViewBarObjects extends BaseComponentObjects {
+  // do stuff
+}

package/components/filter/FilterForm.ts

@@ -1,11 +1,14 @@
-import type { Locator } from '@playwright/test';
-import { BaseComponent } from '../BaseComponent.js';
+import type { Locator, Page } from '@playwright/test';
+import { FilterFormObjects } from './FilterFormObjects.js';
 
-export class FilterForm extends BaseComponent {
-  public async getLocator(context?: Locator): Promise<Locator> {
-    if (context) {
-      return context.getByTestId(this.id);
-    }
-    return this.page.getByTestId(this.id);
+export class FilterForm {
+  filterFormObjects: FilterFormObjects;
+
+  constructor(page: Page, context: Locator | null = null) {
+    this.filterFormObjects = new FilterFormObjects(page, context);
+  }
+
+  public get context(): Locator | null {
+    return this.filterFormObjects.context;
   }
 }

package/components/filter/FilterFormObjects.ts

@@ -0,0 +1,5 @@
+import { BaseComponentObjects } from '../BaseComponentObjects.js';
+
+export class FilterFormObjects extends BaseComponentObjects {
+  // do stuff
+}

package/components/filter/FindForm.ts

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

package/components/grid/Grid.ts

@@ -53,8 +53,10 @@ export 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.
    */
-  public openExcelStyleFilterPopup = async (columnName: string) =>
-    await this._gridObjects.menuIconByColumnHeaderName(columnName).click();
+  public openExcelStyleFilterPopup = async (columnName: string) => {
+    const filterIcon = this._gridObjects.menuIconByColumnHeaderName(columnName);
+    await filterIcon.click({ force: true });
+  };
 
   /**
    * Retrieves all rows in the grid that match a specific column value.

package/components/grid/GridObjects.ts

@@ -16,7 +16,7 @@ export class GridObjects extends BaseComponentObjects {
   public columnHeaderByName = (columnName: string) => this.context.getByRole('columnheader', { name: columnName });
 
   public menuIconByColumnHeaderName = (columnName: string) =>
-    this.columnHeaderByName(columnName).getByTestId('grid__custom__menu__icon');
+    this.columnHeaderByName(columnName).getByTestId('grid__custom__filter__icon');
 
   public rowByIndex = (row: number) => this.context.locator(`[role="row"][row-index="${row}"]`);
 

package/components/index.ts

@@ -1,10 +1,29 @@
 export * from './actionbar/Actionbar.js';
+export * from './actionbar/CustomActionBar.js';
+export * from './cardlist/Cardlist.js';
+export * from './chart/Chart.js';
+export * from './combined-filter/CombinedFilter.js';
+export * from './cube-view-bar/CubeViewBar.js';
 export * from './export/ExportComponent.js';
+export * from './filter/FilterForm.js';
 export * from './form/Form.js';
 export * from './grid/Grid.js';
+export * from './maps/Maps.js';
+export * from './menu/ListBarMenuComponent.js';
+export * from './pivot-grid/PivotGrid.js';
+export * from './pivot-grid/PivotGridFieldList.js';
 export * from './pop-up/PopUpComponent.js';
-export * from './Splitter.js';
+export * from './prefilter-list/PrefilterList.js';
+export * from './preview/Preview.js';
+export * from './report-bar/ReportBar.js';
+export * from './report-tiles/ReportTiles.js';
+export * from './scheduler/Scheduler.js';
+export * from './snackbar/SnackBar.js';
+export * from './splitter/Splitter.js';
 export * from './tab/ComponentTab.js';
 export * from './tab/DetailTab.js';
+export * from './tab/Tab.js';
 export * from './task/TaskBar.js';
-export * from './task/TaskTile.js';
+export * from './task/TaskTiles.js';
+export * from './topbar/TopBar.js';
+export * from './tree-view/TreeView.js';

package/components/maps/Maps.ts

@@ -0,0 +1,14 @@
+import type { Locator, Page } from '@playwright/test';
+import { MapsObjects } from './MapsObjects.js';
+
+export class Maps {
+  mapsObjects: MapsObjects;
+
+  constructor(page: Page, context: Locator | null = null) {
+    this.mapsObjects = new MapsObjects(page, context);
+  }
+
+  public get context(): Locator | null {
+    return this.mapsObjects.context;
+  }
+}

package/components/maps/MapsObjects.ts

@@ -0,0 +1,5 @@
+import { BaseComponentObjects } from '../BaseComponentObjects.js';
+
+export class MapsObjects extends BaseComponentObjects {
+  // do stuff
+}

package/components/menu/ListBarMenuComponent.ts

@@ -0,0 +1,37 @@
+import type { Locator, Page } from '@playwright/test';
+import { ListBarMenuComponentObjects } from './ListBarMenuComponentObjects.js';
+
+export class ListBarMenuComponent {
+  private _objects: ListBarMenuComponentObjects;
+
+  constructor(page: Page) {
+    this._objects = new ListBarMenuComponentObjects(page);
+  }
+
+  private async ensureGroupIsExpanded(groupName: string) {
+    const menuGroup = this._objects.menuGroup(groupName);
+    const classAttribute = await menuGroup.getAttribute('class');
+    const isOpened = classAttribute?.includes('opened');
+    if (!isOpened) {
+      await menuGroup.click();
+    }
+  }
+
+  public async openListBarMenuItem(groupName: string, itemName: string) {
+    const menuItem = this._objects.menuItem(groupName, itemName);
+    await this.ensureGroupIsExpanded(groupName);
+    await menuItem.click();
+  }
+
+  public async expandListBarMenuGroup(groupName: string) {
+    await this.ensureGroupIsExpanded(groupName);
+  }
+
+  public getMenuGroupByName(groupName: string): Locator {
+    return this._objects.menuGroup(groupName);
+  }
+
+  public getMenuItemByName(groupName: string, itemName: string): Locator {
+    return this._objects.menuItem(groupName, itemName);
+  }
+}

package/components/menu/ListBarMenuComponentObjects.ts

@@ -0,0 +1,14 @@
+import type { Page } from '@playwright/test';
+
+export class ListBarMenuComponentObjects {
+  private _page: Page;
+
+  constructor(page: Page) {
+    this._page = page;
+  }
+
+  public menuGroup = (groupName: string) => this._page.locator(`[data-testid="listbar__${groupName}"]`);
+
+  public menuItem = (groupName: string, itemName: string) =>
+    this._page.locator(`[data-testid="listbar__${groupName}__item__${itemName}"]`);
+}

package/components/pivot-grid/PivotGrid.ts

@@ -0,0 +1,14 @@
+import type { Locator, Page } from '@playwright/test';
+import { PivotGridObjects } from './PivotGridObjects.js';
+
+export class PivotGrid {
+  pivotGridObjects: PivotGridObjects;
+
+  constructor(page: Page, context: Locator | null = null) {
+    this.pivotGridObjects = new PivotGridObjects(page, context);
+  }
+
+  public get context(): Locator | null {
+    return this.pivotGridObjects.context;
+  }
+}

package/components/pivot-grid/PivotGridFieldList.ts

@@ -0,0 +1,14 @@
+import type { Locator, Page } from '@playwright/test';
+import { PivotGridFieldListObjects } from './PivotGridFieldListObjects.js';
+
+export class PivotGridFieldList {
+  pivotGridFieldListObjects: PivotGridFieldListObjects;
+
+  constructor(page: Page, context: Locator | null = null) {
+    this.pivotGridFieldListObjects = new PivotGridFieldListObjects(page, context);
+  }
+
+  public get context(): Locator | null {
+    return this.pivotGridFieldListObjects.context;
+  }
+}

package/components/pivot-grid/PivotGridFieldListObjects.ts

@@ -0,0 +1,5 @@
+import { BaseComponentObjects } from '../BaseComponentObjects.js';
+
+export class PivotGridFieldListObjects extends BaseComponentObjects {
+  // do stuff
+}

package/components/pivot-grid/PivotGridObjects.ts

@@ -0,0 +1,5 @@
+import { BaseComponentObjects } from '../BaseComponentObjects.js';
+
+export class PivotGridObjects extends BaseComponentObjects {
+  // do stuff
+}