piral-core 1.3.3-beta.6187 → 1.3.3-beta.6201

package/src/setters/SetError.test.tsx

@@ -1,5 +1,9 @@
+/**
+ * @vitest-environment jsdom
+ */
 import * as React from 'react';
 import create from 'zustand';
+import { describe, it, expect, vitest } from 'vitest';
 import { render } from '@testing-library/react';
 import { SetError } from './SetError';
 import { StateContext } from '../state';
@@ -13,9 +17,9 @@ function createMockContainer() {
   }));
   return {
     context: {
-      on: jest.fn(),
-      off: jest.fn(),
-      emit: jest.fn(),
+      on: vitest.fn(),
+      off: vitest.fn(),
+      emit: vitest.fn(),
       state,
       setErrorComponent(name, comp) {
         const s = state.getState();

package/src/setters/SetErrors.test.tsx

@@ -1,5 +1,9 @@
+/**
+ * @vitest-environment jsdom
+ */
 import * as React from 'react';
 import create from 'zustand';
+import { describe, it, expect, vitest } from 'vitest';
 import { render } from '@testing-library/react';
 import { SetErrors } from './SetErrors';
 import { StateContext } from '../state/stateContext';
@@ -13,9 +17,9 @@ function createMockContainer() {
   }));
   return {
     context: {
-      on: jest.fn(),
-      off: jest.fn(),
-      emit: jest.fn(),
+      on: vitest.fn(),
+      off: vitest.fn(),
+      emit: vitest.fn(),
       state,
       setErrorComponent(name, comp) {
         const s = state.getState();

package/src/setters/SetLayout.test.tsx

@@ -1,5 +1,9 @@
+/**
+ * @vitest-environment jsdom
+ */
 import * as React from 'react';
 import create from 'zustand';
+import { describe, it, expect, vitest } from 'vitest';
 import { render } from '@testing-library/react';
 import { SetLayout } from './SetLayout';
 import { StateContext } from '../state/stateContext';
@@ -13,9 +17,9 @@ function createMockContainer() {
   }));
   return {
     context: {
-      on: jest.fn(),
-      off: jest.fn(),
-      emit: jest.fn(),
+      on: vitest.fn(),
+      off: vitest.fn(),
+      emit: vitest.fn(),
       state,
       setComponent(name, comp) {
         const s = state.getState();

package/src/setters/SetProvider.test.tsx

@@ -1,5 +1,9 @@
+/**
+ * @vitest-environment jsdom
+ */
 import * as React from 'react';
 import create from 'zustand';
+import { describe, it, expect, vitest } from 'vitest';
 import { render } from '@testing-library/react';
 import { SetProvider } from './SetProvider';
 import { StateContext } from '../state';
@@ -13,9 +17,9 @@ function createMockContainer() {
   }));
   return {
     context: {
-      on: jest.fn(),
-      off: jest.fn(),
-      emit: jest.fn(),
+      on: vitest.fn(),
+      off: vitest.fn(),
+      emit: vitest.fn(),
       state,
       includeProvider(provider) {
         const update = (s) => ({

package/src/setters/SetRedirect.test.tsx

@@ -1,18 +1,28 @@
+/**
+ * @vitest-environment jsdom
+ */
 import * as React from 'react';
 import create from 'zustand';
+import { describe, it, expect, vitest } from 'vitest';
 import { render } from '@testing-library/react';
 import { SetRedirect } from './SetRedirect';
 import { StateContext } from '../state';
 
+vitest.mock('../../app.codegen', () => ({
+  createRedirect(to) {
+    return to;
+  },
+}));
+
 function createMockContainer() {
   const state = create(() => ({
     routes: {},
   }));
   return {
     context: {
-      on: jest.fn(),
-      off: jest.fn(),
-      emit: jest.fn(),
+      on: vitest.fn(),
+      off: vitest.fn(),
+      emit: vitest.fn(),
       state,
       setRoute(name, comp) {
         const update = (s) => ({

package/src/setters/SetRoute.test.tsx

@@ -1,5 +1,9 @@
+/**
+ * @vitest-environment jsdom
+ */
 import * as React from 'react';
 import create from 'zustand';
+import { describe, it, expect, vitest } from 'vitest';
 import { render } from '@testing-library/react';
 import { SetRoute } from './SetRoute';
 import { StateContext } from '../state';
@@ -13,9 +17,9 @@ function createMockContainer() {
   }));
   return {
     context: {
-      on: jest.fn(),
-      off: jest.fn(),
-      emit: jest.fn(),
+      on: vitest.fn(),
+      off: vitest.fn(),
+      emit: vitest.fn(),
       state,
       setRoute(name, comp) {
         const update = (s) => ({

package/src/state/createActions.test.ts

@@ -1,7 +1,11 @@
+/**
+ * @vitest-environment jsdom
+ */
+import { describe, it, expect, vitest } from 'vitest';
 import { createListener } from 'piral-base';
 import { createActions, includeActions } from './createActions';
 
-jest.mock('../actions', () => ({
+vitest.mock('../actions', () => ({
   a(arg) {
     return arg.state;
   },
@@ -10,6 +14,13 @@ jest.mock('../actions', () => ({
   },
 }));
 
+vitest.mock('../../app.codegen', () => ({
+  createNavigation: vitest.fn(publicPath => ({
+    publicPath,
+  })),
+  publicPath: '/',
+}));
+
 describe('Create Actions Module', () => {
   it('createActions works with all actions', () => {
     const events = createListener(undefined);

package/src/state/createGlobalState.test.ts

@@ -1,29 +1,47 @@
+/**
+ * @vitest-environment jsdom
+ */
+import { describe, it, expect, vitest } from 'vitest';
 import { createGlobalState } from './createGlobalState';
 
 process.env.PIRAL_PUBLIC_PATH = '/';
 
+vitest.mock('../../app.codegen', () => ({
+  createDefaultState() {
+    return {
+      app: {
+        error: undefined,
+        loading: typeof window !== 'undefined',
+      },
+      components: {},
+      errorComponents: {},
+      registry: {
+        extensions: {},
+        pages: {},
+        wrappers: {},
+      },
+      routes: {},
+      data: {},
+      portals: {},
+      modules: [],
+    };
+  },
+}));
+
 describe('Create Global State Module', () => {
-  window.matchMedia = jest.fn((q) => ({ matches: false })) as any;
+  window.matchMedia = vitest.fn((q) => ({ matches: false })) as any;
 
   it('global state works with language as empty string', () => {
     const globalState = createGlobalState({});
     const tmp = globalState.getState();
 
-    console.log(tmp);
-
     expect(tmp).toEqual({
       app: {
         loading: true,
         error: undefined,
       },
       errorComponents: {},
-      components: {
-        ErrorInfo: expect.anything(),
-        LoadingIndicator: expect.anything(),
-        Router: expect.anything(),
-        Layout: expect.anything(),
-        RouteSwitch: expect.anything(),
-      },
+      components: {},
       routes: {},
       registry: {
         extensions: {},
@@ -44,13 +62,7 @@ describe('Create Global State Module', () => {
         error: undefined,
       },
       errorComponents: {},
-      components: {
-        ErrorInfo: expect.anything(),
-        LoadingIndicator: expect.anything(),
-        Router: expect.anything(),
-        Layout: expect.anything(),
-        RouteSwitch: expect.anything(),
-      },
+      components: {},
       routes: {},
       registry: {
         extensions: {},
@@ -75,13 +87,7 @@ describe('Create Global State Module', () => {
         loading: true,
       },
       errorComponents: {},
-      components: {
-        ErrorInfo: expect.anything(),
-        LoadingIndicator: expect.anything(),
-        Router: expect.anything(),
-        Layout: expect.anything(),
-        RouteSwitch: expect.anything(),
-      },
+      components: {},
       routes,
       registry: {
         extensions: {},
@@ -102,13 +108,7 @@ describe('Create Global State Module', () => {
         error: undefined,
       },
       errorComponents: {},
-      components: {
-        ErrorInfo: expect.anything(),
-        LoadingIndicator: expect.anything(),
-        Router: expect.anything(),
-        Layout: expect.anything(),
-        RouteSwitch: expect.anything(),
-      },
+      components: {},
       registry: {
         extensions: {},
         pages: {},
@@ -131,13 +131,7 @@ describe('Create Global State Module', () => {
         error: undefined,
       },
       errorComponents: {},
-      components: {
-        ErrorInfo: expect.anything(),
-        LoadingIndicator: expect.anything(),
-        Router: expect.anything(),
-        Layout: expect.anything(),
-        RouteSwitch: expect.anything(),
-      },
+      components: {},
       registry: {
         extensions: {},
         pages: {},
@@ -160,13 +154,7 @@ describe('Create Global State Module', () => {
         error: undefined,
       },
       errorComponents: {},
-      components: {
-        ErrorInfo: expect.anything(),
-        LoadingIndicator: expect.anything(),
-        Router: expect.anything(),
-        Layout: expect.anything(),
-        RouteSwitch: expect.anything(),
-      },
+      components: {},
       registry: {
         extensions: {},
         pages: {},
@@ -193,13 +181,7 @@ describe('Create Global State Module', () => {
         error: undefined,
       },
       errorComponents: {},
-      components: {
-        ErrorInfo: expect.anything(),
-        LoadingIndicator: expect.anything(),
-        Router: expect.anything(),
-        Layout: expect.anything(),
-        RouteSwitch: expect.anything(),
-      },
+      components: {},
       registry: {
         extensions: {},
         pages: {},
@@ -227,13 +209,7 @@ describe('Create Global State Module', () => {
         error: undefined,
       },
       errorComponents: {},
-      components: {
-        ErrorInfo: expect.anything(),
-        LoadingIndicator: expect.anything(),
-        Router: expect.anything(),
-        Layout: expect.anything(),
-        RouteSwitch: expect.anything(),
-      },
+      components: {},
       registry: {
         extensions: {},
         pages: {},

package/src/state/withApi.test.tsx

@@ -1,5 +1,9 @@
+/**
+ * @vitest-environment jsdom
+ */
 import * as React from 'react';
 import create from 'zustand';
+import { describe, it, expect, vitest } from 'vitest';
 import { render } from '@testing-library/react';
 import { withApi } from './withApi';
 import { StateContext } from '../state';
@@ -24,9 +28,9 @@ function createMockContainer() {
       navigation: {
         router: undefined,
       },
-      on: jest.fn(),
-      off: jest.fn(),
-      emit: jest.fn(),
+      on: vitest.fn(),
+      off: vitest.fn(),
+      emit: vitest.fn(),
       state,
       destroyPortal: (id) => {},
     } as any,
@@ -51,9 +55,9 @@ function createMockContainerWithNoWrappers() {
           },
         });
       },
-      on: jest.fn(),
-      off: jest.fn(),
-      emit: jest.fn(),
+      on: vitest.fn(),
+      off: vitest.fn(),
+      emit: vitest.fn(),
       state,
       destroyPortal: (id) => {},
     } as any,
@@ -89,7 +93,7 @@ describe('withApi Module', () => {
   });
 
   it('is protected against a component crash', () => {
-    console.error = jest.fn();
+    console.error = vitest.fn();
     const api: any = {
       meta: {
         name: 'foo',
@@ -106,7 +110,7 @@ describe('withApi Module', () => {
   });
 
   it('reports to console.error when an error is hit', () => {
-    console.error = jest.fn();
+    console.error = vitest.fn();
     const api: any = {
       meta: {
         name: 'my pilet',

package/src/utils/compare.test.ts

@@ -1,3 +1,4 @@
+import { describe, it, expect } from 'vitest';
 import { isSame } from './compare';
 
 describe('Compare Module', () => {

package/src/utils/data.test.ts

@@ -1,3 +1,7 @@
+/**
+ * @vitest-environment jsdom
+ */
+import { describe, it, expect } from 'vitest';
 import { getDataExpiration, createDataOptions, createDataView } from './data';
 import { Dict, SharedDataItem } from '../types';
 
@@ -69,6 +73,7 @@ describe('Data Module', () => {
   it('createDataView returns undefined if not supported', () => {
     const proxyName = 'Proxy';
     const Proxy = window[proxyName];
+    // @ts-ignore
     window[proxyName] = undefined;
     const view = createDataView({});
     window[proxyName] = Proxy;

package/src/utils/extension.test.tsx

@@ -1,4 +1,8 @@
+/**
+ * @vitest-environment jsdom
+ */
 import * as React from 'react';
+import { describe, it, expect } from 'vitest';
 import { render } from '@testing-library/react';
 import { reactifyContent, toExtension } from './extension';
 
@@ -6,7 +10,7 @@ describe('Util Extension.', () => {
   it('Convert some component to an extension component.', () => {
     const Component = ({ title }) => <b>{title}</b>;
     const piral: any = {};
-    const Extension = toExtension(Component);
+    const Extension = toExtension(Component) as any;
     const node = render(<Extension piral={piral} params={{ title: 'Foo' }} />);
     expect(node.container.querySelectorAll('b').length).toBe(1);
   });

package/src/utils/foreign.test.ts

@@ -1,18 +1,19 @@
+/**
+ * @vitest-environment jsdom
+ */
 import * as React from 'react';
+import { describe, it, expect, vitest } from 'vitest';
 import { changeDomPortal, convertComponent, renderInDom } from './foreign';
 import { DefaultLoadingIndicator } from '../defaults/DefaultLoadingIndicator';
 import { ForeignComponent } from '../types';
 
-// const StubComponent: React.FC = (props) => <div />;
-// StubComponent.displayName = 'StubComponent';
-
 describe('Util Foreign.', () => {
   it('changeDomPortal changes dom in portal', () => {
     const children = React.createElement('div');
-    const current: React.ReactPortal = { key: 'current', children: { children }, type: 'div', props: null };
+    const current: React.ReactPortal = { key: 'current', children: { children } as any, type: 'div', props: null };
 
     const context = {
-      updatePortal: jest.fn(),
+      updatePortal: vitest.fn(),
     } as any;
     const portalId = 'pid';
     const element = document.createElement('piral-portal') as HTMLElement;
@@ -24,7 +25,7 @@ describe('Util Foreign.', () => {
 
   it('Convert component function throws error due to missing converter function.', () => {
     const t = () => {
-      convertComponent(null, React.createElement('div'));
+      convertComponent(null as any, React.createElement('div'));
     };
     expect(t).toThrow('No converter for component of type "div" registered.');
   });
@@ -41,7 +42,7 @@ describe('Util Foreign.', () => {
 
   it('Render in DOM', () => {
     const context = {
-      showPortal: jest.fn(),
+      showPortal: vitest.fn(),
     } as any;
     const portalId = 'pid';
     const element = document.createElement('piral-portal') as HTMLElement;
@@ -52,7 +53,7 @@ describe('Util Foreign.', () => {
 
   it('Render in DOM with parent node missing', () => {
     const context = {
-      showPortal: jest.fn(),
+      showPortal: vitest.fn(),
     } as any;
     const element = document.createElement('piral-portal') as HTMLElement;
     var [result] = renderInDom(context, element, DefaultLoadingIndicator, {});

package/src/utils/guid.test.ts

@@ -1,3 +1,4 @@
+import { describe, it, expect } from 'vitest';
 import { buildName, generateId } from './guid';
 
 describe('Guid Utility Module', () => {

package/src/utils/helpers.test.ts

@@ -1,3 +1,4 @@
+import { describe, it, expect } from 'vitest';
 import {
   appendItem,
   excludeItem,
@@ -69,7 +70,7 @@ describe('Helpers Module', () => {
   });
 
   it('prependItem works without an existing array', () => {
-    const result = prependItem(undefined, 4);
+    const result = prependItem(undefined as any, 4);
     expect(result).toEqual([4]);
   });
 
@@ -85,7 +86,7 @@ describe('Helpers Module', () => {
   });
 
   it('appendItem works without an existing array', () => {
-    const result = appendItem(undefined, 4);
+    const result = appendItem(undefined as any, 4);
     expect(result).toEqual([4]);
   });
 
@@ -111,7 +112,7 @@ describe('Helpers Module', () => {
   });
 
   it('prependItems works without an existing array', () => {
-    const result = prependItems(undefined, [4]);
+    const result = prependItems(undefined as any, [4]);
     expect(result).toEqual([4]);
   });
 
@@ -127,7 +128,7 @@ describe('Helpers Module', () => {
   });
 
   it('appendItems works without an existing array', () => {
-    const result = appendItems(undefined, [4]);
+    const result = appendItems(undefined as any, [4]);
     expect(result).toEqual([4]);
   });
 
@@ -155,7 +156,7 @@ describe('Helpers Module', () => {
   });
 
   it('excludeItem works without an existing array', () => {
-    const result = excludeItem(undefined, 2);
+    const result = excludeItem(undefined as any, 2);
     expect(result).toEqual([]);
   });
 
@@ -176,7 +177,7 @@ describe('Helpers Module', () => {
   });
 
   it('excludeOn works without an existing array', () => {
-    const result = excludeOn(undefined, (x) => x === 2);
+    const result = excludeOn(undefined as any, (x) => x === 2);
     expect(result).toEqual([]);
   });
 
@@ -193,7 +194,7 @@ describe('Helpers Module', () => {
 
   it('withKey works with an existing object', () => {
     const original = { a: 5 };
-    const result = withKey(original, 'b', 6);
+    const result = withKey(original, 'b' as any, 6);
     expect(result).toEqual({
       a: 5,
       b: 6,
@@ -202,12 +203,12 @@ describe('Helpers Module', () => {
 
   it('withKey does not modify existing object', () => {
     const original = { a: 5 };
-    const result = withKey(original, 'b', 6);
+    const result = withKey(original, 'b' as any, 6);
     expect(result).not.toBe(original);
   });
 
   it('withKey works without an existing object', () => {
-    const result = withKey(undefined, 'b', 6);
+    const result = withKey(undefined, 'b' as never, 6 as never);
     expect(result).toEqual({
       b: 6,
     });
@@ -215,7 +216,7 @@ describe('Helpers Module', () => {
 
   it('withoutKey ignores non-existing key', () => {
     const original = { a: 5 };
-    const result = withoutKey(original, 'b');
+    const result = withoutKey(original, 'b' as any);
     expect(result).toEqual({
       a: 5,
     });
@@ -246,12 +247,12 @@ describe('Helpers Module', () => {
   });
 
   it('withoutKey works without an existing object', () => {
-    const result = withoutKey(undefined, 'a');
+    const result = withoutKey(undefined, 'a' as never);
     expect(result).toEqual({});
   });
 
   it('withoutKey works without a valid key', () => {
-    const result = withoutKey({}, undefined as any);
+    const result = withoutKey({}, undefined as never);
     expect(result).toEqual({});
   });
 
@@ -261,7 +262,7 @@ describe('Helpers Module', () => {
   });
 
   it('updateKey with the removeIndicator', () => {
-    const result = updateKey({ b: '1233' }, 'b', null);
+    const result = updateKey({ b: '1233' }, 'b', null as any);
     expect(result).toEqual({});
   });
 

package/src/utils/media-server.test.ts

@@ -1,6 +1,7 @@
 /**
- * @jest-environment node
+ * @vitest-environment node
  */
+import { describe, it, expect } from 'vitest';
 import { getCurrentLayout } from './media';
 
 describe('Media Module', () => {

package/src/utils/media.test.ts

@@ -1,40 +1,48 @@
-import { getCurrentLayout } from './media';
+/**
+ * @vitest-environment jsdom
+ */
+import { describe, it, expect, vitest } from 'vitest';
 
 describe('Media Module', () => {
-  it('getCurrentLayout correctly takes matched first layout', () => {
+  it('getCurrentLayout correctly takes matched first layout', async () => {
     const breakpoints = ['min-width: 200px', 'max-width: 199px'];
-    window.matchMedia = jest.fn((q) => ({ matches: q === breakpoints[0] })) as any;
+    window.matchMedia = vitest.fn((q) => ({ matches: q === breakpoints[0] })) as any;
+    const { getCurrentLayout  } = await import('./media');
     const result = getCurrentLayout(breakpoints, ['foo', 'bar'], 'foo');
     expect(window.matchMedia).toHaveBeenCalledTimes(1);
     expect(result).toBe('foo');
   });
 
-  it('getCurrentLayout correctly takes matched second layout', () => {
+  it('getCurrentLayout correctly takes matched second layout', async () => {
     const breakpoints = ['min-width: 200px', 'max-width: 199px'];
-    window.matchMedia = jest.fn((q) => ({ matches: q === breakpoints[1] })) as any;
+    window.matchMedia = vitest.fn((q) => ({ matches: q === breakpoints[1] }) as any);
+    const { getCurrentLayout  } = await import('./media');
     const result = getCurrentLayout(breakpoints, ['foo', 'bar'], 'foo');
     expect(window.matchMedia).toHaveBeenCalledTimes(2);
     expect(result).toBe('bar');
   });
 
-  it('getCurrentLayout uses default layout if nothing matches', () => {
+  it('getCurrentLayout uses default layout if nothing matches', async () => {
     const breakpoints = ['min-width: 200px', 'max-width: 199px'];
-    window.matchMedia = jest.fn((q) => ({ matches: false })) as any;
+    window.matchMedia = vitest.fn((q) => ({ matches: false })) as any;
+    const { getCurrentLayout  } = await import('./media');
     const result = getCurrentLayout(breakpoints, ['foo', 'bar'], 'foo');
     expect(window.matchMedia).toHaveBeenCalledTimes(2);
     expect(result).toBe('foo');
   });
 
-  it('getCurrentLayout uses default layout which not be a given layoput', () => {
+  it('getCurrentLayout uses default layout which not be a given layoput', async () => {
     const breakpoints = ['min-width: 200px', 'max-width: 199px'];
-    window.matchMedia = jest.fn((q) => ({ matches: false })) as any;
+    window.matchMedia = vitest.fn((q) => ({ matches: false })) as any;
+    const { getCurrentLayout  } = await import('./media');
     const result = getCurrentLayout(breakpoints, ['foo', 'bar'], 'qxz');
     expect(window.matchMedia).toHaveBeenCalledTimes(2);
     expect(result).toBe('qxz');
   });
 
-  it('getCurrentLayout uses default layout if no breakpoint given', () => {
-    window.matchMedia = jest.fn((q) => ({ matches: true })) as any;
+  it('getCurrentLayout uses default layout if no breakpoint given', async () => {
+    window.matchMedia = vitest.fn((q) => ({ matches: true })) as any;
+    const { getCurrentLayout  } = await import('./media');
     const result = getCurrentLayout([], ['foo', 'bar'], 'qxz');
     expect(window.matchMedia).toHaveBeenCalledTimes(0);
     expect(result).toBe('qxz');

package/src/utils/routes.test.ts

@@ -1,3 +1,4 @@
+import { describe, it, expect } from 'vitest';
 import { createRouteMatcher } from './routes';
 
 describe('Routes Utilities', () => {