@atomic-testing/component-driver-mui-x-v8 0.58.0

package/dist/components/datagrid/DataGridProDriver.js.map

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

package/dist/components/datagrid/DataGridRowDriverBase.d.ts

@@ -0,0 +1,23 @@
+import { ComponentDriver, PartLocator } from '@atomic-testing/core';
+/**
+ * Base class for data grid row
+ */
+export declare abstract class DataGridRowDriverBase extends ComponentDriver {
+    protected getCellCount(): Promise<number>;
+    /**
+     * Get the text of each visible cell in the row.
+     * Caveat: Because of virtualization, the text of the cell may not be available until the cell is visible.
+     * @returns A promise array of text of each visible cell in the row
+     */
+    getRowText(): Promise<string[]>;
+    /**
+     * Get the cell driver at the specified index or data field.
+     * Caveat: Because of virtualization, the cell may not be available until the cell is visible.
+     * @param cellIndexOrField number: column index, string: column field
+     * @param driverClass The driver class of the cell. Default is HTMLElementDriver
+     * @returns A promise of the cell driver, or null if the cell is not found
+     */
+    getCell<DriverT extends ComponentDriver>(cellIndexOrField: number | string, // number: column index, string: column field
+    driverClass?: typeof ComponentDriver): Promise<DriverT | null>;
+    protected abstract getCellLocator(): PartLocator;
+}

package/dist/components/datagrid/DataGridRowDriverBase.js

@@ -0,0 +1,107 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __asyncValues = (this && this.__asyncValues) || function (o) {
+    if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+    var m = o[Symbol.asyncIterator], i;
+    return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridRowDriverBase = void 0;
+const component_driver_html_1 = require("@atomic-testing/component-driver-html");
+const core_1 = require("@atomic-testing/core");
+// In MUI7, there is an extra div preceding the actual data cells. We need to skip it.
+const columnStartingIndex = 1;
+/**
+ * Base class for data grid row
+ */
+class DataGridRowDriverBase extends core_1.ComponentDriver {
+    getCellCount() {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a, e_1, _b, _c;
+            let count = 0;
+            try {
+                for (var _d = true, _e = __asyncValues(core_1.listHelper.getListItemIterator(this, this.getCellLocator(), component_driver_html_1.HTMLElementDriver, columnStartingIndex)), _f; _f = yield _e.next(), _a = _f.done, !_a; _d = true) {
+                    _c = _f.value;
+                    _d = false;
+                    const _ = _c;
+                    count++;
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (!_d && !_a && (_b = _e.return)) yield _b.call(_e);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+            return count;
+        });
+    }
+    /**
+     * Get the text of each visible cell in the row.
+     * Caveat: Because of virtualization, the text of the cell may not be available until the cell is visible.
+     * @returns A promise array of text of each visible cell in the row
+     */
+    getRowText() {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a, e_2, _b, _c;
+            const textList = [];
+            try {
+                for (var _d = true, _e = __asyncValues(core_1.listHelper.getListItemIterator(this, this.getCellLocator(), component_driver_html_1.HTMLElementDriver, columnStartingIndex)), _f; _f = yield _e.next(), _a = _f.done, !_a; _d = true) {
+                    _c = _f.value;
+                    _d = false;
+                    const cell = _c;
+                    const text = yield cell.getText();
+                    textList.push(text.trim());
+                }
+            }
+            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+            finally {
+                try {
+                    if (!_d && !_a && (_b = _e.return)) yield _b.call(_e);
+                }
+                finally { if (e_2) throw e_2.error; }
+            }
+            return textList;
+        });
+    }
+    /**
+     * Get the cell driver at the specified index or data field.
+     * Caveat: Because of virtualization, the cell may not be available until the cell is visible.
+     * @param cellIndexOrField number: column index, string: column field
+     * @param driverClass The driver class of the cell. Default is HTMLElementDriver
+     * @returns A promise of the cell driver, or null if the cell is not found
+     */
+    getCell(cellIndexOrField_1) {
+        return __awaiter(this, arguments, void 0, function* (cellIndexOrField, // number: column index, string: column field
+        // @ts-ignore
+        driverClass = component_driver_html_1.HTMLElementDriver) {
+            let cellLocator;
+            if (typeof cellIndexOrField === 'number') {
+                cellLocator = (0, core_1.byAttribute)('data-colindex', cellIndexOrField.toString());
+            }
+            else {
+                cellLocator = (0, core_1.byAttribute)('data-field', cellIndexOrField);
+            }
+            const locator = core_1.locatorUtil.append(this.locator, cellLocator);
+            const cellExists = yield this.interactor.exists(locator);
+            if (cellExists) {
+                // @ts-ignore
+                return new driverClass(locator, this.interactor, this.commutableOption);
+            }
+            return null;
+        });
+    }
+}
+exports.DataGridRowDriverBase = DataGridRowDriverBase;
+//# sourceMappingURL=DataGridRowDriverBase.js.map

package/dist/components/datagrid/DataGridRowDriverBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridRowDriverBase.js","sourceRoot":"","sources":["../../../src/components/datagrid/DataGridRowDriverBase.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,iFAA0E;AAC1E,+CAA0G;AAE1G,sFAAsF;AACtF,MAAM,mBAAmB,GAAG,CAAC,CAAC;AAE9B;;GAEG;AACH,MAAsB,qBAAsB,SAAQ,sBAAe;IACjD,YAAY;;;YAC1B,IAAI,KAAK,GAAG,CAAC,CAAC;;gBACd,KAAsB,eAAA,KAAA,cAAA,iBAAU,CAAC,mBAAmB,CAClD,IAAI,EACJ,IAAI,CAAC,cAAc,EAAE,EACrB,yCAAiB,EACjB,mBAAmB,CACpB,CAAA,IAAA,sDAAE,CAAC;oBALkB,cAKrB;oBALqB,WAKrB;oBALU,MAAM,CAAC,KAAA,CAAA;oBAMhB,KAAK,EAAE,CAAC;gBACV,CAAC;;;;;;;;;YACD,OAAO,KAAK,CAAC;QACf,CAAC;KAAA;IAED;;;;OAIG;IACG,UAAU;;;YACd,MAAM,QAAQ,GAAa,EAAE,CAAC;;gBAC9B,KAAyB,eAAA,KAAA,cAAA,iBAAU,CAAC,mBAAmB,CACrD,IAAI,EACJ,IAAI,CAAC,cAAc,EAAE,EACrB,yCAAiB,EACjB,mBAAmB,CACpB,CAAA,IAAA,sDAAE,CAAC;oBALqB,cAKxB;oBALwB,WAKxB;oBALU,MAAM,IAAI,KAAA,CAAA;oBAMnB,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;oBAClC,QAAQ,CAAC,IAAI,CAAC,IAAK,CAAC,IAAI,EAAE,CAAC,CAAC;gBAC9B,CAAC;;;;;;;;;YACD,OAAO,QAAQ,CAAC;QAClB,CAAC;KAAA;IAED;;;;;;OAMG;IACG,OAAO;6DACX,gBAAiC,EAAE,6CAA6C;QAChF,aAAa;QACb,cAAsC,yCAAiB;YAEvD,IAAI,WAAwB,CAAC;YAC7B,IAAI,OAAO,gBAAgB,KAAK,QAAQ,EAAE,CAAC;gBACzC,WAAW,GAAG,IAAA,kBAAW,EAAC,eAAe,EAAE,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC;YAC1E,CAAC;iBAAM,CAAC;gBACN,WAAW,GAAG,IAAA,kBAAW,EAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC;YAC5D,CAAC;YACD,MAAM,OAAO,GAAG,kBAAW,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;YAC9D,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YACzD,IAAI,UAAU,EAAE,CAAC;gBACf,aAAa;gBACb,OAAO,IAAI,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;YAC1E,CAAC;YAED,OAAO,IAAI,CAAC;QACd,CAAC;KAAA;CAGF;AA9DD,sDA8DC"}

package/dist/components/datagrid/index.d.ts

@@ -0,0 +1,4 @@
+export * from './DataGridCellQuery';
+export { DataGridDataRowDriver } from './DataGridDataRowDriver';
+export { DataGridHeaderRowDriver } from './DataGridHeaderRowDriver';
+export { DataGridProDriver } from './DataGridProDriver';

package/dist/components/datagrid/index.js

@@ -0,0 +1,25 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridProDriver = exports.DataGridHeaderRowDriver = exports.DataGridDataRowDriver = void 0;
+__exportStar(require("./DataGridCellQuery"), exports);
+var DataGridDataRowDriver_1 = require("./DataGridDataRowDriver");
+Object.defineProperty(exports, "DataGridDataRowDriver", { enumerable: true, get: function () { return DataGridDataRowDriver_1.DataGridDataRowDriver; } });
+var DataGridHeaderRowDriver_1 = require("./DataGridHeaderRowDriver");
+Object.defineProperty(exports, "DataGridHeaderRowDriver", { enumerable: true, get: function () { return DataGridHeaderRowDriver_1.DataGridHeaderRowDriver; } });
+var DataGridProDriver_1 = require("./DataGridProDriver");
+Object.defineProperty(exports, "DataGridProDriver", { enumerable: true, get: function () { return DataGridProDriver_1.DataGridProDriver; } });
+//# sourceMappingURL=index.js.map

package/dist/components/datagrid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/datagrid/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sDAAoC;AACpC,iEAAgE;AAAvD,8HAAA,qBAAqB,OAAA;AAC9B,qEAAoE;AAA3D,kIAAA,uBAAuB,OAAA;AAChC,yDAAwD;AAA/C,sHAAA,iBAAiB,OAAA"}

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './components/datagrid';

package/dist/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./components/datagrid"), exports);
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wDAAsC"}

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@atomic-testing/component-driver-mui-x-v8",
+  "version": "0.58.0",
+  "description": "Atomic Testing Component driver to help drive Material UI X V8 components",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "author": "Tianzhen Lin <tangent@usa.net>",
+  "keywords": [
+    "testing",
+    "react",
+    "unit",
+    "integration",
+    "mui",
+    "material-ui",
+    "v6",
+    "integration-driver"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/atomic-testing/atomic-testing.git",
+    "directory": "packages/component-driver-mui-x-v8"
+  },
+  "dependencies": {
+    "dayjs": "^1.11.13",
+    "@atomic-testing/core": "0.58.0",
+    "@atomic-testing/component-driver-mui-v6": "0.58.0",
+    "@atomic-testing/component-driver-html": "0.58.0"
+  },
+  "devDependencies": {
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/jest": "^29.5.5",
+    "@types/node": "^22.15.30",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "typescript": "^5.8.3"
+  },
+  "scripts": {
+    "build": "tsc",
+    "postbuild": "node ../../scripts/postBuild.mjs",
+    "test": "jest --maxConcurrency=1"
+  }
+}

package/src/components/datagrid/DataGridCellQuery.ts

@@ -0,0 +1,11 @@
+export interface CellQueryByColumnIndex {
+  rowIndex: number;
+  columnIndex: number;
+}
+
+export interface CellQueryByColumnField {
+  rowIndex: number;
+  columnField: string;
+}
+
+export type DataGridCellQuery = CellQueryByColumnIndex | CellQueryByColumnField;

package/src/components/datagrid/DataGridDataRowDriver.ts

@@ -0,0 +1,23 @@
+import { byRole, IComponentDriverOption, Interactor, locatorUtil, PartLocator } from '@atomic-testing/core';
+
+import { DataGridRowDriverBase } from './DataGridRowDriverBase';
+
+export class DataGridDataRowDriver extends DataGridRowDriverBase {
+  private readonly _dataCellLocator: PartLocator;
+  constructor(locator: PartLocator, interactor: Interactor, option?: Partial<IComponentDriverOption>) {
+    super(locator, interactor, {
+      ...option,
+      parts: {},
+    });
+
+    this._dataCellLocator = locatorUtil.append(locator, byRole('cell'));
+  }
+
+  protected override getCellLocator(): PartLocator {
+    return this._dataCellLocator;
+  }
+
+  override get driverName(): string {
+    return 'MuiV8DataGridDataRowDriver';
+  }
+}

package/src/components/datagrid/DataGridFooterDriver.ts

@@ -0,0 +1,65 @@
+import { HTMLElementDriver } from '@atomic-testing/component-driver-html';
+import {
+  byCssClass,
+  ComponentDriver,
+  IComponentDriverOption,
+  Interactor,
+  Optional,
+  PartLocator,
+  ScenePart,
+} from '@atomic-testing/core';
+
+import { DataGridPaginationActionDriver } from './DataGridPaginationActionDriver';
+
+const parts = {
+  paginationAction: {
+    locator: byCssClass('MuiTablePagination-actions'),
+    driver: DataGridPaginationActionDriver,
+  },
+  paginationDescription: {
+    locator: byCssClass('MuiTablePagination-displayedRows'),
+    driver: HTMLElementDriver,
+  },
+} satisfies ScenePart;
+
+/**
+ * Driver for Material UI v6 DataGridPro component.
+ * @see https://mui.com/x/react-data-grid/
+ */
+export class DataGridFooterDriver extends ComponentDriver<typeof parts> {
+  constructor(locator: PartLocator, interactor: Interactor, option?: Partial<IComponentDriverOption>) {
+    super(locator, interactor, {
+      ...option,
+      parts,
+    });
+  }
+
+  async isPreviousPageEnabled(): Promise<boolean> {
+    await this.enforcePartExistence('paginationAction');
+    return this.parts.paginationAction.isPreviousPageEnabled();
+  }
+
+  async gotoPreviousPage(): Promise<void> {
+    await this.enforcePartExistence('paginationAction');
+    await this.parts.paginationAction.gotoPreviousPage();
+  }
+
+  async isNextPageEnabled(): Promise<boolean> {
+    await this.enforcePartExistence('paginationAction');
+    return this.parts.paginationAction.isNextPageEnabled();
+  }
+
+  async gotoNextPage(): Promise<void> {
+    await this.enforcePartExistence('paginationAction');
+    await this.parts.paginationAction.gotoNextPage();
+  }
+
+  async getPaginationDescription(): Promise<Optional<string>> {
+    await this.enforcePartExistence('paginationDescription');
+    return this.parts.paginationDescription.getText();
+  }
+
+  override get driverName(): string {
+    return 'MuiV8DataGridFooterDriver';
+  }
+}

package/src/components/datagrid/DataGridHeaderRowDriver.ts

@@ -0,0 +1,27 @@
+import { byRole, IComponentDriverOption, Interactor, locatorUtil, PartLocator } from '@atomic-testing/core';
+
+import { DataGridRowDriverBase } from './DataGridRowDriverBase';
+
+export class DataGridHeaderRowDriver extends DataGridRowDriverBase {
+  private readonly _headerCellLocator: PartLocator;
+  constructor(locator: PartLocator, interactor: Interactor, option?: Partial<IComponentDriverOption>) {
+    super(locator, interactor, {
+      ...option,
+      parts: {},
+    });
+
+    this._headerCellLocator = locatorUtil.append(locator, byRole('columnheader'));
+  }
+
+  async getColumnCount(): Promise<number> {
+    return this.getCellCount();
+  }
+
+  protected override getCellLocator(): PartLocator {
+    return this._headerCellLocator;
+  }
+
+  override get driverName(): string {
+    return 'MuiV8DataGridHeaderRowDriver';
+  }
+}

package/src/components/datagrid/DataGridPaginationActionDriver.ts

@@ -0,0 +1,59 @@
+import { HTMLButtonDriver } from '@atomic-testing/component-driver-html';
+import {
+  byAttribute,
+  ComponentDriver,
+  IComponentDriverOption,
+  Interactor,
+  PartLocator,
+  ScenePart,
+} from '@atomic-testing/core';
+
+const parts = {
+  previousButton: {
+    locator: byAttribute('aria-label', 'Go to previous page'),
+    driver: HTMLButtonDriver,
+  },
+  nextButton: {
+    locator: byAttribute('aria-label', 'Go to next page'),
+    driver: HTMLButtonDriver,
+  },
+} satisfies ScenePart;
+
+/**
+ * Driver for Material UI v6 DataGridPro component.
+ * @see https://mui.com/x/react-data-grid/
+ */
+export class DataGridPaginationActionDriver extends ComponentDriver<typeof parts> {
+  constructor(locator: PartLocator, interactor: Interactor, option?: Partial<IComponentDriverOption>) {
+    super(locator, interactor, {
+      ...option,
+      parts,
+    });
+  }
+
+  async isPreviousPageEnabled(): Promise<boolean> {
+    await this.enforcePartExistence('previousButton');
+    const isDisabled = await this.parts.previousButton.isDisabled();
+    return !isDisabled;
+  }
+
+  async gotoPreviousPage(): Promise<void> {
+    await this.enforcePartExistence('previousButton');
+    await this.parts.previousButton.click();
+  }
+
+  async isNextPageEnabled(): Promise<boolean> {
+    await this.enforcePartExistence('nextButton');
+    const isDisabled = await this.parts.nextButton.isDisabled();
+    return !isDisabled;
+  }
+
+  async gotoNextPage(): Promise<void> {
+    await this.enforcePartExistence('nextButton');
+    await this.parts.nextButton.click();
+  }
+
+  override get driverName(): string {
+    return 'MuiV8DataGridPaginationActionDriver';
+  }
+}

package/src/components/datagrid/DataGridProDriver.ts

@@ -0,0 +1,207 @@
+import { HTMLElementDriver } from '@atomic-testing/component-driver-html';
+import {
+  byCssClass,
+  byCssSelector,
+  byRole,
+  ComponentDriver,
+  IComponentDriverOption,
+  Interactor,
+  listHelper,
+  locatorUtil,
+  Optional,
+  PartLocator,
+  ScenePart,
+} from '@atomic-testing/core';
+
+import { DataGridCellQuery } from './DataGridCellQuery';
+import { DataGridFooterDriver } from './DataGridFooterDriver';
+import { DataGridHeaderRowDriver } from './DataGridHeaderRowDriver';
+
+const parts = {
+  headerRow: {
+    locator: byCssClass('MuiDataGrid-columnHeaders').chain(byCssSelector('[role=row]:first-of-type')),
+    driver: DataGridHeaderRowDriver,
+  },
+  loading: {
+    locator: byRole('progressbar'),
+    driver: HTMLElementDriver,
+  },
+  skeletonOverlay: {
+    locator: byCssClass('MuiDataGrid-main--hasSkeletonLoadingOverlay'),
+    driver: HTMLElementDriver,
+  },
+  footer: {
+    locator: byCssClass('MuiDataGrid-footerContainer'),
+    driver: DataGridFooterDriver,
+  },
+} satisfies ScenePart;
+
+const dataRowLocator = byCssSelector('[role=row][data-rowindex]');
+
+/**
+ * Driver for Material UI v8  DataGridPro component.
+ * V8 DataGridPro component does not support data-testid, to use data-testid
+ * to locate the component, you need to put the data-testid on the parent element of the grid
+ * @see https://mui.com/x/react-data-grid/
+ */
+export class DataGridProDriver extends ComponentDriver<typeof parts> {
+  constructor(locator: PartLocator, interactor: Interactor, option?: Partial<IComponentDriverOption>) {
+    super(locator, interactor, {
+      ...option,
+      parts,
+    });
+  }
+
+  /**
+   * Checks if the data grid is currently loading.
+   * @returns A promise that resolves to a boolean indicating if the data grid is loading.
+   */
+  async isLoading(): Promise<boolean> {
+    const result = await Promise.all([this.parts.skeletonOverlay.isVisible(), this.parts.loading.isVisible()]);
+    return result.some(v => v);
+  }
+
+  /**
+   * Waits for the data grid to exit the loading state.
+   * @param timeoutMs The maximum time to wait for the load to complete, in milliseconds.
+   */
+  async waitForLoad(timeoutMs: number = 10000): Promise<void> {
+    await this.parts.headerRow.waitUntilComponentState();
+    await this.waitUntil({ probeFn: () => this.isLoading(), terminateCondition: false, timeoutMs });
+  }
+
+  /**
+   * The number of columns currently displayed in the data grid, note that data grid pro
+   * uses virtualize rendering, therefore the column count heavily depends on the viewport size
+   * @returns The number of columns currently displayed in the data grid
+   */
+  async getColumnCount(): Promise<number> {
+    return this.parts.headerRow.getColumnCount();
+  }
+
+  /**
+   * The array text of the header row, note that columns not shown in the viewport may not be included because of virtualize rendering
+   * @returns The array of text of the header row
+   */
+  async getHeaderText(): Promise<string[]> {
+    return this.parts.headerRow.getRowText();
+  }
+
+  /**
+   * The number of rows currently displayed in the data grid, note that data grid pro
+   * uses virtualize rendering, therefore the row count heavily depends on the viewport size
+   * @returns The number of columns currently displayed in the data grid
+   */
+  async getRowCount(): Promise<number> {
+    const gridRowLocator = locatorUtil.append(this.locator, dataRowLocator);
+    let count = 0;
+    for await (const _ of listHelper.getListItemIterator(this, gridRowLocator, HTMLElementDriver)) {
+      count++;
+    }
+    return count;
+  }
+
+  /**
+   * Return the row driver for the row at the specified index, if the row does not exist, return null
+   * @param rowIndex
+   * @returns
+   */
+  async getRow(rowIndex: number): Promise<DataGridHeaderRowDriver | null> {
+    const rowLocator = locatorUtil.append(this.locator, byCssSelector(`[role=row][data-rowindex="${rowIndex}"]`));
+    const rowExists = await this.interactor.exists(rowLocator);
+    if (rowExists) {
+      return new DataGridHeaderRowDriver(rowLocator, this.interactor, this.commutableOption);
+    }
+
+    return null;
+  }
+
+  /**
+   * The array text of the specified row, note that columns not shown in the viewport may not be included because of virtualize rendering
+   * @param rowIndex The index of the row
+   * @returns The array of text of the specified row
+   */
+  async getRowText(rowIndex: number): Promise<string[]> {
+    const row = await this.getRow(rowIndex);
+    if (row != null) {
+      return row.getRowText();
+    }
+    throw new Error(`Row ${rowIndex} does not exist`);
+  }
+
+  /**
+   * Get the cell driver for the cell, if the cell does not exist, return null
+   * The cell driver is default to HTMLElementDriver, you can specify a different driver class
+   * @param query The query to locate the cell
+   * @param driverClass Optional, the driver class to use for the cell, default to HTMLElementDriver
+   * @returns
+   */
+  async getCell<DriverT extends ComponentDriver>(
+    query: DataGridCellQuery,
+    // @ts-ignore
+    driverClass: typeof ComponentDriver = HTMLElementDriver
+  ): Promise<DriverT | null> {
+    const rowDriver = await this.getRow(query.rowIndex);
+
+    if (rowDriver === null) {
+      return null;
+    }
+
+    if ('columnIndex' in query) {
+      return rowDriver.getCell(query.columnIndex, driverClass);
+    }
+
+    return rowDriver.getCell(query.columnField, driverClass);
+  }
+
+  /**
+   * Get the text content of the cell, if the cell does not exist, throw an error
+   * @param query The query to locate the cell
+   * @returns
+   */
+  async getCellText(query: DataGridCellQuery): Promise<string> {
+    const cell = await this.getCell(query);
+    if (cell != null) {
+      const text = await cell.getText();
+      return text!;
+    }
+
+    //@ts-ignore
+    throw new Error(`Cell at row:${query.rowIndex} column:${query.columnIndex ?? query.columnField} does not exist`);
+  }
+
+  //#region Footer
+  isFooterVisible(): Promise<boolean> {
+    return this.parts.footer.isVisible();
+  }
+
+  async isPreviousPageEnabled(): Promise<boolean> {
+    await this.enforcePartExistence('footer');
+    return this.parts.footer.isPreviousPageEnabled();
+  }
+
+  async gotoPreviousPage(): Promise<void> {
+    await this.enforcePartExistence('footer');
+    await this.parts.footer.gotoPreviousPage();
+  }
+
+  async isNextPageEnabled(): Promise<boolean> {
+    await this.enforcePartExistence('footer');
+    return this.parts.footer.isNextPageEnabled();
+  }
+
+  async gotoNextPage(): Promise<void> {
+    await this.enforcePartExistence('footer');
+    await this.parts.footer.gotoNextPage();
+  }
+
+  async getPaginationDescription(): Promise<Optional<string>> {
+    await this.enforcePartExistence('footer');
+    return this.parts.footer.getText();
+  }
+  //#endregion Footer
+
+  override get driverName(): string {
+    return 'MuiV8DataGridProDriver';
+  }
+}