@m4l/testing 0.0.15-beta.3 → 0.0.15

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

@@ -1,13 +1,5 @@
+import { M4LGetCypressDataGridColumnsConfig } from './export';
 declare global {
-  export type M4LDataGridCypressColumn = {
-
-    key: string;
-    value: any;
-    headerText: string;
-    visible: boolean;
-  }
-  export type M4LGetCypressDataGridColumnsConfig<T> = (data: T) => M4LDataGridCypressColumn[];
-
   namespace Cypress {
     interface Chainable {
       /**

package/e2e/cypress.d.ts

@@ -8,6 +8,7 @@
 /// <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 {
@@ -17,5 +18,3 @@ declare global {
     }
   }
 }
-
-export {};

package/index.d.ts

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@m4l/testing",
   "description": "Shared testing utilities for MFs",
-  "version": "0.0.15-beta.3",
+  "version": "0.0.15",
   "license": "UNLICENSED",
   "author": "M4L Team",
   "scripts": {
@@ -43,64 +43,75 @@
     "@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/ui": "^3.1.1",
     "cypress": "^14.1.0",
-    "cypress-vite": "1.6.0",
+    "cypress-vite": "^1.5.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.3.23",
-    "react": "18.3.1",
-    "vitest": "3.1.1"
+    "@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.3.23",
-    "@types/react-dom": "18.3.7",
-    "eslint": "9.28.0",
-    "lefthook": "1.11.13",
-    "lint-staged": "15.5.2",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "@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": "^6.3.5",
     "vite-plugin-dts": "^4.2.1",
-    "vitest": "3.1.1"
+    "vitest": "^3.1.1"
   },
   "resolutions": {
     "glob": "^10.4.5",
-    "react": "18.3.1",
-    "@types/react": "18.3.23",
-    "@types/react-dom": "18.3.7",
-    "react-dom": "18.3.1",
+    "react": "^18.0.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "react-dom": "^18.0.0",
     "@vitejs/plugin-react": "^4.0.0"
   },
   "overrides": {
     "glob": "^10.4.5",
-    "eslint": "9.28.0",
-    "react": "18.3.1",
-    "@types/react": "18.3.23",
-    "@types/react-dom": "18.3.7",
-    "react-dom": "18.3.1"
+    "eslint": "^9.0.0",
+    "react": "^18.0.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "files": [
     "*"
   ],
-  "type": "module",
   "source": "./index.js",
-  "main": "./index.js",
+  "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"

package/testComponents/DataGrid/helpers.js

@@ -1,73 +1,81 @@
 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})`, () => {
+const n = (l) => l?.type === "nested", h = (l) => l?.type === "date", k = (l) => l?.type === "boolean", d = (l) => l?.type === "setCheck", C = (l) => l?.type === "price", p = (l) => l?.type === "points", y = (l) => l?.type === "uncertainty", f = (l) => l?.type === "concatenated", m = (l) => l?.type === "chipStatus", V = (l) => l?.type === "tags", c = (l) => l?.type === "icon", P = (l, r) => {
+  t(l).toHaveLength(r.length), r.forEach((e, i) => {
+    const o = l[i], u = e.hookCall?.type ?? "none";
+    describe(`Column ${i + 1}: ${e.key} (${u})`, () => {
       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);
+        t(o.key).toBe(e.key), t(o.name).toBe(e.name), t(o.type).toBe(e.type), t(o.align).toBe(e.align), t(o.width).toBe(e.width), t(o.visible).toBe(e.visible), e.fixed && t(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({
+            t(o.testProps).toEqual({
               fieldValue: e.hookCall.fieldValue
             });
           else if (h(e.hookCall))
-            t(l.testProps).toEqual({
+            t(o.testProps).toEqual({
               fieldValue: e.hookCall.fieldValue,
               presentationType: e.hookCall.presentationType
             });
-          else if (d(e.hookCall))
-            t(l.testProps).toEqual({
+          else if (k(e.hookCall))
+            t(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))
+            t(o.testProps).toEqual({
               field: e.hookCall.field,
               disabledGetter: t.any(Function),
               rowKeyGetter: t.any(Function),
               useHook: t.any(Function)
-            }), r = !1, i = !1;
+            }), a = !1, s = !1;
           else if (C(e.hookCall))
-            t(l.testProps).toEqual({
+            t(o.testProps).toEqual({
               fieldValue: e.hookCall.fieldValue
             });
           else if (p(e.hookCall))
-            t(l.testProps).toEqual({
+            t(o.testProps).toEqual({
               fieldValue: e.hookCall.fieldValue,
               fieldUnit: e.hookCall.fieldUnit
             });
           else if (y(e.hookCall))
-            t(l.testProps).toEqual({
+            t(o.testProps).toEqual({
               fieldValue: e.hookCall.fieldValue,
               fieldUnit: e.hookCall.fieldUnit,
               fieldSymbol: e.hookCall.fieldSymbol
             });
           else if (f(e.hookCall))
-            t(l.testProps).toEqual({
+            t(o.testProps).toEqual({
               fieldValue: e.hookCall.fieldValue,
               fieldSeparator: e.hookCall.fieldSeparator
             });
           else if (m(e.hookCall))
-            t(l.testProps).toEqual({
+            t(o.testProps).toEqual({
               fieldLabel: typeof e.hookCall.fieldLabel == "function" ? t.any(Function) : e.hookCall.fieldLabel,
               fieldStatus: e.hookCall.fieldStatus,
               statusesColors: e.hookCall.statusesColors,
               fallbackColor: e.hookCall.fallbackColor
             });
+          else if (V(e.hookCall))
+            t(o.testProps).toEqual({
+              fieldValue: e.hookCall.fieldValue
+            });
+          else if (c(e.hookCall))
+            t(o.testProps).toEqual({
+              getIconProps: t.any(Function)
+            }), 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();
+          t(o.formatter).toBeDefined(), a && t(o.customFilter).toBeDefined(), s && t(o.customSort).toBeDefined();
         });
       } else
         it("should not have formatter functions", () => {
-          t(l.formatter).toBeUndefined(), t(l.customFilter).toBeUndefined(), t(l.customSort).toBeUndefined();
+          t(o.formatter).toBeUndefined(), t(o.customFilter).toBeUndefined(), t(o.customSort).toBeUndefined();
         });
     });
   });
 };
 export {
-  V as t
+  P 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 } 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';
 };
 export type TestingNestedValueHookCall<T> = BaseHookCall & ColumnNestedValueFormatterProps<T> & {
     type: 'nested';
@@ -33,8 +33,14 @@ 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 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>;
 };
 export type TestingColumn = Column<unknown, unknown> & {
     testProps?: Record<string, unknown>;

package/e2e/cypress.d.js

@@ -1 +0,0 @@
-