@trackunit/react-test-setup 1.0.3 → 1.0.6-alpha-dd061b2024b.0

package/index.cjs.js

@@ -8,6 +8,28 @@ require('@testing-library/jest-dom');
 var react = require('@testing-library/react');
 var polyfill = require('@js-temporal/polyfill');
 var web = require('@react-spring/web');
+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.
@@ -488,8 +510,74 @@ 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,
+    }));
 };
 
 /**
@@ -509,8 +597,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;
 };
 
 /**

package/index.esm.js

@@ -1,11 +1,14 @@
 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 '@testing-library/jest-dom';
 import { cleanup, act } from '@testing-library/react';
 import { Temporal } from '@js-temporal/polyfill';
 import { Globals } from '@react-spring/web';
+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.
@@ -486,8 +489,74 @@ 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,
+    }));
 };
 
 /**
@@ -507,8 +576,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;
 };
 
 /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@trackunit/react-test-setup",
   "description": "Test setup utilities for React applications",
-  "version": "1.0.3",
+  "version": "1.0.6-alpha-dd061b2024b.0",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {

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;