@trackunit/react-test-setup 1.0.23 → 1.0.29

package/index.cjs.js

@@ -4,10 +4,35 @@ var failOnConsole = require('jest-fail-on-console');
 var jsxRuntime = require('react/jsx-runtime');
 var reactGoogleMaps = require('@vis.gl/react-google-maps');
 var jestMocks = require('@googlemaps/jest-mocks');
+require('@okta/okta-react');
 require('@testing-library/jest-dom');
 var react = require('@testing-library/react');
+require('react-router-dom');
 var polyfill = require('@js-temporal/polyfill');
 var web = require('@react-spring/web');
+var util = require('util');
+var react$1 = require('react');
+var reactI18next = require('react-i18next');
+var webStreamsPolyfill = require('web-streams-polyfill');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var reactI18next__namespace = /*#__PURE__*/_interopNamespaceDefault(reactI18next);
 
 /**
  * Sets up a mock implementation for HTML Canvas API in testing environments.
@@ -470,11 +495,14 @@ const setupTimeAndLanguage = () => {
     };
 };
 
+if (typeof global !== "undefined") {
+    global.TextEncoder = global.TextEncoder || util.TextEncoder;
+    global.TextDecoder = global.TextDecoder || util.TextDecoder;
+}
 /**
  * Sets up internationalization and translation mocks for testing environments.
  *
- * This function delegates to the implementation in setupTranslationsImpl.tsx to configure
- * mock translations for react-i18next and @trackunit/i18n-library-translation. It creates
+ * Mock translations for react-i18next and @trackunit/i18n-library-translation. It creates
  * simple mock implementations that return the key string as the translation, which allows
  * for testing internationalized components without the complexity of actual translations.
  *
@@ -488,14 +516,79 @@ const setupTimeAndLanguage = () => {
  * setupTranslations();
  */
 const setupTranslations = () => {
-    // eslint-disable-next-line @typescript-eslint/no-var-requires, @typescript-eslint/no-require-imports
-    require("./setupTranslationsImpl").setupTranslations();
+    const hasChildren = (node) => node && (node.children || (node.props && node.props.children));
+    const getChildren = (node) => (node && node.children ? node.children : node.props && node.props.children);
+    const renderNodes = (reactNodes) => {
+        if (typeof reactNodes === "string") {
+            return reactNodes;
+        }
+        return Object.keys(reactNodes).map((key, i) => {
+            const child = reactNodes[key];
+            const isElement = react$1.isValidElement(child);
+            if (typeof child === "string") {
+                return child;
+            }
+            if (hasChildren(child)) {
+                const inner = renderNodes(getChildren(child));
+                return react$1.cloneElement(child, { ...child.props, key: i }, inner);
+            }
+            if (typeof child === "object" && !isElement) {
+                return Object.keys(child).reduce((str, childKey) => `${str}${child[childKey]}`, "");
+            }
+            return child;
+        });
+    };
+    const i18n = { language: "en", exists: () => true };
+    const useMock = [
+        (k, extra) => k + (extra ? " props: " + JSON.stringify(extra) : ""),
+        i18n,
+    ];
+    useMock.t = (k, extra) => k + (extra ? " props: " + JSON.stringify(extra) : "");
+    useMock.i18n = i18n;
+    const useTranslation = () => useMock;
+    const Trans = ({ i18nKey, components, children }) => {
+        const result = [];
+        result.push(renderNodes([i18nKey]));
+        if (Array.isArray(children)) {
+            result.push(...renderNodes(children));
+        }
+        else if (children && "toArray" in children) {
+            result.push(...renderNodes(children.toArray()));
+        }
+        else {
+            result.push(...renderNodes([children]));
+        }
+        if (components) {
+            result.push(...Object.keys(components).map(key => jsxRuntime.jsx("span", { children: components[key] }, key)));
+        }
+        return jsxRuntime.jsx(jsxRuntime.Fragment, { children: result });
+    };
+    const Translation = ({ children }) => children((k) => k, { i18n });
+    jest.doMock("react-i18next", () => {
+        return {
+            // this mock makes sure any components using the translate HoC receive the t function as a prop
+            Trans,
+            Translation,
+            useTranslation,
+            // mock if needed
+            I18nextProvider: reactI18next__namespace.I18nextProvider,
+            initReactI18next: reactI18next__namespace.initReactI18next,
+            setDefaults: reactI18next__namespace.setDefaults,
+            getDefaults: reactI18next__namespace.getDefaults,
+            setI18n: reactI18next__namespace.setI18n,
+            getI18n: reactI18next__namespace.getI18n,
+        };
+    });
+    jest.doMock("@trackunit/i18n-library-translation", () => ({
+        ...jest.requireActual("@trackunit/i18n-library-translation"),
+        NamespaceTrans: (props) => jsxRuntime.jsx(Trans, { ...props }),
+        useNamespaceTranslation: useTranslation,
+    }));
 };
 
 /**
  * Sets up Web Streams API polyfills for testing environments.
  *
- * This function delegates to the implementation in setupWebStreamsImpl.ts to configure
  * Web Streams API polyfills from web-streams-polyfill. These polyfills provide implementations
  * of modern streaming APIs that may not be available in the Jest/JSDOM testing environment.
  *
@@ -509,8 +602,8 @@ const setupTranslations = () => {
  * setupWebStreams();
  */
 const setupWebStreams = () => {
-    // eslint-disable-next-line @typescript-eslint/no-var-requires, @typescript-eslint/no-require-imports
-    require("./setupWebStreamsImpl").setupWebStreams();
+    global.TransformStream = webStreamsPolyfill.TransformStream;
+    global.WritableStream = webStreamsPolyfill.WritableStream;
 };
 
 /**
@@ -660,6 +753,30 @@ const setupDefaultMocks = (options = {}) => {
     setupTranslations();
 };
 
+/**
+ * Sets up a mocked implementation of the `useInfiniteScroll` hook from
+ * `@trackunit/react-table-pagination` for testing purposes.
+ *
+ * @param {number} [count] - The number of virtual items to generate for the mocked implementation.
+ */
+const setupReactTablePagination = (count) => {
+    jest.mock("@trackunit/react-table-pagination", () => ({
+        ...jest.requireActual("@trackunit/react-table-pagination"),
+        useInfiniteScroll: jest.fn(() => ({
+            fetchMoreOnBottomReached: jest.fn(),
+            getTotalSize: jest.fn(() => 100),
+            getVirtualItems: () => {
+                const result = [];
+                for (let i = 0; i < (count || 4); i++) {
+                    result.push({ index: i, start: i * 40, key: i, size: 40 });
+                }
+                return result;
+            },
+            measureElement: jest.fn(),
+        })),
+    }));
+};
+
 exports.setupAllMocks = setupAllMocks;
 exports.setupBasicMocks = setupBasicMocks;
 exports.setupCanvasMock = setupCanvasMock;
@@ -669,6 +786,7 @@ exports.setupGoogleMaps = setupGoogleMaps;
 exports.setupHelmetMock = setupHelmetMock;
 exports.setupIntersectionObserver = setupIntersectionObserver;
 exports.setupMatchMediaMock = setupMatchMediaMock;
+exports.setupReactTablePagination = setupReactTablePagination;
 exports.setupReactTestingLibrary = setupReactTestingLibrary;
 exports.setupReactVirtualizedAutoSizer = setupReactVirtualizedAutoSizer;
 exports.setupResizeObserver = setupResizeObserver;

package/index.esm.js

@@ -1,11 +1,17 @@
 import failOnConsole from 'jest-fail-on-console';
-import { jsx } from 'react/jsx-runtime';
+import { jsx, Fragment } from 'react/jsx-runtime';
 import { APILoadingStatus } from '@vis.gl/react-google-maps';
 import { initialize } from '@googlemaps/jest-mocks';
+import '@okta/okta-react';
 import '@testing-library/jest-dom';
 import { cleanup, act } from '@testing-library/react';
+import 'react-router-dom';
 import { Temporal } from '@js-temporal/polyfill';
 import { Globals } from '@react-spring/web';
+import { TextEncoder, TextDecoder } from 'util';
+import { isValidElement, cloneElement } from 'react';
+import * as reactI18next from 'react-i18next';
+import { TransformStream, WritableStream } from 'web-streams-polyfill';
 
 /**
  * Sets up a mock implementation for HTML Canvas API in testing environments.
@@ -468,11 +474,14 @@ const setupTimeAndLanguage = () => {
     };
 };
 
+if (typeof global !== "undefined") {
+    global.TextEncoder = global.TextEncoder || TextEncoder;
+    global.TextDecoder = global.TextDecoder || TextDecoder;
+}
 /**
  * Sets up internationalization and translation mocks for testing environments.
  *
- * This function delegates to the implementation in setupTranslationsImpl.tsx to configure
- * mock translations for react-i18next and @trackunit/i18n-library-translation. It creates
+ * Mock translations for react-i18next and @trackunit/i18n-library-translation. It creates
  * simple mock implementations that return the key string as the translation, which allows
  * for testing internationalized components without the complexity of actual translations.
  *
@@ -486,14 +495,79 @@ const setupTimeAndLanguage = () => {
  * setupTranslations();
  */
 const setupTranslations = () => {
-    // eslint-disable-next-line @typescript-eslint/no-var-requires, @typescript-eslint/no-require-imports
-    require("./setupTranslationsImpl").setupTranslations();
+    const hasChildren = (node) => node && (node.children || (node.props && node.props.children));
+    const getChildren = (node) => (node && node.children ? node.children : node.props && node.props.children);
+    const renderNodes = (reactNodes) => {
+        if (typeof reactNodes === "string") {
+            return reactNodes;
+        }
+        return Object.keys(reactNodes).map((key, i) => {
+            const child = reactNodes[key];
+            const isElement = isValidElement(child);
+            if (typeof child === "string") {
+                return child;
+            }
+            if (hasChildren(child)) {
+                const inner = renderNodes(getChildren(child));
+                return cloneElement(child, { ...child.props, key: i }, inner);
+            }
+            if (typeof child === "object" && !isElement) {
+                return Object.keys(child).reduce((str, childKey) => `${str}${child[childKey]}`, "");
+            }
+            return child;
+        });
+    };
+    const i18n = { language: "en", exists: () => true };
+    const useMock = [
+        (k, extra) => k + (extra ? " props: " + JSON.stringify(extra) : ""),
+        i18n,
+    ];
+    useMock.t = (k, extra) => k + (extra ? " props: " + JSON.stringify(extra) : "");
+    useMock.i18n = i18n;
+    const useTranslation = () => useMock;
+    const Trans = ({ i18nKey, components, children }) => {
+        const result = [];
+        result.push(renderNodes([i18nKey]));
+        if (Array.isArray(children)) {
+            result.push(...renderNodes(children));
+        }
+        else if (children && "toArray" in children) {
+            result.push(...renderNodes(children.toArray()));
+        }
+        else {
+            result.push(...renderNodes([children]));
+        }
+        if (components) {
+            result.push(...Object.keys(components).map(key => jsx("span", { children: components[key] }, key)));
+        }
+        return jsx(Fragment, { children: result });
+    };
+    const Translation = ({ children }) => children((k) => k, { i18n });
+    jest.doMock("react-i18next", () => {
+        return {
+            // this mock makes sure any components using the translate HoC receive the t function as a prop
+            Trans,
+            Translation,
+            useTranslation,
+            // mock if needed
+            I18nextProvider: reactI18next.I18nextProvider,
+            initReactI18next: reactI18next.initReactI18next,
+            setDefaults: reactI18next.setDefaults,
+            getDefaults: reactI18next.getDefaults,
+            setI18n: reactI18next.setI18n,
+            getI18n: reactI18next.getI18n,
+        };
+    });
+    jest.doMock("@trackunit/i18n-library-translation", () => ({
+        ...jest.requireActual("@trackunit/i18n-library-translation"),
+        NamespaceTrans: (props) => jsx(Trans, { ...props }),
+        useNamespaceTranslation: useTranslation,
+    }));
 };
 
 /**
  * Sets up Web Streams API polyfills for testing environments.
  *
- * This function delegates to the implementation in setupWebStreamsImpl.ts to configure
  * Web Streams API polyfills from web-streams-polyfill. These polyfills provide implementations
  * of modern streaming APIs that may not be available in the Jest/JSDOM testing environment.
  *
@@ -507,8 +581,8 @@ const setupTranslations = () => {
  * setupWebStreams();
  */
 const setupWebStreams = () => {
-    // eslint-disable-next-line @typescript-eslint/no-var-requires, @typescript-eslint/no-require-imports
-    require("./setupWebStreamsImpl").setupWebStreams();
+    global.TransformStream = TransformStream;
+    global.WritableStream = WritableStream;
 };
 
 /**
@@ -658,4 +732,28 @@ const setupDefaultMocks = (options = {}) => {
     setupTranslations();
 };
 
-export { setupAllMocks, setupBasicMocks, setupCanvasMock, setupDefaultMocks, setupFailOnConsole, setupGoogleMaps, setupHelmetMock, setupIntersectionObserver, setupMatchMediaMock, setupReactTestingLibrary, setupReactVirtualizedAutoSizer, setupResizeObserver, setupTanstackReactVirtual, setupTimeAndLanguage, setupTimeZone, setupTranslations, setupWebStreams };
+/**
+ * Sets up a mocked implementation of the `useInfiniteScroll` hook from
+ * `@trackunit/react-table-pagination` for testing purposes.
+ *
+ * @param {number} [count] - The number of virtual items to generate for the mocked implementation.
+ */
+const setupReactTablePagination = (count) => {
+    jest.mock("@trackunit/react-table-pagination", () => ({
+        ...jest.requireActual("@trackunit/react-table-pagination"),
+        useInfiniteScroll: jest.fn(() => ({
+            fetchMoreOnBottomReached: jest.fn(),
+            getTotalSize: jest.fn(() => 100),
+            getVirtualItems: () => {
+                const result = [];
+                for (let i = 0; i < (count || 4); i++) {
+                    result.push({ index: i, start: i * 40, key: i, size: 40 });
+                }
+                return result;
+            },
+            measureElement: jest.fn(),
+        })),
+    }));
+};
+
+export { setupAllMocks, setupBasicMocks, setupCanvasMock, setupDefaultMocks, setupFailOnConsole, setupGoogleMaps, setupHelmetMock, setupIntersectionObserver, setupMatchMediaMock, setupReactTablePagination, setupReactTestingLibrary, setupReactVirtualizedAutoSizer, setupResizeObserver, setupTanstackReactVirtual, setupTimeAndLanguage, setupTimeZone, setupTranslations, setupWebStreams };

package/package.json

@@ -1,12 +1,24 @@
 {
   "name": "@trackunit/react-test-setup",
   "description": "Test setup utilities for React applications",
-  "version": "1.0.23",
+  "version": "1.0.29",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
     "node": ">=22.x"
   },
+  "exports": {
+    ".": {
+      "import": "./index.esm.js",
+      "require": "./index.cjs.js",
+      "types": "./index.esm.d.ts"
+    },
+    "./preset": {
+      "import": "./preset.esm.js",
+      "require": "./preset.cjs.js",
+      "types": "./preset.esm.d.ts"
+    }
+  },
   "dependencies": {
     "@googlemaps/jest-mocks": "2.21.4",
     "@js-temporal/polyfill": "^0.4.4",
@@ -20,7 +32,10 @@
     "react": "19.0.0",
     "react-i18next": "^15.5.1",
     "react-virtualized-auto-sizer": "^1.0.20",
-    "web-streams-polyfill": "^4.1.0"
+    "web-streams-polyfill": "^4.1.0",
+    "@okta/okta-react": "^6.9.0",
+    "react-router-dom": "6.18.0",
+    "jest": "29.7.0"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",

package/preset.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./src/preset";
+export { default } from "./src/preset";

package/preset.cjs.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * Jest preset for Trackunit React applications.
+ *
+ * This preset provides:
+ * - Test setup files that configure mocks and testing utilities
+ * - Module name mappings for stubbing CSS and SVG files
+ */
+const irisPreset = {
+    setupFilesAfterEnv: ["<rootDir>/test/config/jest.setup.tsx"],
+    moduleNameMapper: {
+        "@trackunit/css-core": "jest-transform-stub",
+        "@trackunit/ui-icons/icons-sprite-mini.svg": "jest-transform-stub",
+        "@trackunit/ui-icons/icons-sprite-outline.svg": "jest-transform-stub",
+        "@trackunit/ui-icons/icons-sprite-solid.svg": "jest-transform-stub",
+        "@trackunit/ui-icons/icons-sprite-micro.svg": "jest-transform-stub",
+    },
+};
+
+exports.default = irisPreset;
+exports.irisPreset = irisPreset;

package/preset.esm.d.ts

@@ -0,0 +1,2 @@
+export * from "./src/preset";
+export { default } from "./src/preset";

package/preset.esm.js

@@ -0,0 +1,19 @@
+/**
+ * Jest preset for Trackunit React applications.
+ *
+ * This preset provides:
+ * - Test setup files that configure mocks and testing utilities
+ * - Module name mappings for stubbing CSS and SVG files
+ */
+const irisPreset = {
+    setupFilesAfterEnv: ["<rootDir>/test/config/jest.setup.tsx"],
+    moduleNameMapper: {
+        "@trackunit/css-core": "jest-transform-stub",
+        "@trackunit/ui-icons/icons-sprite-mini.svg": "jest-transform-stub",
+        "@trackunit/ui-icons/icons-sprite-outline.svg": "jest-transform-stub",
+        "@trackunit/ui-icons/icons-sprite-solid.svg": "jest-transform-stub",
+        "@trackunit/ui-icons/icons-sprite-micro.svg": "jest-transform-stub",
+    },
+};
+
+export { irisPreset as default, irisPreset };

package/src/index.d.ts

@@ -1,12 +1,13 @@
 export * from "./setupAllMocks";
 export * from "./setupBasicMocks";
-export * from "./setupDefaultMocks";
 export * from "./setupCanvasMock";
+export * from "./setupDefaultMocks";
 export * from "./setupFailOnConsole";
 export * from "./setupGoogleMaps";
 export * from "./setupHelmetMock";
 export * from "./setupIntersectionObserver";
 export * from "./setupMatchMediaMock";
+export * from "./setupReactTablePagination";
 export * from "./setupReactTestingLibrary";
 export * from "./setupReactVirtualizedAutoSizer";
 export * from "./setupResizeObserver";

package/src/preset/jestPreset.d.ts

@@ -0,0 +1,9 @@
+import type { Config } from "jest";
+/**
+ * Jest preset for Trackunit React applications.
+ *
+ * This preset provides:
+ * - Test setup files that configure mocks and testing utilities
+ * - Module name mappings for stubbing CSS and SVG files
+ */
+export declare const irisPreset: Config;

package/src/preset.d.ts

@@ -0,0 +1,3 @@
+import { irisPreset } from "./preset/jestPreset";
+export { irisPreset };
+export default irisPreset;

package/src/setupReactTablePagination.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Sets up a mocked implementation of the `useInfiniteScroll` hook from
+ * `@trackunit/react-table-pagination` for testing purposes.
+ *
+ * @param {number} [count] - The number of virtual items to generate for the mocked implementation.
+ */
+export declare const setupReactTablePagination: (count?: number) => void;

package/src/setupReactTestingLibrary.d.ts

@@ -1,4 +1,6 @@
+import "@okta/okta-react";
 import "@testing-library/jest-dom";
+import "react-router-dom";
 /**
  * Sets up React Testing Library and Okta authentication mocks for testing.
  *

package/src/setupTranslations.d.ts

@@ -1,8 +1,7 @@
 /**
  * Sets up internationalization and translation mocks for testing environments.
  *
- * This function delegates to the implementation in setupTranslationsImpl.tsx to configure
- * mock translations for react-i18next and @trackunit/i18n-library-translation. It creates
+ * Mock translations for react-i18next and @trackunit/i18n-library-translation. It creates
  * simple mock implementations that return the key string as the translation, which allows
  * for testing internationalized components without the complexity of actual translations.
  *

package/src/setupWebStreams.d.ts

@@ -1,7 +1,6 @@
 /**
  * Sets up Web Streams API polyfills for testing environments.
  *
- * This function delegates to the implementation in setupWebStreamsImpl.ts to configure
  * Web Streams API polyfills from web-streams-polyfill. These polyfills provide implementations
  * of modern streaming APIs that may not be available in the Jest/JSDOM testing environment.
  *

package/src/setupTranslationsImpl.d.ts

@@ -1,18 +0,0 @@
-/**
- * Implementation of translation mocks for testing environments.
- *
- * This function creates detailed mock implementations for react-i18next and
- * Trackunit i18n library translation utilities. The mocks are designed to:
- *
- * 1. Return translation keys as the translated strings (with any provided props)
- * 2. Render components within Trans components by preserving their React structure
- * 3. Provide a simplified i18n object with expected properties
- * 4. Handle nested components and rendering flows without complex translation logic
- *
- * These mocks allow components that use internationalization to be tested without
- * requiring actual translation files or i18n initialization, simplifying test setup
- * while preserving component rendering behavior.
- *
- * @internal
- */
-export declare const setupTranslations: () => void;

package/src/setupWebStreamsImpl.d.ts

@@ -1,16 +0,0 @@
-/**
- * Implementation for Web Streams API polyfills in testing environments.
- *
- * This function adds the TransformStream and WritableStream implementations from
- * web-streams-polyfill to the global object, making them available to code running
- * in the Jest/JSDOM environment which may not have native implementations of these APIs.
- *
- * These polyfills are essential for testing code that uses modern streaming features,
- * particularly for scenarios involving:
- * - Data processing pipelines
- * - Chunk-by-chunk text or binary processing
- * - Streaming responses from APIs
- *
- * @internal
- */
-export declare const setupWebStreams: () => void;