piral-core 0.15.0-alpha.4311 → 0.15.0-alpha.4345

package/src/state/createGlobalState.test.ts

@@ -1,12 +1,4 @@
-import { deref } from '@dbeining/react-atom';
 import { createGlobalState } from './createGlobalState';
-import {
-  DefaultErrorInfo,
-  DefaultLoadingIndicator,
-  DefaultLayout,
-  DefaultRouter,
-  DefaultRouteSwitch,
-} from '../defaults';
 
 process.env.PIRAL_PUBLIC_PATH = '/';
 
@@ -15,7 +7,11 @@ describe('Create Global State Module', () => {
 
   it('global state works with language as empty string', () => {
     const globalState = createGlobalState({});
-    expect(deref(globalState)).toEqual({
+    const tmp = globalState.getState();
+
+    console.log(tmp);
+
+    expect(tmp).toEqual({
       app: {
         loading: true,
         error: undefined,
@@ -23,11 +19,11 @@ describe('Create Global State Module', () => {
       },
       errorComponents: {},
       components: {
-        ErrorInfo: DefaultErrorInfo,
-        LoadingIndicator: DefaultLoadingIndicator,
-        Router: DefaultRouter,
-        Layout: DefaultLayout,
-        RouteSwitch: DefaultRouteSwitch,
+        ErrorInfo: expect.anything(),
+        LoadingIndicator: expect.anything(),
+        Router: expect.anything(),
+        Layout: expect.anything(),
+        RouteSwitch: expect.anything(),
       },
       routes: {},
       registry: {
@@ -43,7 +39,7 @@ describe('Create Global State Module', () => {
 
   it('global state with custom language and translations', () => {
     const globalState = createGlobalState({});
-    expect(deref(globalState)).toEqual({
+    expect(globalState.getState()).toEqual({
       app: {
         loading: true,
         error: undefined,
@@ -51,11 +47,11 @@ describe('Create Global State Module', () => {
       },
       errorComponents: {},
       components: {
-        ErrorInfo: DefaultErrorInfo,
-        LoadingIndicator: DefaultLoadingIndicator,
-        Router: DefaultRouter,
-        Layout: DefaultLayout,
-        RouteSwitch: DefaultRouteSwitch,
+        ErrorInfo: expect.anything(),
+        LoadingIndicator: expect.anything(),
+        Router: expect.anything(),
+        Layout: expect.anything(),
+        RouteSwitch: expect.anything(),
       },
       routes: {},
       registry: {
@@ -75,7 +71,7 @@ describe('Create Global State Module', () => {
       '/foo': '...' as any,
     };
     const globalState = createGlobalState({ routes });
-    expect(deref(globalState)).toEqual({
+    expect(globalState.getState()).toEqual({
       app: {
         error: undefined,
         loading: true,
@@ -83,11 +79,11 @@ describe('Create Global State Module', () => {
       },
       errorComponents: {},
       components: {
-        ErrorInfo: DefaultErrorInfo,
-        LoadingIndicator: DefaultLoadingIndicator,
-        Router: DefaultRouter,
-        Layout: DefaultLayout,
-        RouteSwitch: DefaultRouteSwitch,
+        ErrorInfo: expect.anything(),
+        LoadingIndicator: expect.anything(),
+        Router: expect.anything(),
+        Layout: expect.anything(),
+        RouteSwitch: expect.anything(),
       },
       routes,
       registry: {
@@ -103,7 +99,7 @@ describe('Create Global State Module', () => {
 
   it('global state can be created without arguments', () => {
     const globalState = createGlobalState();
-    expect(deref(globalState)).toEqual({
+    expect(globalState.getState()).toEqual({
       app: {
         loading: true,
         error: undefined,
@@ -111,11 +107,11 @@ describe('Create Global State Module', () => {
       },
       errorComponents: {},
       components: {
-        ErrorInfo: DefaultErrorInfo,
-        LoadingIndicator: DefaultLoadingIndicator,
-        Router: DefaultRouter,
-        Layout: DefaultLayout,
-        RouteSwitch: DefaultRouteSwitch,
+        ErrorInfo: expect.anything(),
+        LoadingIndicator: expect.anything(),
+        Router: expect.anything(),
+        Layout: expect.anything(),
+        RouteSwitch: expect.anything(),
       },
       registry: {
         extensions: {},
@@ -133,7 +129,7 @@ describe('Create Global State Module', () => {
     const globalState = createGlobalState({
       app: {},
     });
-    expect(deref(globalState)).toEqual({
+    expect(globalState.getState()).toEqual({
       app: {
         loading: true,
         error: undefined,
@@ -141,11 +137,11 @@ describe('Create Global State Module', () => {
       },
       errorComponents: {},
       components: {
-        ErrorInfo: DefaultErrorInfo,
-        LoadingIndicator: DefaultLoadingIndicator,
-        Router: DefaultRouter,
-        Layout: DefaultLayout,
-        RouteSwitch: DefaultRouteSwitch,
+        ErrorInfo: expect.anything(),
+        LoadingIndicator: expect.anything(),
+        Router: expect.anything(),
+        Layout: expect.anything(),
+        RouteSwitch: expect.anything(),
       },
       registry: {
         extensions: {},
@@ -163,7 +159,7 @@ describe('Create Global State Module', () => {
     const globalState = createGlobalState({
       app: {},
     });
-    expect(deref(globalState)).toEqual({
+    expect(globalState.getState()).toEqual({
       app: {
         loading: true,
         error: undefined,
@@ -171,11 +167,11 @@ describe('Create Global State Module', () => {
       },
       errorComponents: {},
       components: {
-        ErrorInfo: DefaultErrorInfo,
-        LoadingIndicator: DefaultLoadingIndicator,
-        Router: DefaultRouter,
-        Layout: DefaultLayout,
-        RouteSwitch: DefaultRouteSwitch,
+        ErrorInfo: expect.anything(),
+        LoadingIndicator: expect.anything(),
+        Router: expect.anything(),
+        Layout: expect.anything(),
+        RouteSwitch: expect.anything(),
       },
       registry: {
         extensions: {},
@@ -191,14 +187,13 @@ describe('Create Global State Module', () => {
 
   it('global state with non-default breakpoints and more routes', () => {
     const globalState = createGlobalState({
-      app: {
-      },
+      app: {},
       routes: {
         '/': '...' as any,
         '/foo': '...' as any,
       },
     });
-    expect(deref(globalState)).toEqual({
+    expect(globalState.getState()).toEqual({
       app: {
         loading: true,
         error: undefined,
@@ -206,11 +201,11 @@ describe('Create Global State Module', () => {
       },
       errorComponents: {},
       components: {
-        ErrorInfo: DefaultErrorInfo,
-        LoadingIndicator: DefaultLoadingIndicator,
-        Router: DefaultRouter,
-        Layout: DefaultLayout,
-        RouteSwitch: DefaultRouteSwitch,
+        ErrorInfo: expect.anything(),
+        LoadingIndicator: expect.anything(),
+        Router: expect.anything(),
+        Layout: expect.anything(),
+        RouteSwitch: expect.anything(),
       },
       registry: {
         extensions: {},
@@ -233,7 +228,7 @@ describe('Create Global State Module', () => {
         loading: false,
       },
     });
-    expect(deref(globalState)).toEqual({
+    expect(globalState.getState()).toEqual({
       app: {
         loading: false,
         error: undefined,
@@ -241,11 +236,11 @@ describe('Create Global State Module', () => {
       },
       errorComponents: {},
       components: {
-        ErrorInfo: DefaultErrorInfo,
-        LoadingIndicator: DefaultLoadingIndicator,
-        Router: DefaultRouter,
-        Layout: DefaultLayout,
-        RouteSwitch: DefaultRouteSwitch,
+        ErrorInfo: expect.anything(),
+        LoadingIndicator: expect.anything(),
+        Router: expect.anything(),
+        Layout: expect.anything(),
+        RouteSwitch: expect.anything(),
       },
       registry: {
         extensions: {},

package/src/state/createGlobalState.ts

@@ -1,12 +1,6 @@
-import { Atom } from '@dbeining/react-atom';
+import create from 'zustand';
+import { createDefaultState } from '../../app.codegen';
 import { GlobalState, NestedPartial } from '../types';
-import {
-  DefaultErrorInfo,
-  DefaultLoadingIndicator,
-  DefaultLayout,
-  DefaultRouter,
-  DefaultRouteSwitch,
-} from '../defaults';
 
 function extend<T>(defaultState: T, customState: NestedPartial<T>) {
   for (const key of Object.keys(customState)) {
@@ -24,30 +18,6 @@ function extend<T>(defaultState: T, customState: NestedPartial<T>) {
 }
 
 export function createGlobalState(customState: NestedPartial<GlobalState> = {}) {
-  const defaultState: GlobalState = {
-    app: {
-      error: undefined,
-      loading: typeof window !== 'undefined',
-      publicPath: process.env.PIRAL_PUBLIC_PATH || '/',
-    },
-    components: {
-      ErrorInfo: DefaultErrorInfo,
-      LoadingIndicator: DefaultLoadingIndicator,
-      Router: DefaultRouter,
-      RouteSwitch: DefaultRouteSwitch,
-      Layout: DefaultLayout,
-    },
-    errorComponents: {},
-    registry: {
-      extensions: {},
-      pages: {},
-      wrappers: {},
-    },
-    routes: {},
-    data: {},
-    portals: {},
-    modules: [],
-  };
-
-  return Atom.of(extend(defaultState, customState));
+  const defaultState: GlobalState = createDefaultState();
+  return create(() => extend(defaultState, customState));
 }

package/src/state/withApi.test.tsx

@@ -1,14 +1,14 @@
 import * as React from 'react';
 import * as hooks from '../hooks';
+import create from 'zustand';
 import { mount } from 'enzyme';
-import { Atom } from '@dbeining/react-atom';
 import { withApi } from './withApi';
 import { StateContext } from '../state';
 
 function createMockContainer() {
-  const state = Atom.of({
+  const state = create(() => ({
     portals: {},
-  });
+  }));
   return {
     context: {
       converters: {},
@@ -29,9 +29,9 @@ function createMockContainer() {
 }
 
 function createMockContainerWithNoWrappers() {
-  const state = Atom.of({
+  const state = create(() => ({
     portals: {},
-  });
+  }));
   return {
     context: {
       converters: {},

package/src/types/components.ts

@@ -207,6 +207,20 @@ export interface RouterProps {
   children?: ReactNode;
 }
 
+/**
+ * Represents a path in the app registration.
+ */
+ export interface AppPath {
+  /**
+   * The exact path to use.
+   */
+  path: string;
+  /**
+   * The component to register for this path.
+   */
+  Component: ComponentType<RouteComponentProps>;
+}
+
 /**
  * The props of the RouteSwitch component.
  */
@@ -218,14 +232,5 @@ export interface RouteSwitchProps extends SwitchProps {
   /**
    * The component to register for the different paths.
    */
-  paths: Array<{
-    /**
-     * The exact path to use.
-     */
-    path: string;
-    /**
-     * The component to register for this path.
-     */
-    Component: ComponentType<RouteComponentProps>;
-  }>;
+  paths: Array<AppPath>;
 }

package/src/types/state.ts

@@ -1,7 +1,7 @@
 import type { ComponentType, ReactPortal, PropsWithChildren } from 'react';
 import type { RouteComponentProps } from 'react-router';
-import type { Atom } from '@dbeining/react-atom';
 import type { LoadPiletsOptions } from 'piral-base';
+import type { StoreApi, UseBoundStore } from 'zustand';
 import type { Dict, Without } from './common';
 import type { SharedDataItem, DataStoreTarget } from './data';
 import type {
@@ -36,7 +36,6 @@ export interface StateDispatcher<TState> {
 
 declare module './components' {
   interface ComponentContext {
-    state: Atom<GlobalState>;
     readState: PiralActions['readState'];
   }
 }
@@ -348,6 +347,12 @@ export interface PiralActions extends PiralCustomActions {
    * @returns The desired part.
    */
   readState<S>(select: (state: GlobalState) => S): S;
+  /**
+   * Performs a navigation.
+   * @param path The path to navigate to.
+   * @param state The optional state for the navigation.
+   */
+  navigate(path: string, state?: any): void;
 }
 
 /**
@@ -358,7 +363,7 @@ export interface GlobalStateContext extends PiralActions, EventEmitter {
    * The global state context atom.
    * Changes to the state should always be dispatched via the `dispatch` action.
    */
-  state: Atom<GlobalState>;
+  state: UseBoundStore<GlobalState>;
   /**
    * The API objects created for the loaded pilets.
    */

package/src/utils/foreign.test.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { changeDomPortal, convertComponent, renderInDom } from './foreign';
-import { DefaultLoadingIndicator } from '../defaults';
+import { DefaultLoadingIndicator } from '../defaults/DefaultLoadingIndicator';
 import { ForeignComponent } from '../types';
 
 // const StubComponent: React.FC = (props) => <div />;

package/debug.codegen

@@ -1,24 +0,0 @@
-module.exports = function () {
-  const imports = [];
-  const exports = [];
-
-  // if we build the debug version of piral (debug and emulator build)
-  if (process.env.DEBUG_PIRAL) {
-    imports.push('import { integrateDebugger } from "./esm/debugger"');
-    exports.push(`export { integrateDebugger }`);
-  } else {
-    exports.push(`export function integrateDebugger() {}`);
-  }
-
-  // if we build the emulator version of piral (shipped to pilets)
-  if (process.env.DEBUG_PILET) {
-    imports.push('import { integrateEmulator } from "./esm/emulator"');
-    exports.push(`export { integrateEmulator }`);
-  } else {
-    exports.push(`export function integrateEmulator() {}`);
-  }
-
-  return `${imports.join(';\n')}
-${exports.join('\n')}
-`;
-};

package/dependencies.codegen

@@ -1,37 +0,0 @@
-function getIdentifiers(packageName) {
-  const packageJson = `${packageName}/package.json`;
-
-  try {
-    const details = require(packageJson);
-
-    if (details.version) {
-      return [packageName, `${packageName}@${details.version}`];
-    }
-  } catch {}
-
-  return [packageName];
-}
-
-module.exports = function () {
-  const appName = process.env.BUILD_PCKG_NAME || '';
-  const externals = (process.env.SHARED_DEPENDENCIES || '').split(',').filter(Boolean);
-  const assignments = [];
-  const imports = [];
-
-  if (appName) {
-    assignments.push(`deps['${appName}']={}`);
-  }
-
-  for (const name of externals) {
-    const identifiers = getIdentifiers(name);
-    const ref = `_${imports.length}`;
-    imports.push(`import * as ${ref} from ${JSON.stringify(name)}`);
-
-    for (const id of identifiers) {
-      assignments.push(`deps[${JSON.stringify(id)}]=${ref}`);
-    }
-  }
-
-  return `${imports.join(';\n')}
-export default function(deps) {${assignments.join(';')}}`;
-};

package/dependencies.codegen.d.ts

@@ -1 +0,0 @@
-export default function (deps: Record<string, any>): void;

package/dependencies.codegen.native.js

@@ -1,2 +0,0 @@
-// required for piral-native; otherwise non-essential
-export default function() {};

package/esm/defaults/DefaultRouteSwitch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DefaultRouteSwitch.js","sourceRoot":"","sources":["../../src/defaults/DefaultRouteSwitch.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAG7C,MAAM,CAAC,MAAM,kBAAkB,GAA+B,CAAC,EAA6B,EAAE,EAAE;QAAjC,EAAE,KAAK,EAAE,QAAQ,OAAY,EAAP,KAAK,cAA3B,qBAA6B,CAAF;IACxF,OAAO,CACL,oBAAC,MAAM,oBAAK,KAAK;QACd,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAClC,oBAAC,KAAK,IAAC,KAAK,QAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,GAAI,CAC7D,CAAC;QACF,oBAAC,KAAK,IAAC,SAAS,EAAE,QAAQ,GAAI,CACvB,CACV,CAAC;AACJ,CAAC,CAAC"}

package/esm/defaults/DefaultRouter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DefaultRouter.js","sourceRoot":"","sources":["../../src/defaults/DefaultRouter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG1C,MAAM,CAAC,MAAM,aAAa,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnE,MAAM,UAAU,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAC3D,OAAO,oBAAC,aAAa,IAAC,QAAQ,EAAE,UAAU,IAAG,QAAQ,CAAiB,CAAC;AACzE,CAAC,CAAC"}

package/esm/defaults/index.d.ts

@@ -1,5 +0,0 @@
-export * from './DefaultErrorInfo';
-export * from './DefaultLayout';
-export * from './DefaultLoadingIndicator';
-export * from './DefaultRouter';
-export * from './DefaultRouteSwitch';

package/esm/defaults/index.js

@@ -1,6 +0,0 @@
-export * from './DefaultErrorInfo';
-export * from './DefaultLayout';
-export * from './DefaultLoadingIndicator';
-export * from './DefaultRouter';
-export * from './DefaultRouteSwitch';
-//# sourceMappingURL=index.js.map

package/esm/defaults/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/defaults/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC"}

package/lib/defaults/DefaultRouteSwitch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DefaultRouteSwitch.js","sourceRoot":"","sources":["../../src/defaults/DefaultRouteSwitch.tsx"],"names":[],"mappings":";;;;AAAA,+BAA+B;AAC/B,+CAA6C;AAGtC,MAAM,kBAAkB,GAA+B,CAAC,EAA6B,EAAE,EAAE;QAAjC,EAAE,KAAK,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA3B,qBAA6B,CAAF;IACxF,OAAO,CACL,oBAAC,qBAAM,oBAAK,KAAK;QACd,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAClC,oBAAC,oBAAK,IAAC,KAAK,QAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,GAAI,CAC7D,CAAC;QACF,oBAAC,oBAAK,IAAC,SAAS,EAAE,QAAQ,GAAI,CACvB,CACV,CAAC;AACJ,CAAC,CAAC;AATW,QAAA,kBAAkB,sBAS7B"}

package/lib/defaults/DefaultRouter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DefaultRouter.js","sourceRoot":"","sources":["../../src/defaults/DefaultRouter.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,uDAAiD;AACjD,oCAA0C;AAGnC,MAAM,aAAa,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnE,MAAM,UAAU,GAAG,IAAA,sBAAc,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAC3D,OAAO,oBAAC,gCAAa,IAAC,QAAQ,EAAE,UAAU,IAAG,QAAQ,CAAiB,CAAC;AACzE,CAAC,CAAC;AAHW,QAAA,aAAa,iBAGxB"}

package/lib/defaults/index.d.ts

@@ -1,5 +0,0 @@
-export * from './DefaultErrorInfo';
-export * from './DefaultLayout';
-export * from './DefaultLoadingIndicator';
-export * from './DefaultRouter';
-export * from './DefaultRouteSwitch';

package/lib/defaults/index.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./DefaultErrorInfo"), exports);
-tslib_1.__exportStar(require("./DefaultLayout"), exports);
-tslib_1.__exportStar(require("./DefaultLoadingIndicator"), exports);
-tslib_1.__exportStar(require("./DefaultRouter"), exports);
-tslib_1.__exportStar(require("./DefaultRouteSwitch"), exports);
-//# sourceMappingURL=index.js.map

package/lib/defaults/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/defaults/index.ts"],"names":[],"mappings":";;;AAAA,6DAAmC;AACnC,0DAAgC;AAChC,oEAA0C;AAC1C,0DAAgC;AAChC,+DAAqC"}

package/src/defaults/index.ts

@@ -1,5 +0,0 @@
-export * from './DefaultErrorInfo';
-export * from './DefaultLayout';
-export * from './DefaultLoadingIndicator';
-export * from './DefaultRouter';
-export * from './DefaultRouteSwitch';

package/src/hooks/globalState-server.test.ts

@@ -1,41 +0,0 @@
-/**
- * @jest-environment node
- */
-import { useGlobalState } from './globalState';
-
-jest.mock('react', () => {
-  const { Atom } = require('@libre/atom');
-  const state = Atom.of({
-    foo: 5,
-    bar: {
-      qxz: 'hello',
-    },
-    list: [1, 2, 3],
-  });
-  return {
-    createContext: jest.fn(),
-    useContext: () => ({ state }),
-    useState: (v) => [v, jest.fn()],
-    useMemo: (f) => f(),
-    useLayoutEffect: (f) => f(),
-  };
-});
-
-describe('Media Module', () => {
-  it('in here window should be undefined', () => {
-    expect(typeof window).toBe('undefined');
-    const result = useGlobalState((m) => (m as any).foo);
-    expect(result).toBe(5);
-  });
-
-  it('gets full state object', () => {
-    const result = useGlobalState();
-    expect(result).toEqual({
-      foo: 5,
-      bar: {
-        qxz: 'hello',
-      },
-      list: [1, 2, 3],
-    });
-  });
-});

package/src/hooks/globalState.test.ts

@@ -1,47 +0,0 @@
-import { useGlobalState } from './globalState';
-
-jest.mock('react', () => {
-  const { Atom } = require('@libre/atom');
-  const state = Atom.of({
-    foo: 5,
-    bar: {
-      qxz: 'hello',
-    },
-    list: [1, 2, 3],
-  });
-  return {
-    createContext: jest.fn(),
-    useContext: () => ({ state }),
-    useState: (v) => [v, jest.fn()],
-    useMemo: (f) => f(),
-    useLayoutEffect: (f) => f(),
-  };
-});
-
-describe('GlobalState Hook Module', () => {
-  it('selects key from state', () => {
-    const result = useGlobalState((m) => (m as any).foo);
-    expect(result).toBe(5);
-  });
-
-  it('gets full state object', () => {
-    const result = useGlobalState();
-    expect(result).toEqual({
-      foo: 5,
-      bar: {
-        qxz: 'hello',
-      },
-      list: [1, 2, 3],
-    });
-  });
-
-  it('selects nested values', () => {
-    const result = useGlobalState((m) => (m as any).bar.qxz);
-    expect(result).toBe('hello');
-  });
-
-  it('selection works against array members', () => {
-    const result = useGlobalState((m) => (m as any).list[2]);
-    expect(result).toBe(3);
-  });
-});