@m4l/testing 0.0.13 → 0.0.14-beta.0

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/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/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/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/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/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/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/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/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/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-beta.0",
   "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"
@@ -72,10 +120,5 @@
     "node": ">=12.0.0"
   },
   "packageManager": "yarn@4.5.0",
-  "private": false,
-  "exports": {
-    ".": {
-      "import": "./index.js"
-    }
-  }
+  "juan": 1
 }

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

package/testTools/utils.d.ts

@@ -1,11 +0,0 @@
-import { renderHook, cleanup, fireEvent, RenderResult, screen, waitFor, within } from '@testing-library/react';
-import { default as userEvent } from '@testing-library/user-event';
-import { act, ReactElement } from 'react';
-import { beforeEach, describe, expect } from 'vitest';
-/**
- * Render a component
- */
-declare const customRender: (ui: ReactElement, options?: {}) => RenderResult & {
-    user: ReturnType<typeof userEvent.setup>;
-};
-export { act, cleanup, describe, expect, fireEvent, customRender as render, renderHook, screen, userEvent, waitFor, within, beforeEach, };

package/vite-env.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="vite/client" />
-/// <reference types="vitest" />
-/// <reference types="vitest/globals" />
-/// <reference types="vitest/importMeta" />
-/// <reference types="cypress" />