@trackunit/react-core-contexts-test 0.1.238 → 0.1.240

package/HookRenderer.cjs.js

@@ -10,9 +10,9 @@ require('@apollo/client');
 require('@apollo/client/link/error');
 require('@apollo/client/testing');
 require('@trackunit/react-core-contexts-api');
+require('@trackunit/shared-utils');
 require('@apollo/client/react');
 require('@tanstack/react-router');
-require('@trackunit/shared-utils');
 require('react');
 require('graphql');
 

package/HookRenderer.esm.js

@@ -8,9 +8,9 @@ import '@apollo/client';
 import '@apollo/client/link/error';
 import '@apollo/client/testing';
 import '@trackunit/react-core-contexts-api';
+import '@trackunit/shared-utils';
 import '@apollo/client/react';
 import '@tanstack/react-router';
-import '@trackunit/shared-utils';
 import 'react';
 import 'graphql';
 

package/index.cjs.js

@@ -11,9 +11,9 @@ require('@apollo/client');
 require('@apollo/client/link/error');
 require('@apollo/client/testing');
 require('@trackunit/react-core-contexts-api');
+require('@trackunit/shared-utils');
 require('@apollo/client/react');
 require('@tanstack/react-router');
-require('@trackunit/shared-utils');
 require('react');
 require('graphql');
 

package/index.cjs2.js

@@ -8,9 +8,9 @@ var client = require('@apollo/client');
 var error = require('@apollo/client/link/error');
 var testing = require('@apollo/client/testing');
 var reactCoreContextsApi = require('@trackunit/react-core-contexts-api');
+var sharedUtils = require('@trackunit/shared-utils');
 var react = require('@apollo/client/react');
 var reactRouter = require('@tanstack/react-router');
-var sharedUtils = require('@trackunit/shared-utils');
 var React = require('react');
 var graphql = require('graphql');
 
@@ -196,6 +196,17 @@ const mockEnvironmentContext = {
     reportAccessClientId: "",
 };
 
+/**
+ * Mocks the ErrorHandlingContextValue
+ *
+ * @returns {ErrorHandlingContextValue} - Returns the mocked current user context
+ */
+const mockErrorHandlerContext = {
+    captureException: sharedUtils.doNothing,
+    addBreadcrumb: sharedUtils.doNothing,
+    setTag: sharedUtils.doNothing,
+};
+
 const mockModalDialogContext = {
     openModal: doNothing,
     closeModal: doNothing,
@@ -284,7 +295,7 @@ const RootRouteDebugger = () => {
  * @returns React.ReactElement
  */
 const TestRenderChildren = ({ addTestRootContainer, children }) => {
-    return addTestRootContainer ? (jsxRuntime.jsx("div", { className: "inline-block h-[1000px] w-[1024px]", "data-testid": "testRoot", style: {
+    return addTestRootContainer ? (jsxRuntime.jsx("div", { className: "inline-block h-[1000px] w-[1024px] scale-[.99]", "data-testid": "testRoot", style: {
             "--tw-scale-x": "0.99",
             "--tw-scale-y": "0.99",
         }, children: children })) : (jsxRuntime.jsx("div", { children: children }));
@@ -469,6 +480,7 @@ class TrackunitProvidersMockBuilder {
         this.selectedApolloMocks = [];
         this.selectedRouterProps = null;
         this.selectedToastContext = mockToastContext;
+        this.selectedErrorHandler = mockErrorHandlerContext;
         this.selectedConfirmationDialogContext = mockConfirmationDialogContext;
         this.selectedAssetSortingContext = mockAssetSortingContext;
         this.selectedCurrentUserContext = mockCurrentUserContext;
@@ -761,6 +773,13 @@ class TrackunitProvidersMockBuilder {
         this.selectedModalDialogContext = Object.assign(Object.assign({}, mockModalDialogContext), modalDialog);
         return this;
     }
+    /**
+     * errorHandler
+     */
+    errorHandler(errorHandler) {
+        this.selectedErrorHandler = Object.assign(Object.assign({}, mockErrorHandlerContext), errorHandler);
+        return this;
+    }
     /**
      * Use this token.
      *
@@ -858,8 +877,12 @@ class TrackunitProvidersMockBuilder {
      * @param testChildren - the child element being tested.
      * @param addTestRootContainer - if you want to add a root container to the test.
      */
-    getMockedCompositionRoot(testChildren, addTestRootContainer = true, forceDebugging = false) {
-        return (jsxRuntime.jsx(reactCoreHooks.CurrentUserProvider, { value: this.selectedCurrentUserContext, children: jsxRuntime.jsx(reactCoreHooks.AnalyticsContext.Provider, { value: this.selectedAnalyticsContext, children: jsxRuntime.jsx(reactCoreHooks.UserSubscriptionProvider, { value: this.selectedUserSubscriptionContext, children: jsxRuntime.jsx(reactCoreHooks.OemBrandingContextProvider, { value: this.selectedOemBrandingContext, children: jsxRuntime.jsx(reactCoreHooks.TokenProvider, { value: this.selectedTokenContext, children: jsxRuntime.jsx(reactCoreHooks.ToastProvider, { value: this.selectedToastContext, children: jsxRuntime.jsx(reactCoreHooks.ConfirmationDialogProvider, { value: this.selectedConfirmationDialogContext, children: jsxRuntime.jsx(reactCoreHooks.FilterBarProvider, { value: { filterBarValues: this.selectedFilterBarValues }, children: jsxRuntime.jsx(reactCoreHooks.AssetSortingProvider, { value: this.selectedAssetSortingContext, children: jsxRuntime.jsx(ApolloMockedProviderWithError, { addTypename: false, forceDebugging: forceDebugging, mocks: this.selectedApolloMocks, children: jsxRuntime.jsx(reactCoreHooks.NavigationContextProvider, { value: this.selectedNavigationContext, children: jsxRuntime.jsx(reactCoreHooks.CurrentUserPreferenceProvider, { value: this.selectedCurrentUserPreferenceContext, children: jsxRuntime.jsx(reactCoreHooks.EnvironmentContextProvider, { value: this.selectedEnvironmentContext, children: jsxRuntime.jsx(reactCoreHooks.ModalDialogContextProvider, { value: this.selectedModalDialogContext, children: jsxRuntime.jsx(RouterContainer, { addTestRootContainer: addTestRootContainer, rootRoute: this.selectedRootRoute, selectedRouterProps: this.selectedRouterProps, children: testChildren }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
+    getMockedCompositionRoot(testChildren, forceDebugging = false) {
+        return (jsxRuntime.jsx(reactCoreHooks.ErrorHandlingContextProvider, { value: this.selectedErrorHandler, children: jsxRuntime.jsx(reactCoreHooks.CurrentUserProvider, { value: this.selectedCurrentUserContext, children: jsxRuntime.jsx(reactCoreHooks.AnalyticsContext.Provider, { value: this.selectedAnalyticsContext, children: jsxRuntime.jsx(reactCoreHooks.UserSubscriptionProvider, { value: this.selectedUserSubscriptionContext, children: jsxRuntime.jsx(reactCoreHooks.OemBrandingContextProvider, { value: this.selectedOemBrandingContext, children: jsxRuntime.jsx(reactCoreHooks.TokenProvider, { value: this.selectedTokenContext, children: jsxRuntime.jsx(reactCoreHooks.ToastProvider, { value: this.selectedToastContext, children: jsxRuntime.jsx(reactCoreHooks.ConfirmationDialogProvider, { value: this.selectedConfirmationDialogContext, children: jsxRuntime.jsx(reactCoreHooks.FilterBarProvider, { value: { filterBarValues: this.selectedFilterBarValues }, children: jsxRuntime.jsx(reactCoreHooks.AssetSortingProvider, { value: this.selectedAssetSortingContext, children: jsxRuntime.jsx(ApolloMockedProviderWithError, { addTypename: false, forceDebugging: forceDebugging, mocks: this.selectedApolloMocks, children: jsxRuntime.jsx(reactCoreHooks.NavigationContextProvider, { value: this.selectedNavigationContext, children: jsxRuntime.jsx(reactCoreHooks.CurrentUserPreferenceProvider, { value: this.selectedCurrentUserPreferenceContext, children: jsxRuntime.jsx(reactCoreHooks.EnvironmentContextProvider, { value: this.selectedEnvironmentContext, children: jsxRuntime.jsx(reactCoreHooks.ModalDialogContextProvider, { value: this.selectedModalDialogContext, children: testChildren }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
+    }
+    getMockedCompositionRootWithRouter(testChildren, addTestRootContainer = true, forceDebugging = false) {
+        const childrenWithRouter = (jsxRuntime.jsx(RouterContainer, { addTestRootContainer: addTestRootContainer, rootRoute: this.selectedRootRoute, selectedRouterProps: this.selectedRouterProps, children: testChildren }));
+        return this.getMockedCompositionRoot(childrenWithRouter, forceDebugging);
     }
     /**
      * This will return the mocked composition root.
@@ -869,7 +892,7 @@ class TrackunitProvidersMockBuilder {
             this.validateSuppliedMocks();
             // This ensures correct act loading when using hooks and not loaded if this build is used for storybook
             const hookRenderer = yield Promise.resolve().then(function () { return require('./HookRenderer.cjs.js'); });
-            return hookRenderer.reactHooksRenderHook(callback, children => this.getMockedCompositionRoot(parentElement ? parentElement(children) : children));
+            return hookRenderer.reactHooksRenderHook(callback, children => this.getMockedCompositionRootWithRouter(parentElement ? parentElement(children) : children));
         });
     }
     /**
@@ -884,7 +907,7 @@ class TrackunitProvidersMockBuilder {
             let mountedcomponent;
             yield react$1.act(() => __awaiter(this, void 0, void 0, function* () {
                 mountedcomponent = react$1.render(child, {
-                    wrapper: ({ children }) => this.getMockedCompositionRoot(children),
+                    wrapper: ({ children }) => this.getMockedCompositionRootWithRouter(children),
                 });
                 yield flushPromises();
             }));
@@ -901,7 +924,7 @@ class TrackunitProvidersMockBuilder {
      *  This will return the children in the correct mocked hierarchy of context providers.
      */
     storybook(child) {
-        return this.getMockedCompositionRoot(child, false, true);
+        return this.getMockedCompositionRoot(child, true);
     }
 }
 /**

package/index.esm.js

@@ -7,8 +7,8 @@ import '@apollo/client';
 import '@apollo/client/link/error';
 import '@apollo/client/testing';
 import '@trackunit/react-core-contexts-api';
+import '@trackunit/shared-utils';
 import '@apollo/client/react';
 import '@tanstack/react-router';
-import '@trackunit/shared-utils';
 import 'react';
 import 'graphql';

package/index.esm2.js

@@ -1,14 +1,14 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { act, render } from '@testing-library/react';
-import { CurrentUserProvider, AnalyticsContext, UserSubscriptionProvider, OemBrandingContextProvider, TokenProvider, ToastProvider, ConfirmationDialogProvider, FilterBarProvider, AssetSortingProvider, NavigationContextProvider, CurrentUserPreferenceProvider, EnvironmentContextProvider, ModalDialogContextProvider } from '@trackunit/react-core-hooks';
+import { ErrorHandlingContextProvider, CurrentUserProvider, AnalyticsContext, UserSubscriptionProvider, OemBrandingContextProvider, TokenProvider, ToastProvider, ConfirmationDialogProvider, FilterBarProvider, AssetSortingProvider, NavigationContextProvider, CurrentUserPreferenceProvider, EnvironmentContextProvider, ModalDialogContextProvider } from '@trackunit/react-core-hooks';
 import omit from 'lodash/omit';
 import { ApolloLink } from '@apollo/client';
 import { onError } from '@apollo/client/link/error';
 import { MockLink, MockedProvider } from '@apollo/client/testing';
 import { AssetSortByProperty, SortOrder } from '@trackunit/react-core-contexts-api';
+import { doNothing as doNothing$1, objectValues, objectKeys } from '@trackunit/shared-utils';
 import { useApolloClient } from '@apollo/client/react';
 import { createMemoryHistory, createRootRoute, createRoute, createRouter, RouterProvider, Outlet } from '@tanstack/react-router';
-import { objectValues, objectKeys } from '@trackunit/shared-utils';
 import React, { useRef, useCallback, useMemo, useEffect } from 'react';
 import { GraphQLError } from 'graphql';
 
@@ -189,6 +189,17 @@ const mockEnvironmentContext = {
     reportAccessClientId: "",
 };
 
+/**
+ * Mocks the ErrorHandlingContextValue
+ *
+ * @returns {ErrorHandlingContextValue} - Returns the mocked current user context
+ */
+const mockErrorHandlerContext = {
+    captureException: doNothing$1,
+    addBreadcrumb: doNothing$1,
+    setTag: doNothing$1,
+};
+
 const mockModalDialogContext = {
     openModal: doNothing,
     closeModal: doNothing,
@@ -277,7 +288,7 @@ const RootRouteDebugger = () => {
  * @returns React.ReactElement
  */
 const TestRenderChildren = ({ addTestRootContainer, children }) => {
-    return addTestRootContainer ? (jsx("div", { className: "inline-block h-[1000px] w-[1024px]", "data-testid": "testRoot", style: {
+    return addTestRootContainer ? (jsx("div", { className: "inline-block h-[1000px] w-[1024px] scale-[.99]", "data-testid": "testRoot", style: {
             "--tw-scale-x": "0.99",
             "--tw-scale-y": "0.99",
         }, children: children })) : (jsx("div", { children: children }));
@@ -462,6 +473,7 @@ class TrackunitProvidersMockBuilder {
         this.selectedApolloMocks = [];
         this.selectedRouterProps = null;
         this.selectedToastContext = mockToastContext;
+        this.selectedErrorHandler = mockErrorHandlerContext;
         this.selectedConfirmationDialogContext = mockConfirmationDialogContext;
         this.selectedAssetSortingContext = mockAssetSortingContext;
         this.selectedCurrentUserContext = mockCurrentUserContext;
@@ -754,6 +766,13 @@ class TrackunitProvidersMockBuilder {
         this.selectedModalDialogContext = Object.assign(Object.assign({}, mockModalDialogContext), modalDialog);
         return this;
     }
+    /**
+     * errorHandler
+     */
+    errorHandler(errorHandler) {
+        this.selectedErrorHandler = Object.assign(Object.assign({}, mockErrorHandlerContext), errorHandler);
+        return this;
+    }
     /**
      * Use this token.
      *
@@ -851,8 +870,12 @@ class TrackunitProvidersMockBuilder {
      * @param testChildren - the child element being tested.
      * @param addTestRootContainer - if you want to add a root container to the test.
      */
-    getMockedCompositionRoot(testChildren, addTestRootContainer = true, forceDebugging = false) {
-        return (jsx(CurrentUserProvider, { value: this.selectedCurrentUserContext, children: jsx(AnalyticsContext.Provider, { value: this.selectedAnalyticsContext, children: jsx(UserSubscriptionProvider, { value: this.selectedUserSubscriptionContext, children: jsx(OemBrandingContextProvider, { value: this.selectedOemBrandingContext, children: jsx(TokenProvider, { value: this.selectedTokenContext, children: jsx(ToastProvider, { value: this.selectedToastContext, children: jsx(ConfirmationDialogProvider, { value: this.selectedConfirmationDialogContext, children: jsx(FilterBarProvider, { value: { filterBarValues: this.selectedFilterBarValues }, children: jsx(AssetSortingProvider, { value: this.selectedAssetSortingContext, children: jsx(ApolloMockedProviderWithError, { addTypename: false, forceDebugging: forceDebugging, mocks: this.selectedApolloMocks, children: jsx(NavigationContextProvider, { value: this.selectedNavigationContext, children: jsx(CurrentUserPreferenceProvider, { value: this.selectedCurrentUserPreferenceContext, children: jsx(EnvironmentContextProvider, { value: this.selectedEnvironmentContext, children: jsx(ModalDialogContextProvider, { value: this.selectedModalDialogContext, children: jsx(RouterContainer, { addTestRootContainer: addTestRootContainer, rootRoute: this.selectedRootRoute, selectedRouterProps: this.selectedRouterProps, children: testChildren }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
+    getMockedCompositionRoot(testChildren, forceDebugging = false) {
+        return (jsx(ErrorHandlingContextProvider, { value: this.selectedErrorHandler, children: jsx(CurrentUserProvider, { value: this.selectedCurrentUserContext, children: jsx(AnalyticsContext.Provider, { value: this.selectedAnalyticsContext, children: jsx(UserSubscriptionProvider, { value: this.selectedUserSubscriptionContext, children: jsx(OemBrandingContextProvider, { value: this.selectedOemBrandingContext, children: jsx(TokenProvider, { value: this.selectedTokenContext, children: jsx(ToastProvider, { value: this.selectedToastContext, children: jsx(ConfirmationDialogProvider, { value: this.selectedConfirmationDialogContext, children: jsx(FilterBarProvider, { value: { filterBarValues: this.selectedFilterBarValues }, children: jsx(AssetSortingProvider, { value: this.selectedAssetSortingContext, children: jsx(ApolloMockedProviderWithError, { addTypename: false, forceDebugging: forceDebugging, mocks: this.selectedApolloMocks, children: jsx(NavigationContextProvider, { value: this.selectedNavigationContext, children: jsx(CurrentUserPreferenceProvider, { value: this.selectedCurrentUserPreferenceContext, children: jsx(EnvironmentContextProvider, { value: this.selectedEnvironmentContext, children: jsx(ModalDialogContextProvider, { value: this.selectedModalDialogContext, children: testChildren }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
+    }
+    getMockedCompositionRootWithRouter(testChildren, addTestRootContainer = true, forceDebugging = false) {
+        const childrenWithRouter = (jsx(RouterContainer, { addTestRootContainer: addTestRootContainer, rootRoute: this.selectedRootRoute, selectedRouterProps: this.selectedRouterProps, children: testChildren }));
+        return this.getMockedCompositionRoot(childrenWithRouter, forceDebugging);
     }
     /**
      * This will return the mocked composition root.
@@ -862,7 +885,7 @@ class TrackunitProvidersMockBuilder {
             this.validateSuppliedMocks();
             // This ensures correct act loading when using hooks and not loaded if this build is used for storybook
             const hookRenderer = yield import('./HookRenderer.esm.js');
-            return hookRenderer.reactHooksRenderHook(callback, children => this.getMockedCompositionRoot(parentElement ? parentElement(children) : children));
+            return hookRenderer.reactHooksRenderHook(callback, children => this.getMockedCompositionRootWithRouter(parentElement ? parentElement(children) : children));
         });
     }
     /**
@@ -877,7 +900,7 @@ class TrackunitProvidersMockBuilder {
             let mountedcomponent;
             yield act(() => __awaiter(this, void 0, void 0, function* () {
                 mountedcomponent = render(child, {
-                    wrapper: ({ children }) => this.getMockedCompositionRoot(children),
+                    wrapper: ({ children }) => this.getMockedCompositionRootWithRouter(children),
                 });
                 yield flushPromises();
             }));
@@ -894,7 +917,7 @@ class TrackunitProvidersMockBuilder {
      *  This will return the children in the correct mocked hierarchy of context providers.
      */
     storybook(child) {
-        return this.getMockedCompositionRoot(child, false, true);
+        return this.getMockedCompositionRoot(child, true);
     }
 }
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-core-contexts-test",
-  "version": "0.1.238",
+  "version": "0.1.240",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {

package/src/TrackunitProvidersMockBuilder.d.ts

@@ -1,7 +1,7 @@
 import { MockedResponse } from "@apollo/client/testing";
 import { AnyRoute } from "@tanstack/react-router";
 import { RenderResult } from "@testing-library/react";
-import { AssetSortingContextValue, ConfirmationDialogContextValue, FilterBarValues, IAnalyticsContext, ICurrentUserContext, IEnvironmentContext, INavigationContext, IOemBrandingContext, IToastContext, ITokenContext, IUserPreferencesContext, IUserSubscriptionContext, ModalDialogContextValue } from "@trackunit/react-core-contexts-api";
+import { AssetSortingContextValue, ConfirmationDialogContextValue, ErrorHandlingContextValue, FilterBarValues, IAnalyticsContext, ICurrentUserContext, IEnvironmentContext, INavigationContext, IOemBrandingContext, IToastContext, ITokenContext, IUserPreferencesContext, IUserSubscriptionContext, ModalDialogContextValue } from "@trackunit/react-core-contexts-api";
 import * as React from "react";
 import { MemoryRouterProps } from "./utils/routingUtils";
 /**
@@ -22,6 +22,7 @@ export declare class TrackunitProvidersMockBuilder<T extends AnyRoute> {
     protected selectedRouterProps: MemoryRouterProps<T> | null;
     protected selectedRootRoute: AnyRoute | null;
     protected selectedToastContext: IToastContext;
+    protected selectedErrorHandler: ErrorHandlingContextValue;
     protected selectedConfirmationDialogContext: ConfirmationDialogContextValue;
     protected selectedAssetSortingContext: AssetSortingContextValue;
     protected selectedCurrentUserContext: ICurrentUserContext;
@@ -270,6 +271,10 @@ export declare class TrackunitProvidersMockBuilder<T extends AnyRoute> {
      * modalDialog
      */
     modalDialog(modalDialog: Partial<ModalDialogContextValue>): this;
+    /**
+     * errorHandler
+     */
+    errorHandler(errorHandler: Partial<ErrorHandlingContextValue>): this;
     /**
      * Use this token.
      *
@@ -353,7 +358,8 @@ export declare class TrackunitProvidersMockBuilder<T extends AnyRoute> {
      * @param testChildren - the child element being tested.
      * @param addTestRootContainer - if you want to add a root container to the test.
      */
-    protected getMockedCompositionRoot(testChildren: React.ReactNode, addTestRootContainer?: boolean, forceDebugging?: boolean): JSX.Element;
+    protected getMockedCompositionRoot(testChildren: React.ReactNode, forceDebugging?: boolean): JSX.Element;
+    protected getMockedCompositionRootWithRouter(testChildren: React.ReactNode, addTestRootContainer?: boolean, forceDebugging?: boolean): JSX.Element;
     /**
      * This will return the mocked composition root.
      */

package/src/mocks/mockErrorHandlerContext.d.ts

@@ -0,0 +1,7 @@
+import { ErrorHandlingContextValue } from "@trackunit/react-core-contexts-api";
+/**
+ * Mocks the ErrorHandlingContextValue
+ *
+ * @returns {ErrorHandlingContextValue} - Returns the mocked current user context
+ */
+export declare const mockErrorHandlerContext: ErrorHandlingContextValue;