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

package/index.cjs.js

@@ -8,28 +8,6 @@ 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.
@@ -510,74 +488,8 @@ const setupTimeAndLanguage = () => {
  * setupTranslations();
  */
 const 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,
-    }));
+    // eslint-disable-next-line @typescript-eslint/no-var-requires, @typescript-eslint/no-require-imports
+    require("./setupTranslationsImpl").setupTranslations();
 };
 
 /**
@@ -597,8 +509,8 @@ const setupTranslations = () => {
  * setupWebStreams();
  */
 const setupWebStreams = () => {
-    global.TransformStream = webStreamsPolyfill.TransformStream;
-    global.WritableStream = webStreamsPolyfill.WritableStream;
+    // eslint-disable-next-line @typescript-eslint/no-var-requires, @typescript-eslint/no-require-imports
+    require("./setupWebStreamsImpl").setupWebStreams();
 };
 
 /**

package/index.esm.js

@@ -1,14 +1,11 @@
 import failOnConsole from 'jest-fail-on-console';
-import { jsx, Fragment } from 'react/jsx-runtime';
+import { jsx } 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.
@@ -489,74 +486,8 @@ const setupTimeAndLanguage = () => {
  * setupTranslations();
  */
 const 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,
-    }));
+    // eslint-disable-next-line @typescript-eslint/no-var-requires, @typescript-eslint/no-require-imports
+    require("./setupTranslationsImpl").setupTranslations();
 };
 
 /**
@@ -576,8 +507,8 @@ const setupTranslations = () => {
  * setupWebStreams();
  */
 const setupWebStreams = () => {
-    global.TransformStream = TransformStream;
-    global.WritableStream = WritableStream;
+    // eslint-disable-next-line @typescript-eslint/no-var-requires, @typescript-eslint/no-require-imports
+    require("./setupWebStreamsImpl").setupWebStreams();
 };
 
 /**

package/package.json

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

package/src/setupTranslationsImpl.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 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

@@ -0,0 +1,16 @@
+/**
+ * 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;