@m4l/testing 0.0.22 → 0.0.23-AQ200320226-2.beta

package/e2e/commands/components/WindowBase/types.d.ts

@@ -1,18 +1,100 @@
 declare global {
   namespace Cypress {
     interface Chainable {
-      m4lWindowBaseHeader(): Chainable<Element>
-      m4lWindowBaseLeftAction(buttonPosition: number): Chainable<Element>
-      m4lWindowBaseLeftActionClick(buttonPosition: number): Chainable<Element>
-      m4lWindowBaseMenuAction(menuItemPosition: number): Chainable<Element>
-      m4lWindowBaseMenuActionDisabled(menuItemPosition: number): Chainable<Element>
-
+      /**
+       * Gets the module header (draggable handle area).
+       * @example
+       * cy.m4lWindowBaseHeader().find('button').first().click();
+       */
+      m4lWindowBaseHeader (): Chainable<Element>
+      /**
+       * Gets a button on the left side of the module by 0-based index.
+       * @example
+       * cy.m4lWindowBaseLeftAction(0).click(); // first left button
+       */
+      m4lWindowBaseLeftAction (
+        /**
+         * Button position
+         */
+        buttonPosition: number,
+      ): Chainable<Element>
+      /**
+       * Clicks on the left button of the module by 0-based index.
+       * @example
+       * cy.m4lWindowBaseLeftActionClick(0);
+       */
+      m4lWindowBaseLeftActionClick (
+        /**
+         * Button position
+         */
+        buttonPosition: number,
+      ): Chainable<Element>
+      /**
+       * Opens the header menu and returns the menu item at the given 0-based position.
+       * @example
+       * cy.m4lWindowBaseMenuAction(0).click(); // click first menu item
+       */
+      m4lWindowBaseMenuAction (
+        /**
+         * Button position
+         */
+        menuItemPosition: number,
+      ): Chainable<Element>
+      /**
+       * Asserts that the menu item at the given position is disabled.
+       * @example
+       * cy.m4lWindowBaseMenuActionDisabled(2);
+       */
+      m4lWindowBaseMenuActionDisabled (
+        /**
+         * Button position
+         */
+        menuItemPosition: number,
+      ): Chainable<Element>
+      /**
+       * Finds the dialog by title and returns the container (e.g. to then find and click accept).
+       * @example
+       * cy.m4lDialogWindowActions('Confirm').find('button').contains('Accept').click();
+       */
+      m4lDialogWindowActions (
+        /**
+         * Dialog title
+         */
+        title: string,
+      ): Chainable<Element>
+      /**
+       * Asserts that a popup window has the given title.
+       * @example
+       * cy.m4lDialogWindowActionsValidateTitle('Edit item');
+       */
+      m4lDialogWindowActionsValidateTitle (
+        /**
+         * Dialog title
+         */
+        title: string,
+      ): Chainable<Element>
       // login(email: string, password: string): Chainable<void>
       // drag(subject: string, options?: Partial<TypeOptions>): Chainable<Element>
       // dismiss(subject: string, options?: Partial<TypeOptions>): Chainable<Element>
       // visit(originalFn: CommandOriginalFn, url: string, options: Partial<VisitOptions>): Chainable<Element>
+      /**
+       * Validate title module of the Window Base
+       * @example
+       * ```
+       * cy.assertModuleHeaderTitle('N_D:[module_name]');
+       * ```
+       */
+      m4lAssertModuleHeaderTitle (title: string): Chainable<Element>
+      /**
+       * Validate icon module of the Window Base
+       * @example
+       * ```
+       * cy.assertModuleHeaderIcon('i_common_general_action_add');
+       * ```
+       */
+      m4lAssertModuleHeaderIcon (icon: string): Chainable<Element>
     }
   }
 }
 
-export {};
+export { };

package/e2e/commands/components/index.d.ts

@@ -1,3 +1,4 @@
+export * from './Accordions/commands';
 export * from './DataGrid/commands';
 export * from './DynamicFilter/commands';
 export * from './DynamicSort/commands';
@@ -6,3 +7,6 @@ export * from './Popover/commands';
 export * from './PropertyValue/commands';
 export * from './Tab/commands';
 export * from './WindowBase/commands';
+export * from './CommonActions/commands';
+export * from './Filters/commands';
+export * from './Form/commands';

package/e2e/commands/index.d.ts

@@ -1 +1,7 @@
 export { registerCommands } from './register';
+export type { M4lFiltersAndSortsConfig } from './components/Filters/types';
+export type { M4lPropertyValuesAccordionsConfig } from './components/Accordions/types';
+export type { M4LDataGridCypressColumn, M4LGetCypressDataGridColumnsConfig } from './components/DataGrid/types';
+export * from './components/Form/cypress/assertInitialFormState/type';
+export * from './components/Form/cypress/assertMandatoryFields/type';
+export * from './components/Form/cypress/fillAndAssertFormFields/type';

package/e2e/commands/register.d.ts

@@ -1,5 +1,4 @@
-import { Rute } from '../types';
 /**
  * Registra los comandos de la aplicación
  */
-export declare const registerCommands: (_props?: Rute) => void;
+export declare const registerCommands: () => void;

package/e2e/commands/register.js

@@ -1,15 +1,19 @@
+import { r } from "./components/Accordions/commands.js";
 import { r as m } from "./components/DataGrid/commands.js";
 import { r as o } from "./components/DynamicFilter/commands.js";
 import { r as s } from "./components/DynamicSort/commands.js";
 import { r as e } from "./components/MenuActions/commands.js";
-import { r as t } from "./components/Popover/commands.js";
-import { r as a } from "./components/PropertyValue/commands.js";
-import { r as i } from "./components/Tab/commands.js";
+import { r as i } from "./components/Popover/commands.js";
+import { r as t } from "./components/PropertyValue/commands.js";
+import { r as a } from "./components/Tab/commands.js";
 import { r as n } from "./components/WindowBase/commands.js";
-import { r as p } from "./intercepts/noPrivileges/interceptCommands.js";
-const u = (r = {}) => {
-  m(), o(), s(), e(), t(), a(), i(), n(), p(r);
+import { r as d } from "./components/CommonActions/commands.js";
+import { r as p } from "./components/Filters/commands.js";
+import { r as g } from "./intercepts/noPrivileges/interceptCommands.js";
+import { r as C } from "./components/Form/commands.js";
+const B = () => {
+  r(), m(), o(), s(), e(), i(), t(), a(), n(), d(), p(), g(), C();
 };
 export {
-  u as r
+  B as r
 };

package/e2e/cypress.d.js

@@ -0,0 +1 @@
+

package/e2e/cypress.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="./commands/components/Accordions/types.d.ts" />
 /// <reference path="./commands/components/DataGrid/types.d.ts" />
 /// <reference path="./commands/components/DynamicFilter/types.d.ts" />
 /// <reference path="./commands/components/DynamicSort/types.d.ts" />
@@ -6,9 +7,10 @@
 /// <reference path="./commands/components/Popover/types.d.ts" />
 /// <reference path="./commands/components/PropertyValue/types.d.ts" />
 /// <reference path="./commands/components/Tab/types.d.ts" />
+/// <reference path="./commands/components/CommonActions/types.d.ts" />
 /// <reference path="./commands/intercepts/noPrivileges/types.d.ts" />
+/// <reference path="./commands/components/Form/types.d.ts" />
 
-export type { M4LGetCypressDataGridColumnsConfig , M4LDataGridCypressColumn } from './commands/components/DataGrid/export';
 
 declare global {
   namespace Cypress {
@@ -18,3 +20,5 @@ declare global {
     }
   }
 }
+
+export { };

package/index.d.ts

@@ -1,3 +1,4 @@
+export * from './e2e/cypress.d';
 export * from './e2e/commands';
 export * from './testComponents';
 export * from './testTools';

package/index.js

@@ -1,27 +1,27 @@
-import { r as t } from "./e2e/commands/register.js";
-import { t as s } from "./testComponents/DataGrid/helpers.js";
-import { t as a } from "./testComponents/DynamicFilter/helpers.js";
-import { t as p } from "./testComponents/DynamicSort/helpers.js";
-import { act as n } from "react";
-import { cleanup as c, fireEvent as d, renderHook as l, screen as u, waitFor as F, within as C } from "@testing-library/react";
-import { beforeEach as b, describe as g, expect as h } from "vitest";
-import { c as w } from "./testTools/utils.js";
+import { act as t } from "react";
+import { beforeEach as s, describe as f, expect as a } from "vitest";
+import { cleanup as p, fireEvent as i, renderHook as n, screen as x, waitFor as c, within as d } from "@testing-library/react";
+import { r as u } from "./e2e/commands/register.js";
+import { c as C } from "./testTools/utils.js";
+import { t as b } from "./testComponents/DataGrid/helpers.js";
+import { t as h } from "./testComponents/DynamicFilter/helpers.js";
+import { t as w } from "./testComponents/DynamicSort/helpers.js";
 import { default as H } from "@testing-library/user-event";
 export {
-  n as act,
-  b as beforeEach,
-  c as cleanup,
-  g as describe,
-  h as expect,
-  d as fireEvent,
-  t as registerCommands,
-  w as render,
-  l as renderHook,
-  u as screen,
-  s as testColumnConfigs,
-  a as testFilterFields,
-  p as testSortFields,
+  t as act,
+  s as beforeEach,
+  p as cleanup,
+  f as describe,
+  a as expect,
+  i as fireEvent,
+  u as registerCommands,
+  C as render,
+  n as renderHook,
+  x as screen,
+  b as testColumnConfigs,
+  h as testFilterFields,
+  w as testSortFields,
   H as userEvent,
-  F as waitFor,
-  C as within
+  c as waitFor,
+  d as within
 };

package/package.json

@@ -1,117 +1,68 @@
 {
   "name": "@m4l/testing",
   "description": "Shared testing utilities for MFs",
-  "version": "0.0.22",
+  "version": "0.0.23-AQ200320226-2.beta",
   "license": "UNLICENSED",
   "author": "M4L Team",
-  "scripts": {
-    "clean": "npx -y rimraf node_modules **/node_modules/ **/dist/ dist yarn.lock .yarn .config/yarn package-lock.json",
-    "typescript": "tsc  --noEmit",
-    "build": "yarn lint:fix && tsc && vite build && buildM4lPackage",
-    "build:only": "vite build && buildM4lPackage",
-    "buildM4Lpackage:monorepo": "node ../m4l_vite_plugins/dist/bin/buildM4lPackage.js",
-    "build:monorepo": "yarn lint:fix && tsc && vite build",
-    "build:only:monorepo": "tsc && vite build && yarn buildM4Lpackage:monorepo",
-    "release": "yarn build && npm publish ./dist",
-    "release:monorepo": "yarn build:monorepo && cd dist && npm publish",
-    "release:monorepo:beta": "yarn build:monorepo && cd dist && npm publish --tag beta",
-    "release:monorepo:beta:only": "cd dist && npm publish --tag beta",
-    "lint": "npx eslint .  --max-warnings 0",
-    "lint:fix": "yarn lint --fix  --max-warnings 0",
-    "lefthook:install": "lefthook install",
-    "test": "vitest --config vitest.config.ts",
-    "test:only": "vitest --config vitest.config.ts --allowOnly",
-    "coverage": "vitest run --coverage",
-    "coverage:ui": "vitest --ui run --coverage ",
-    "docs": "typedoc --entryPointStrategy expand --tsconfig ./tsconfig.json"
-  },
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"
   },
   "dependencies": {
-    "@storybook/addon-designs": "^8.0.3",
-    "@storybook/addon-essentials": "^8.3.4",
-    "@storybook/addon-interactions": "^8.3.4",
-    "@storybook/addon-links": "^8.3.4",
+    "@storybook/addon-designs": "^8.0.0",
+    "@storybook/addon-essentials": "8.3.4",
+    "@storybook/addon-interactions": "8.3.4",
+    "@storybook/addon-links": "8.3.4",
     "@storybook/addon-onboarding": "^8.3.4",
     "@storybook/blocks": "^8.3.4",
-    "@storybook/react": "^8.3.4",
-    "@storybook/react-vite": "^8.3.4",
-    "@storybook/test": "^8.3.4",
+    "@storybook/react": "8.3.4",
+    "@storybook/react-vite": "8.3.4",
+    "@storybook/test": "8.3.4",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.5.0",
     "@testing-library/react": "^16.0.0",
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^14.5.2",
-    "@types/cypress": "^1.1.6",
     "@types/jest": "^29.5.10",
     "@vitejs/plugin-react": "^4.0.0",
-    "@vitest/coverage-istanbul": "^3.1.1",
-    "@vitest/coverage-v8": "^3.1.1",
+    "@vitest/coverage-istanbul": "3.1.1",
+    "@vitest/coverage-v8": "3.1.1",
     "@vitest/ui": "^3.1.1",
     "cypress": "^14.1.0",
-    "cypress-vite": "^1.5.0",
+    "cypress-vite": "1.6.0",
     "happy-dom": "^17.1.9",
-    "jest-environment-jsdom": "^29.7.0",
+    "jest-environment-jsdom": "29.7.0",
     "jsdom": "^25.0.1",
     "storybook": "^8.3.4"
   },
   "peerDependencies": {
-    "@types/react": "^18.0.0",
-    "react": "^18.0.0",
-    "vitest": "^3.1.1"
-  },
-  "devDependencies": {
-    "@m4l/components": "^9.0.0",
-    "@m4l/config": "^1.1.2",
-    "@m4l/vite-plugins": "^1.1.5",
-    "@types/node": "^22.7.3",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
-    "eslint": "^9.0.0",
-    "lefthook": "^1.7.18",
-    "lint-staged": "^15.2.10",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "typescript": "^5.4.5",
-    "vite": "^6.3.5",
-    "vite-plugin-dts": "^4.2.1",
-    "vitest": "^3.1.1"
+    "@types/react": "18.3.23",
+    "react": "18.3.1",
+    "vitest": "3.1.1"
   },
   "resolutions": {
     "glob": "^10.4.5",
-    "react": "^18.0.0",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
-    "react-dom": "^18.0.0",
+    "react": "18.3.1",
+    "@types/react": "18.3.23",
+    "@types/react-dom": "18.3.7",
+    "react-dom": "18.3.1",
     "@vitejs/plugin-react": "^4.0.0"
   },
   "overrides": {
     "glob": "^10.4.5",
-    "eslint": "^9.0.0",
-    "react": "^18.0.0",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "eslint": "9.28.0",
+    "react": "18.3.1",
+    "@types/react": "18.3.23",
+    "@types/react-dom": "18.3.7",
+    "react-dom": "18.3.1"
   },
   "files": [
     "*"
   ],
+  "type": "module",
   "source": "./index.js",
-  "main": "src/index.ts",
+  "main": "./src/index.ts",
   "module": "./index.js",
-  "type": "module",
   "types": "./index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./index.d.ts",
-      "import": "./index.js",
-      "require": null
-    },
-    "./cypress": {
-      "types": "./e2e/cypress.d.ts"
-    }
-  },
   "sideEffects": false,
   "publishConfig": {
     "access": "public"
@@ -119,5 +70,11 @@
   "engines": {
     "node": ">=12.0.0"
   },
-  "packageManager": "yarn@4.5.0"
+  "packageManager": "yarn@4.5.0",
+  "private": false,
+  "exports": {
+    ".": {
+      "import": "./index.js"
+    }
+  }
 }

package/testComponents/DataGrid/helpers.js

@@ -1,73 +1,95 @@
-import { expect as t } from "vitest";
-const n = (o) => o?.type === "nested", h = (o) => o?.type === "date", d = (o) => o?.type === "boolean", k = (o) => o?.type === "setCheck", C = (o) => o?.type === "price", p = (o) => o?.type === "points", y = (o) => o?.type === "uncertainty", f = (o) => o?.type === "concatenated", m = (o) => o?.type === "chipStatus", V = (o, a) => {
-  t(o).toHaveLength(a.length), a.forEach((e, s) => {
-    const l = o[s], u = e.hookCall?.type ?? "none";
-    describe(`Column ${s + 1}: ${e.key} (${u})`, () => {
+import { expect as l } from "vitest";
+const i = (t) => t?.type === "nested", k = (t) => t?.type === "date", C = (t) => t?.type === "boolean", d = (t) => t?.type === "setCheck", n = (t) => t?.type === "price", p = (t) => t?.type === "points", y = (t) => t?.type === "uncertainty", f = (t) => t?.type === "concatenated", m = (t) => t?.type === "chipStatus", V = (t) => t?.type === "tags", I = (t) => t?.type === "icon", P = (t) => t?.type === "color", E = (t) => t?.type === "image", B = (t, r) => {
+  l(t).toHaveLength(r.length), r.forEach((e, u) => {
+    const o = t[u], h = e.hookCall?.type ?? "none";
+    describe(`Column ${u + 1}: ${e.key} (${h})`, () => {
       if (it("should have the correct basic properties", () => {
-        t(l.key).toBe(e.key), t(l.name).toBe(e.name), t(l.type).toBe(e.type), t(l.align).toBe(e.align), t(l.width).toBe(e.width), t(l.visible).toBe(e.visible), e.fixed && t(l.fixed).toBe(e.fixed);
+        l(o.key).toBe(e.key), l(o.name).toBe(e.name), l(o.type).toBe(e.type), l(o.align).toBe(e.align), l(o.width).toBe(e.width), l(o.visible).toBe(e.visible), e.fixed && l(o.fixed).toBe(e.fixed);
       }), e.hookCall) {
-        let r = !0, i = !0;
+        let a = !0, s = !0;
         it("should have the correct hook call properties", () => {
-          if (n(e.hookCall))
-            t(l.testProps).toEqual({
-              fieldValue: e.hookCall.fieldValue
+          if (i(e.hookCall))
+            l(o.testProps).toEqual({
+              fieldValue: e.hookCall.fieldValue,
+              defaultValue: e.hookCall.defaultValue,
+              Component: e.hookCall.Component
             });
-          else if (h(e.hookCall))
-            t(l.testProps).toEqual({
+          else if (k(e.hookCall))
+            l(o.testProps).toEqual({
               fieldValue: e.hookCall.fieldValue,
               presentationType: e.hookCall.presentationType
             });
-          else if (d(e.hookCall))
-            t(l.testProps).toEqual({
+          else if (C(e.hookCall))
+            l(o.testProps).toEqual({
               fieldValue: e.hookCall.fieldValue,
               presentationType: e.hookCall.presentationType
             });
-          else if (k(e.hookCall))
-            t(l.testProps).toEqual({
+          else if (d(e.hookCall))
+            l(o.testProps).toEqual({
               field: e.hookCall.field,
-              disabledGetter: t.any(Function),
-              rowKeyGetter: t.any(Function),
-              useHook: t.any(Function)
-            }), r = !1, i = !1;
-          else if (C(e.hookCall))
-            t(l.testProps).toEqual({
+              disabledGetter: l.any(Function),
+              rowKeyGetter: l.any(Function),
+              useHook: l.any(Function)
+            }), a = !1, s = !1;
+          else if (n(e.hookCall))
+            l(o.testProps).toEqual({
               fieldValue: e.hookCall.fieldValue
             });
           else if (p(e.hookCall))
-            t(l.testProps).toEqual({
+            l(o.testProps).toEqual({
               fieldValue: e.hookCall.fieldValue,
               fieldUnit: e.hookCall.fieldUnit
             });
           else if (y(e.hookCall))
-            t(l.testProps).toEqual({
+            l(o.testProps).toEqual({
               fieldValue: e.hookCall.fieldValue,
               fieldUnit: e.hookCall.fieldUnit,
               fieldSymbol: e.hookCall.fieldSymbol
             });
           else if (f(e.hookCall))
-            t(l.testProps).toEqual({
+            l(o.testProps).toEqual({
               fieldValue: e.hookCall.fieldValue,
               fieldSeparator: e.hookCall.fieldSeparator
             });
           else if (m(e.hookCall))
-            t(l.testProps).toEqual({
-              fieldLabel: typeof e.hookCall.fieldLabel == "function" ? t.any(Function) : e.hookCall.fieldLabel,
+            l(o.testProps).toEqual({
+              fieldLabel: typeof e.hookCall.fieldLabel == "function" ? l.any(Function) : e.hookCall.fieldLabel,
               fieldStatus: e.hookCall.fieldStatus,
               statusesColors: e.hookCall.statusesColors,
               fallbackColor: e.hookCall.fallbackColor
             });
+          else if (V(e.hookCall))
+            l(o.testProps).toEqual({
+              fieldValue: e.hookCall.fieldValue
+            });
+          else if (I(e.hookCall))
+            l(o.testProps).toEqual({
+              getIconProps: l.any(Function)
+            }), a = !1, s = !1;
+          else if (P(e.hookCall))
+            l(o.testProps).toEqual({
+              fieldValue: e.hookCall.fieldValue
+            }), a = !1, s = !1;
+          else if (E(e.hookCall))
+            l(o.testProps).toEqual({
+              fieldValue: e.hookCall.fieldValue,
+              fieldText: e.hookCall.fieldText,
+              cover: e.hookCall.cover,
+              width: e.hookCall.width,
+              height: e.hookCall.height
+            }), a = !1, s = !1;
           else
             throw new Error(`Unknown hook call type: ${e.hookCall?.type}`);
         }), it("should have formatter, customFilter and customSort functions", () => {
-          t(l.formatter).toBeDefined(), r && t(l.customFilter).toBeDefined(), i && t(l.customSort).toBeDefined();
+          l(o.formatter).toBeDefined(), a && l(o.customFilter).toBeDefined(), s && l(o.customSort).toBeDefined();
         });
       } else
         it("should not have formatter functions", () => {
-          t(l.formatter).toBeUndefined(), t(l.customFilter).toBeUndefined(), t(l.customSort).toBeUndefined();
+          l(o.formatter).toBeUndefined(), l(o.customFilter).toBeUndefined(), l(o.customSort).toBeUndefined();
         });
     });
   });
 };
 export {
-  V as t
+  B as t
 };

package/testComponents/DataGrid/types.d.ts

@@ -1,7 +1,7 @@
-import { ColumnNestedValueFormatterProps, ColumnDateFormatterProps, ColumnBooleanFormatterProps, ColumnPriceFormatterProps, ColumnPointsFormatterProps, ColumnSetCheckFormatterProps, ColumnUncertaintyFormatterProps, ColumnConcatenatedValuesFormatterProps, Column, ColumnInteractiveCheckFormatterProps, ColumnChipStatusFormatterProps } from '@m4l/components';
+import { ColumnNestedValueFormatterProps, ColumnDateFormatterProps, ColumnBooleanFormatterProps, ColumnPriceFormatterProps, ColumnPointsFormatterProps, ColumnSetCheckFormatterProps, ColumnUncertaintyFormatterProps, ColumnConcatenatedValuesFormatterProps, Column, ColumnInteractiveCheckFormatterProps, ColumnChipStatusFormatterProps, ColumnTagsFormatterProps, ColumnIconFormatterProps, ColumnColorFormatterProps, ColumnImageFormatterProps } from '@m4l/components';
 type BaseColumnConfig<T> = Column<T, unknown>;
 type BaseHookCall = {
-    type: 'nested' | 'date' | 'boolean' | 'price' | 'points' | 'interactiveCheck' | 'setCheck' | 'uncertainty' | 'concatenated' | 'chipStatus';
+    type: 'nested' | 'date' | 'boolean' | 'price' | 'points' | 'interactiveCheck' | 'setCheck' | 'uncertainty' | 'concatenated' | 'chipStatus' | 'tags' | 'icon' | 'color' | 'image';
 };
 export type TestingNestedValueHookCall<T> = BaseHookCall & ColumnNestedValueFormatterProps<T> & {
     type: 'nested';
@@ -33,8 +33,20 @@ export type TestingConcatenatedHookCall<T> = BaseHookCall & ColumnConcatenatedVa
 export type TestingChipStatusHookCall<T> = BaseHookCall & ColumnChipStatusFormatterProps<T> & {
     type: 'chipStatus';
 };
+export type TestingTagsHookCall<T> = BaseHookCall & ColumnTagsFormatterProps<T> & {
+    type: 'tags';
+};
+export type TestingIconHookCall<T> = BaseHookCall & ColumnIconFormatterProps<T> & {
+    type: 'icon';
+};
+export type TestingColorHookCall<T> = BaseHookCall & ColumnColorFormatterProps<T> & {
+    type: 'color';
+};
+export type TestingImageHookCall<T> = BaseHookCall & ColumnImageFormatterProps<T> & {
+    type: 'image';
+};
 export type TestingColumnConfig<T> = BaseColumnConfig<T> & {
-    hookCall?: TestingNestedValueHookCall<T> | TestingDateHookCall<T> | TestingBooleanHookCall<T> | TestingPriceHookCall<T> | TestingPointsHookCall<T> | TestingInteractiveCheckHookCall<T> | TestingSetCheckHookCall<T> | TestingUncertaintyHookCall<T> | TestingConcatenatedHookCall<T> | TestingChipStatusHookCall<T>;
+    hookCall?: TestingNestedValueHookCall<T> | TestingDateHookCall<T> | TestingBooleanHookCall<T> | TestingPriceHookCall<T> | TestingPointsHookCall<T> | TestingInteractiveCheckHookCall<T> | TestingSetCheckHookCall<T> | TestingUncertaintyHookCall<T> | TestingConcatenatedHookCall<T> | TestingChipStatusHookCall<T> | TestingTagsHookCall<T> | TestingIconHookCall<T> | TestingColorHookCall<T> | TestingImageHookCall<T>;
 };
 export type TestingColumn = Column<unknown, unknown> & {
     testProps?: Record<string, unknown>;

package/e2e/commands/components/DataGrid/export.d.ts

@@ -1,7 +0,0 @@
-export type M4LDataGridCypressColumn = {
-    key: string;
-    value: any;
-    headerText: string;
-    visible: boolean;
-};
-export type M4LGetCypressDataGridColumnsConfig<T> = (data: T) => M4LDataGridCypressColumn[];