@m4l/testing 0.0.15 → 0.0.17

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

@@ -1,5 +1,13 @@
-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.js

@@ -0,0 +1 @@
+

package/e2e/cypress.d.ts

@@ -8,7 +8,6 @@
 /// <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 {
@@ -18,3 +17,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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@m4l/testing",
   "description": "Shared testing utilities for MFs",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "license": "UNLICENSED",
   "author": "M4L Team",
   "scripts": {
@@ -29,89 +29,78 @@
     "*.{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/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"
+    "@types/react": "18.3.23",
+    "react": "18.3.1",
+    "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",
+    "@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",
+    "typescript": "5.8.3",
+    "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.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": "./index.js",
   "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,5 +1,5 @@
 import { expect as t } from "vitest";
-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) => {
+const n = (l) => l?.type === "nested", k = (l) => l?.type === "date", h = (l) => l?.type === "boolean", C = (l) => l?.type === "setCheck", d = (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", P = (l) => l?.type === "icon", c = (l) => l?.type === "color", E = (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})`, () => {
@@ -12,24 +12,24 @@ const n = (l) => l?.type === "nested", h = (l) => l?.type === "date", k = (l) =>
             t(o.testProps).toEqual({
               fieldValue: e.hookCall.fieldValue
             });
-          else if (h(e.hookCall))
+          else if (k(e.hookCall))
             t(o.testProps).toEqual({
               fieldValue: e.hookCall.fieldValue,
               presentationType: e.hookCall.presentationType
             });
-          else if (k(e.hookCall))
+          else if (h(e.hookCall))
             t(o.testProps).toEqual({
               fieldValue: e.hookCall.fieldValue,
               presentationType: e.hookCall.presentationType
             });
-          else if (d(e.hookCall))
+          else if (C(e.hookCall))
             t(o.testProps).toEqual({
               field: e.hookCall.field,
               disabledGetter: t.any(Function),
               rowKeyGetter: t.any(Function),
               useHook: t.any(Function)
             }), a = !1, s = !1;
-          else if (C(e.hookCall))
+          else if (d(e.hookCall))
             t(o.testProps).toEqual({
               fieldValue: e.hookCall.fieldValue
             });
@@ -60,10 +60,14 @@ const n = (l) => l?.type === "nested", h = (l) => l?.type === "date", k = (l) =>
             t(o.testProps).toEqual({
               fieldValue: e.hookCall.fieldValue
             });
-          else if (c(e.hookCall))
+          else if (P(e.hookCall))
             t(o.testProps).toEqual({
               getIconProps: t.any(Function)
             }), a = !1, s = !1;
+          else if (c(e.hookCall))
+            t(o.testProps).toEqual({
+              fieldValue: e.hookCall.fieldValue
+            }), a = !1, s = !1;
           else
             throw new Error(`Unknown hook call type: ${e.hookCall?.type}`);
         }), it("should have formatter, customFilter and customSort functions", () => {
@@ -77,5 +81,5 @@ const n = (l) => l?.type === "nested", h = (l) => l?.type === "date", k = (l) =>
   });
 };
 export {
-  P as t
+  E as t
 };

package/testComponents/DataGrid/types.d.ts

@@ -1,7 +1,7 @@
-import { ColumnNestedValueFormatterProps, ColumnDateFormatterProps, ColumnBooleanFormatterProps, ColumnPriceFormatterProps, ColumnPointsFormatterProps, ColumnSetCheckFormatterProps, ColumnUncertaintyFormatterProps, ColumnConcatenatedValuesFormatterProps, Column, ColumnInteractiveCheckFormatterProps, ColumnChipStatusFormatterProps, ColumnTagsFormatterProps, ColumnIconFormatterProps } from '@m4l/components';
+import { ColumnNestedValueFormatterProps, ColumnDateFormatterProps, ColumnBooleanFormatterProps, ColumnPriceFormatterProps, ColumnPointsFormatterProps, ColumnSetCheckFormatterProps, ColumnUncertaintyFormatterProps, ColumnConcatenatedValuesFormatterProps, Column, ColumnInteractiveCheckFormatterProps, ColumnChipStatusFormatterProps, ColumnTagsFormatterProps, ColumnIconFormatterProps, ColumnColorFormatterProps } from '@m4l/components';
 type BaseColumnConfig<T> = Column<T, unknown>;
 type BaseHookCall = {
-    type: 'nested' | 'date' | 'boolean' | 'price' | 'points' | 'interactiveCheck' | 'setCheck' | 'uncertainty' | 'concatenated' | 'chipStatus' | 'tags' | 'icon';
+    type: 'nested' | 'date' | 'boolean' | 'price' | 'points' | 'interactiveCheck' | 'setCheck' | 'uncertainty' | 'concatenated' | 'chipStatus' | 'tags' | 'icon' | 'color';
 };
 export type TestingNestedValueHookCall<T> = BaseHookCall & ColumnNestedValueFormatterProps<T> & {
     type: 'nested';
@@ -39,8 +39,11 @@ export type TestingTagsHookCall<T> = BaseHookCall & ColumnTagsFormatterProps<T>
 export type TestingIconHookCall<T> = BaseHookCall & ColumnIconFormatterProps<T> & {
     type: 'icon';
 };
+export type TestingColorHookCall<T> = BaseHookCall & ColumnColorFormatterProps<T> & {
+    type: 'color';
+};
 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> | TestingTagsHookCall<T> | TestingIconHookCall<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>;
 };
 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[];