@m4l/testing 0.0.13 → 0.0.14-JT07112025.beta.2

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

@@ -0,0 +1,4 @@
+/**
+ * Registra los comandos de DataGrid
+ */
+export declare const registerDataGridCommands: () => void;

package/e2e/commands/components/DataGrid/commands.js

@@ -0,0 +1,42 @@
+const u = () => {
+  Cypress.Commands.add("m4lDataGrid", (e) => {
+    cy.get(e).find('[class^="M4LDataGrid-root"]');
+  }), Cypress.Commands.add("m4lDataGridValidateVisibleColumns", (e, d, l, r = 1) => {
+    let a = 0, i = r;
+    d(l).forEach((n) => {
+      n.visible && (cy.log(`Validando columna visible: ${n.headerText} , index: ${i}`), i++, cy.m4lDataGrid(e).find("[role=row]").find(`[role=columnheader][aria-colindex=${i}]`).should("have.text", n.headerText), cy.m4lDataGrid(e).find("[role=row]").find(`[role=gridcell][aria-colindex=${i}]`).should("contain", n.value), cy.m4lDataGrid(e).find("[role=row]").find(`[role=columnheader][aria-colindex=${i}]`).then((s) => {
+        const o = s.width();
+        o !== void 0 && (a += o), cy.m4lDataGrid(e).find("[role=grid]").scrollTo(a, 0, { duration: 100, ensureScrollable: !1 });
+      }));
+    });
+  }), Cypress.Commands.add("m4lDataGridRow", (e, d, l) => {
+    let r = 0, a = 0;
+    const i = 10, n = d + 1;
+    function s() {
+      return cy.m4lDataGrid(e).find("[role=row]").not('[aria-rowindex="1"]').filter(`[aria-rowindex="${n}"]`).then((o) => {
+        if (o.length > 0) {
+          const t = o[0].getBoundingClientRect();
+          if (t.top >= 0 && t.left >= 0 && t.bottom <= (window.innerHeight || document.documentElement.clientHeight) && t.right <= (window.innerWidth || document.documentElement.clientWidth))
+            return cy.wrap(o);
+        }
+        if (a >= i)
+          throw new Error(`No se encontró la fila ${n} después de ${i} intentos`);
+        return a++, cy.m4lDataGrid(e).find("[role=row]").not('[aria-rowindex="1"]').filter((m, t) => {
+          const c = t.getBoundingClientRect();
+          return c.top >= 0 && c.left >= 0 && c.bottom <= (window.innerHeight || document.documentElement.clientHeight) && c.right <= (window.innerWidth || document.documentElement.clientWidth);
+        }).first().then((m) => {
+          const t = m.height() || 0;
+          return r += t, cy.m4lDataGrid(e).find("[role=grid]").scrollTo(0, r, { duration: 100, ensureScrollable: !1 }).then(() => s());
+        });
+      });
+    }
+    return s().find(`[role=gridcell][aria-colindex="${l}"]`);
+  }), Cypress.Commands.add("m4lDataGridRowAction", (e, d, l = 1, r = 1) => {
+    cy.m4lDataGridRow(e, l, r).find("button").eq(0).should("be.visible", { timeout: 1e4 }).click(), cy.m4lMenuActionsItem(d);
+  }), Cypress.Commands.add("m4lDataGridFindAllColumns", (e) => {
+    cy.m4lDataGrid(e).find('[class^="M4LDataGrid-actionsConfigContainer"]').find("button").eq(2).click();
+  });
+};
+export {
+  u as r
+};

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

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

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

@@ -0,0 +1,55 @@
+import { M4LGetCypressDataGridColumnsConfig } from './export';
+declare global {
+  namespace Cypress {
+    interface Chainable {
+      /**
+       * Obtiene el grid
+       * @param selector selector del grid
+       * @returns el grid
+       */
+      m4lDataGrid(selector: string): Chainable<Element>
+      /**
+       * Valida las columnas visibles del grid
+       * @param selector selector del grid
+       * @param getColumnsConfig función que obtiene las columnas visibles del grid
+       * @param mockData datos del grid
+       * @param baseColumnIndex índice de la columna a obtener
+       */
+      m4lDataGridValidateVisibleColumns<T>(
+        selector: string,
+        getColumnsConfig: M4LGetCypressDataGridColumnsConfig<T>,
+        mockData: T,
+        baseColumnIndex?: number
+      ): Chainable<void>;
+      /**
+       * Obtiene la fila del grid especificada por el índice de base 1, garantizando que esté visible en el viewport
+       * @param selector selector del grid
+       * @param targetRowBaseOneIndex índice de la fila a obtener
+       * @param baseOneColumnIndex índice de la columna a obtener
+       * @returns la fila del grid
+       */
+      m4lDataGridRow(selector: string, targetRowBaseOneIndex: number, baseOneColumnIndex: number): Chainable<JQuery<HTMLElement>>;
+      /**
+       * Obtiene el rowAction del menuActions asociado a la fila del grid especificada por el índice de base 1
+       * @param selector selector del grid
+       * @param menuItemIndex índice del item del menuActions
+       * @param baseOneTargetRowIndex índice de la fila a obtener
+       * @param baseColbaseOneColumnIndexumnIndex índice de la columna a obtener
+       * @returns el rowAction del menuActions asociado a la fila del grid
+       */
+      m4lDataGridRowAction(
+        selector: string,
+        menuItemIndex: number,
+        baseOnetargetRowIndex?: number,
+        baseOneColumnIndex?: number,
+      ): Chainable<Element>
+
+      /**
+       * Busca y muestra todas las columnas del grid principal
+       */
+      m4lDataGridFindAllColumns(selector: string): Chainable<Element>
+    }
+  }
+}
+
+export {};

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

@@ -0,0 +1,4 @@
+/**
+ * Registra los comandos de DynamicFilter
+ */
+export declare const registerDynamicFilterCommands: () => void;

package/e2e/commands/components/DynamicFilter/commands.js

@@ -0,0 +1,12 @@
+const n = () => {
+  Cypress.Commands.add("m4lDynamicFilterInputClick", () => {
+    cy.get('[class*="M4LDynamicFilter-root"]').find('[class*="M4LDynamicFilter-inputFilter"]').find("input").click();
+  }), Cypress.Commands.add("m4lDynamicFilterApplyedDateField", (i) => {
+    cy.m4lDynamicFilterInputClick(), cy.m4lPopover().find("li").contains(i).click(), cy.m4lPopover().find("button").contains("N_D:[common_actions.intro]").click();
+  }), Cypress.Commands.add("m4lDynamicFilterRefreshButton", (i) => {
+    cy.get(i).find('[class*="M4LDynamicFilter-root"]').find('[class*="M4LDynamicFilter-actions"]').find('[class*="MuiButtonBase-root"]').eq(1);
+  });
+};
+export {
+  n as r
+};

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

@@ -0,0 +1,20 @@
+declare global {
+  namespace Cypress {
+    interface Chainable {
+      /**
+       * Click en el input de filtro
+       */
+      m4lDynamicFilterInputClick(): Chainable<Element>;
+      /**
+       * Aplicar el filtro de fecha
+       */
+      m4lDynamicFilterApplyedDateField(dateFieldLabel: string): Chainable<Element>;
+      /**
+       * Obtiene el botón de refrescar
+       */
+      m4lDynamicFilterRefreshButton(selector: string): Chainable<Element>;
+    }
+  }
+}
+
+export {};

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

@@ -0,0 +1,4 @@
+/**
+ * Registra los comandos de DynamicSort
+ */
+export declare const registerDynamicSortCommands: () => void;

package/e2e/commands/components/DynamicSort/commands.js

@@ -0,0 +1,10 @@
+const c = () => {
+  Cypress.Commands.add("m4lDynamicSortInputClick", () => {
+    cy.get('[class*="M4LDynamicSort-root"]').find('[class*="M4LDynamicSort-inputSort"]').find("input").click();
+  }), Cypress.Commands.add("m4lDynamicSortApplyedField", (n) => {
+    cy.m4lDynamicSortInputClick(), cy.m4lPopover().find("li").contains(n).click(), cy.m4lPopover().find("button").contains("N_D:[common_actions.intro]").click();
+  });
+};
+export {
+  c as r
+};

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

@@ -0,0 +1,10 @@
+declare global {
+  namespace Cypress {
+    interface Chainable {
+      m4lDynamicSortInputClick(): Chainable<Element>
+      m4lDynamicSortApplyedField(dateFieldLabel: string): Chainable<Element>
+    }
+  }
+}
+
+export {};

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

@@ -0,0 +1,4 @@
+/**
+ * Registra los comandos de MenuActions
+ */
+export declare const registerMenuActionsCommands: () => void;

package/e2e/commands/components/MenuActions/commands.js

@@ -0,0 +1,8 @@
+const o = () => {
+  Cypress.Commands.add("m4lMenuActionsItem", (e) => {
+    cy.m4lPopover().find("[role=menuitem]").eq(e).should("be.visible", { timeout: 1e4 });
+  });
+};
+export {
+  o as r
+};

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

@@ -0,0 +1,9 @@
+declare global {
+  namespace Cypress {
+    interface Chainable {
+      m4lMenuActionsItem(menuItemIndex: number): Chainable<Element>
+    }
+  }
+}
+
+export {};

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

@@ -0,0 +1,4 @@
+/**
+ * Registra los comandos de Popover
+ */
+export declare const registerPopoverCommands: () => void;

package/e2e/commands/components/Popover/commands.js

@@ -0,0 +1,8 @@
+const o = () => {
+  Cypress.Commands.add("m4lPopover", () => {
+    cy.get("[role=presentation").find('[class^="MuiPaper-root"]');
+  });
+};
+export {
+  o as r
+};

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

@@ -0,0 +1,9 @@
+declare global {
+  namespace Cypress {
+    interface Chainable {
+      m4lPopover(): Chainable<Element>
+    }
+  }
+}
+
+export {};

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

@@ -0,0 +1,4 @@
+/**
+ * Registra los comandos de PropertyValue
+ */
+export declare const registerPropertyValueCommands: () => void;

package/e2e/commands/components/PropertyValue/commands.js

@@ -0,0 +1,8 @@
+const r = () => {
+  Cypress.Commands.add("m4lPropertyValue", (e) => {
+    cy.get(e).find('[class*="M4LPropertyValue-value"]');
+  });
+};
+export {
+  r
+};

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

@@ -0,0 +1,14 @@
+declare global {
+  namespace Cypress {
+    interface Chainable {
+      /**
+       * Obtiene el PropertyValue
+       * @param selector selector de la propiedad
+       * @returns el valor de la propiedad
+       */
+      m4lPropertyValue(selector: string): Chainable<Element>
+    }
+  }
+}
+
+export {};

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

@@ -0,0 +1,4 @@
+/**
+ * Registra los comandos de Tab
+ */
+export declare const registerTabCommands: () => void;

package/e2e/commands/components/Tab/commands.js

@@ -0,0 +1,8 @@
+const a = () => {
+  Cypress.Commands.add("m4lTabButton", (t, s) => {
+    cy.get(t).find("[role=tablist]").find("button").eq(s);
+  });
+};
+export {
+  a as r
+};

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

@@ -0,0 +1,14 @@
+declare global {
+  namespace Cypress {
+    interface Chainable {
+      /**
+       * Obtiene el botón de la pestaña indicada
+       * @param tabIndex índice de la pestaña a obtener
+       * @returns el botón de la pestaña indicada
+       */
+      m4lTabButton(selector: string, tabIndex: number): Chainable<Element>
+    }
+  }
+}
+
+export {};

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

@@ -0,0 +1,4 @@
+/**
+ * Registra los comandos de WindowBase
+ */
+export declare const registerWindowBaseCommands: () => void;

package/e2e/commands/components/WindowBase/commands.js

@@ -0,0 +1,16 @@
+const a = () => {
+  Cypress.Commands.add("m4lWindowBaseHeader", () => {
+    cy.get('[class^="M4LDragResizeWindowRND-draggableHandle"]').find('[class^="M4LDragResizeWindowRND-draggableCancel"]');
+  }), Cypress.Commands.add("m4lWindowBaseLeftAction", (e) => {
+    cy.m4lWindowBaseHeader().find("button").eq(e);
+  }), Cypress.Commands.add("m4lWindowBaseLeftActionClick", (e) => {
+    cy.m4lWindowBaseLeftAction(e).click({ force: !0 });
+  }), Cypress.Commands.add("m4lWindowBaseMenuAction", (e) => {
+    cy.m4lWindowBaseHeader().find('[class*="M4LMenuActions-root-M4LWindowBase-menuActionsWindowBase"]').find("button").eq(0).click(), cy.get("[role=presentation]").find('[class^="MuiPaper-root"]').find("[role=menuitem]").eq(e);
+  }), Cypress.Commands.add("m4lWindowBaseMenuActionDisabled", (e) => {
+    cy.m4lWindowBaseMenuAction(e).should("have.attr", "aria-disabled", "true");
+  });
+};
+export {
+  a as r
+};

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

@@ -0,0 +1,18 @@
+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>
+
+      // 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>
+    }
+  }
+}
+
+export {};

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

@@ -0,0 +1,8 @@
+export * from './DataGrid/commands';
+export * from './DynamicFilter/commands';
+export * from './DynamicSort/commands';
+export * from './MenuActions/commands';
+export * from './Popover/commands';
+export * from './PropertyValue/commands';
+export * from './Tab/commands';
+export * from './WindowBase/commands';

package/e2e/commands/components/index.js

@@ -0,0 +1 @@
+

package/e2e/commands/index.d.ts

@@ -0,0 +1 @@
+export { registerCommands } from './register';

package/e2e/commands/index.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1 @@
+export * from './noPrivileges/interceptCommands';

package/e2e/commands/intercepts/index.js

@@ -0,0 +1 @@
+

package/e2e/commands/intercepts/noPrivileges/interceptCommands.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Registra los comandos de intercepts
+ */
+export declare const registerInterceptNoPrivilegesCommands: () => void;

package/e2e/commands/intercepts/noPrivileges/interceptCommands.js

@@ -0,0 +1,14 @@
+const e = () => {
+  Cypress.Commands.add("m4lInterceptNoPrivileges", () => {
+    cy.intercept("GET", "**/main/auth/login*", {
+      statusCode: 200,
+      body: {
+        data: {},
+        user: {}
+      }
+    }).as("noPrivileges");
+  });
+};
+export {
+  e as r
+};

package/e2e/commands/intercepts/noPrivileges/types.d.ts

@@ -0,0 +1,8 @@
+declare global {
+    namespace Cypress {
+        interface Chainable {
+            m4lInterceptNoPrivileges(): Chainable<void>;
+        }
+    }
+}
+export {};

package/e2e/commands/register.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Registra los comandos de la aplicación
+ */
+export declare const registerCommands: () => void;

package/e2e/commands/register.js

@@ -0,0 +1,15 @@
+import { r } from "./components/DataGrid/commands.js";
+import { r as m } from "./components/DynamicFilter/commands.js";
+import { r as o } from "./components/DynamicSort/commands.js";
+import { r as s } from "./components/MenuActions/commands.js";
+import { r as e } 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 i } from "./components/WindowBase/commands.js";
+import { r as n } from "./intercepts/noPrivileges/interceptCommands.js";
+const P = () => {
+  r(), m(), o(), s(), e(), t(), a(), i(), n();
+};
+export {
+  P as r
+};

package/e2e/cypress.d.ts

@@ -0,0 +1,20 @@
+/// <reference path="./commands/components/DataGrid/types.d.ts" />
+/// <reference path="./commands/components/DynamicFilter/types.d.ts" />
+/// <reference path="./commands/components/DynamicSort/types.d.ts" />
+/// <reference path="./commands/components/MenuActions/types.d.ts" />
+/// <reference path="./commands/components/WindowBase/types.d.ts" />
+/// <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/intercepts/noPrivileges/types.d.ts" />
+
+export type { M4LGetCypressDataGridColumnsConfig , M4LDataGridCypressColumn } from './commands/components/DataGrid/export';
+
+declare global {
+  namespace Cypress {
+    // eslint-disable-next-line @typescript-eslint/no-empty-interface
+    interface Chainable {
+      // Los tipos se extienden automáticamente desde los archivos importados
+    }
+  }
+}

package/e2e/index.d.ts

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

package/index.d.ts

@@ -1,3 +1,3 @@
-export { findAllColumns } from './e2e/findAllColumns/findAllColumns';
+export * from './e2e/commands';
 export * from './testComponents';
 export * from './testTools';

package/index.js

@@ -1,27 +1,27 @@
-import { f as t } from "./e2e/findAllColumns/findAllColumns.js";
+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 n } from "./testComponents/DynamicSort/helpers.js";
-import { act as i } from "react";
-import { cleanup as l, fireEvent as c, renderHook as d, screen as u, waitFor as F, within as C } from "@testing-library/react";
-import { beforeEach as b, describe as h, expect as v } from "vitest";
-import { c as g } from "./testTools/utils.js";
-import { default as A } from "@testing-library/user-event";
+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 { default as H } from "@testing-library/user-event";
 export {
-  i as act,
+  n as act,
   b as beforeEach,
-  l as cleanup,
-  h as describe,
-  v as expect,
-  t as findAllColumns,
-  c as fireEvent,
-  g as render,
-  d as renderHook,
+  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,
-  n as testSortFields,
-  A as userEvent,
+  p as testSortFields,
+  H as userEvent,
   F as waitFor,
   C as within
 };

package/package.json

@@ -1,9 +1,30 @@
 {
   "name": "@m4l/testing",
   "description": "Shared testing utilities for MFs",
-  "version": "0.0.13",
+  "version": "0.0.14-JT07112025.beta.2",
   "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"
   },
@@ -28,7 +49,7 @@
     "@vitest/coverage-istanbul": "^3.1.1",
     "@vitest/coverage-v8": "^3.1.1",
     "@vitest/ui": "^3.1.1",
-    "cypress": "^13.14.2",
+    "cypress": "^14.1.0",
     "cypress-vite": "^1.5.0",
     "happy-dom": "^17.1.9",
     "jest-environment-jsdom": "^29.7.0",
@@ -40,6 +61,23 @@
     "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"
+  },
   "resolutions": {
     "glob": "^10.4.5",
     "react": "^18.0.0",
@@ -64,6 +102,16 @@
   "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"
@@ -71,11 +119,5 @@
   "engines": {
     "node": ">=12.0.0"
   },
-  "packageManager": "yarn@4.5.0",
-  "private": false,
-  "exports": {
-    ".": {
-      "import": "./index.js"
-    }
-  }
+  "packageManager": "yarn@4.5.0"
 }

package/testComponents/DataGrid/helpers.js

@@ -1,5 +1,5 @@
 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) => {
+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) => o?.type === "tags", b = (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})`, () => {
@@ -56,6 +56,10 @@ const n = (o) => o?.type === "nested", h = (o) => o?.type === "date", d = (o) =>
               statusesColors: e.hookCall.statusesColors,
               fallbackColor: e.hookCall.fallbackColor
             });
+          else if (V(e.hookCall))
+            t(l.testProps).toEqual({
+              fieldValue: e.hookCall.fieldValue
+            });
           else
             throw new Error(`Unknown hook call type: ${e.hookCall?.type}`);
         }), it("should have formatter, customFilter and customSort functions", () => {
@@ -69,5 +73,5 @@ const n = (o) => o?.type === "nested", h = (o) => o?.type === "date", d = (o) =>
   });
 };
 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 } 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';
 };
 export type TestingNestedValueHookCall<T> = BaseHookCall & ColumnNestedValueFormatterProps<T> & {
     type: 'nested';
@@ -33,8 +33,11 @@ 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 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>;
 };
 export type TestingColumn = Column<unknown, unknown> & {
     testProps?: Record<string, unknown>;

package/e2e/findAllColumns/findAllColumns.d.ts

@@ -1,4 +0,0 @@
-/**
- * Busca y muestra todas las columnas del grid principal
- */
-export declare const findAllColumns: () => void;

package/e2e/findAllColumns/findAllColumns.js

@@ -1,6 +0,0 @@
-const n = () => {
-  cy.get('[class^="M4LDataGrid-root"]').find('[class^="M4LDataGrid-actionsConfigContainer"]').find("button").eq(2).click();
-};
-export {
-  n as f
-};