@m4l/testing 0.0.20 → 0.0.21-BC20260224-2

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

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

package/e2e/commands/components/Accordions/commands.js

@@ -0,0 +1,19 @@
+const a = () => {
+  Cypress.Commands.add(
+    "m4lAccordionsValidateAccordions",
+    (o, c, r, t, l, i, n) => {
+      cy.get('[class^="M4LDataGrid-root"]').find("[role=row]").find("[role=gridcell]").eq(1).click(), cy.get(i).find("[role=tablist]").find("button").eq(n).should("have.text", r), cy.get('[class*="M4LTabContent-root"]').find("[role=listitem]").find("[role=list]").find('[class*="M4LAccordion-accordionRoot"]').eq(t).as("currentAccordion"), cy.get("@currentAccordion").find('[class*="M4LAccordion-accordionSummary"]').should("have.text", l).click(), cy.get("@currentAccordion").within(() => {
+        cy.get('[class*="MuiCollapse-hidden"]').should("exist");
+      }), cy.get("@currentAccordion").find('[class*="M4LAccordion-accordionSummary"]').click(), cy.get("@currentAccordion").within(() => {
+        cy.get('[class*="MuiCollapse-entered"]').should("exist");
+      }), o(c).forEach((e) => {
+        cy.get("@currentAccordion").find('[class*="M4LAccordion-accordionDetails"]').find('[role="property-value-form-role"]').eq(e.index).within(() => {
+          cy.log(`Validando nombre ${e.key}`), cy.get('[class*="M4LPropertyValue-name"]').should("have.text", e.key), cy.log(`Validando valor ${e.value}`), cy.get('[role="property-value-value-role"][class*="M4LPropertyValue-value"]').should("have.text", e.value);
+        });
+      });
+    }
+  );
+};
+export {
+  a as r
+};

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

@@ -0,0 +1,30 @@
+/**
+ * Configuración del accordion
+ */
+export type M4lAccordionsConfig = {
+  title: string;
+  key: string;
+  value: any;
+  index: number;
+};
+
+declare global {
+  namespace Cypress {
+    interface Chainable {
+      /**
+       * Valida los accordions
+       */
+      m4lAccordionsValidateAccordions(
+        accordions: (mockAccordions: M4lAccordionsConfig[]) => M4lAccordionsConfig[],
+        mockAccordions: M4lAccordionsConfig[],
+        tabTitle: string,
+        index: number,
+        title: string,
+        sectionGrid: string,
+        tabIndex: number,
+      ): Chainable<Element>;
+    }
+  }
+}
+
+export {};

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

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

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

@@ -1,13 +1,19 @@
-declare global {
-  export type M4LDataGridCypressColumn = {
+/**
+ * Configuración de columna para DataGrid en Cypress
+ */
+export type M4LDataGridCypressColumn = {
+  key: string;
+  value: any;
+  headerText: string;
+  visible: boolean;
+};
 
-    key: string;
-    value: any;
-    headerText: string;
-    visible: boolean;
-  }
-  export type M4LGetCypressDataGridColumnsConfig<T> = (data: T) => M4LDataGridCypressColumn[];
+/**
+ * Función que obtiene la configuración de columnas del DataGrid
+ */
+export type M4LGetCypressDataGridColumnsConfig<T> = (data: T) => M4LDataGridCypressColumn[];
 
+declare global {
   namespace Cypress {
     interface Chainable {
       /**
@@ -15,16 +21,18 @@ declare global {
        * @param selector selector del grid
        * @returns el grid
        */
-      m4lDataGrid(selector: string): Chainable<Element>
+      m4lDataGrid(selector: string, gridDataTestid: string): Chainable<Element>
       /**
        * Valida las columnas visibles del grid
        * @param selector selector del grid
+       * @param gridDataTestid testid 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,
+        gridDataTestid: string,
         getColumnsConfig: M4LGetCypressDataGridColumnsConfig<T>,
         mockData: T,
         baseColumnIndex?: number
@@ -32,14 +40,16 @@ declare global {
       /**
        * 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 gridDataTestid testid 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>>;
+      m4lDataGridRow(selector: string, gridDataTestid: 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 gridDataTestid testid 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
@@ -47,6 +57,7 @@ declare global {
        */
       m4lDataGridRowAction(
         selector: string,
+        gridDataTestid: string,
         menuItemIndex: number,
         baseOnetargetRowIndex?: number,
         baseOneColumnIndex?: number,
@@ -54,8 +65,10 @@ declare global {
 
       /**
        * Busca y muestra todas las columnas del grid principal
+       * @param selector selector del grid
+       * @param gridDataTestid testid del grid
        */
-      m4lDataGridFindAllColumns(selector: string): Chainable<Element>
+      m4lDataGridFindAllColumns(selector: string, gridDataTestid: string): Chainable<Element>
     }
   }
 }

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

@@ -1,12 +1,28 @@
-const n = () => {
+const u = '[class*="M4LSplitLayout-splitDetail"]', E = () => {
   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);
-  });
+  }), Cypress.Commands.add("m4lDynamicFilterApplyedDateField", (e) => {
+    cy.m4lDynamicFilterInputClick(), cy.m4lPopover().find("li").contains(e).click(), cy.m4lPopover().find("button").contains("N_D:[common_actions.intro]").click();
+  }), Cypress.Commands.add("m4lDynamicFilterRefreshButton", (e) => {
+    cy.get(e).find('[class*="M4LDynamicFilter-root"]').find('[class*="M4LDynamicFilter-actions"]').find('[class*="MuiButtonBase-root"]').eq(1);
+  }), Cypress.Commands.add(
+    "m4lDynamicFilterValidateFilterAndSortOptions",
+    (e, a, n, o, c, l) => {
+      const i = () => cy.get('[role="presentation"]', { timeout: 1e3 }).should("exist"), r = (t) => {
+        i(), cy.get('[role="presentation"]', { timeout: 1e3 }).find("li").contains(t.key).click(), cy.get('[role="presentation"]', { timeout: 1e3 }).find('[class*="MuiPaper-root-MuiPopover-paper"]').should("be.visible").find("input").eq(t.inputIndex).click({ force: !0 });
+      }, d = () => {
+        cy.get("[role=presentation]").find("button").contains("N_D:[common_actions.intro]").click({ force: !0 });
+      }, p = (t) => {
+        ["select", "selectAsync", "boolean"].includes(t.type) ? (i(), cy.get('[role="presentation"]', { timeout: 1e3 }).find("li").eq(0).click({ force: !0 }), cy.get("[role=presentation]").find('[class*="MuiPaper-root-MuiPopover-paper"]').find('[class*="M4LWindowBase-headerWindowComponent"]').dblclick({ force: !0 })) : ["string", "number"].includes(t.type) && (i(), cy.get('[role="presentation"]', { timeout: 1e3 }).find("input").eq(1).type(t.value));
+      }, s = (t, m, y, T) => {
+        cy.log(`Validando filtro ${t.key}`), cy.get(m, { timeout: 1e3 }).find(y).eq(T).click(), r(t), p(t), d();
+      };
+      e(a).forEach((t) => {
+        l ? (s(t, n, o, c), cy.get(`${u} [class*="M4LDynamicFilter-actions"] button`).eq(1).click(), cy.wait(t.endpoint, { timeout: 1e3 })) : (s(t, n, o, c), cy.wait(t.endpoint, { timeout: 1e3 }).wait("@getList", { timeout: 1e3 }));
+      });
+    }
+  );
 };
 export {
-  n as r
+  E as r
 };

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

@@ -1,3 +1,14 @@
+/**
+ * Configuración del filtro para DynamicFilter
+ */
+export type M4lDynamicFilterConfig = {
+  type: string;
+  key: string;
+  value: string;
+  endpoint: string;
+  inputIndex: number;
+};
+
 declare global {
   namespace Cypress {
     interface Chainable {
@@ -13,6 +24,17 @@ declare global {
        * Obtiene el botón de refrescar
        */
       m4lDynamicFilterRefreshButton(selector: string): Chainable<Element>;
+      /**
+       * Valida opciones de filtro y orden para DynamicFilter
+       */
+      m4lDynamicFilterValidateFilterAndSortOptions(
+        filters: (mockFilters: M4lDynamicFilterConfig[]) => M4lDynamicFilterConfig[],
+        mockFilters: M4lDynamicFilterConfig[],
+        filtersOrSort: string,
+        section: string,
+        index: number,
+        logs?: boolean,
+      ): Chainable<Element>;
     }
   }
 }

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';

package/e2e/commands/index.d.ts

@@ -1 +1,4 @@
 export { registerCommands } from './register';
+export type { M4lDynamicFilterConfig } from './components/DynamicFilter/types';
+export type { M4lAccordionsConfig } from './components/Accordions/types';
+export type { M4LDataGridCypressColumn, M4LGetCypressDataGridColumnsConfig } from './components/DataGrid/types';

package/e2e/commands/register.js

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

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" />

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@m4l/testing",
   "description": "Shared testing utilities for MFs",
-  "version": "0.0.20",
+  "version": "0.0.21-BC20260224-2+prueba-cypress",
   "license": "UNLICENSED",
   "author": "M4L Team",
   "scripts": {