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

package/src/helpers.test.tsx

@@ -1,14 +1,34 @@
+/**
+ * @vitest-environment jsdom
+ */
 import create from 'zustand';
+import { describe, it, expect, vitest } from 'vitest';
 import { createPiletOptions, PiletOptionsConfig } from './helpers';
 import { globalDependencies } from './modules';
 import { PiletMetadata } from 'piral-base';
 
+vitest.mock('../app.codegen', () => ({
+  createNavigation: vitest.fn(() => ({
+    publicPath: '/',
+  })),
+  fillDependencies: vitest.fn(),
+  integrateDebugger: vitest.fn(),
+  integrateEmulator: vitest.fn(),
+  publicPath: '/',
+  useRouteFilter(routes) {
+    return routes;
+  },
+  createDefaultState() {
+    return {};
+  },
+}));
+
 function createMockApi(meta: PiletMetadata) {
   return {
     meta,
-    emit: jest.fn(),
-    off: jest.fn(),
-    on: jest.fn(),
+    emit: vitest.fn(),
+    off: vitest.fn(),
+    on: vitest.fn(),
   } as any;
 }
 
@@ -25,9 +45,9 @@ function createMockContainer() {
   }));
   return {
     context: {
-      on: jest.fn(),
-      off: jest.fn(),
-      emit: jest.fn(),
+      on: vitest.fn(),
+      off: vitest.fn(),
+      emit: vitest.fn(),
       state,
       dispatch(cb) {
         state.setState(cb(state.getState()));
@@ -56,7 +76,7 @@ describe('Piral-Core helpers module', () => {
     process.env.DEBUG_PIRAL = 'true';
 
     // Arrange
-    const setupMock = jest.fn();
+    const setupMock = vitest.fn();
     const globalContext = createMockContainer().context;
     const providedPilets: Array<any> = [
       {
@@ -75,11 +95,11 @@ describe('Piral-Core helpers module', () => {
     const optionsConfig: PiletOptionsConfig = {
       createApi: createMockApi,
       availablePilets: providedPilets,
-      shareDependencies: jest.fn((deps) => deps),
+      shareDependencies: vitest.fn((deps) => deps),
       context: globalContext,
-      loadPilet: jest.fn(),
-      requestPilets: jest.fn(() => Promise.resolve(providedPilets)),
-      strategy: jest.fn(),
+      loadPilet: vitest.fn(),
+      requestPilets: vitest.fn(() => Promise.resolve(providedPilets)),
+      strategy: vitest.fn(),
     };
 
     // Act
@@ -95,7 +115,7 @@ describe('Piral-Core helpers module', () => {
 
   it('createPiletOptions creates the options exposing the global dependencies', () => {
     // Arrange
-    const setupMock = jest.fn();
+    const setupMock = vitest.fn();
     const globalContext = createMockContainer().context;
     const providedPilets: Array<any> = [
       {
@@ -115,10 +135,10 @@ describe('Piral-Core helpers module', () => {
       createApi: createMockApi,
       availablePilets: providedPilets,
       context: globalContext,
-      shareDependencies: jest.fn((deps) => deps),
-      loadPilet: jest.fn(),
-      requestPilets: jest.fn(() => Promise.resolve(providedPilets)),
-      strategy: jest.fn(),
+      shareDependencies: vitest.fn((deps) => deps),
+      loadPilet: vitest.fn(),
+      requestPilets: vitest.fn(() => Promise.resolve(providedPilets)),
+      strategy: vitest.fn(),
     };
 
     // Act
@@ -133,8 +153,8 @@ describe('Piral-Core helpers module', () => {
 
     // Arrange
     process.env.DEBUG_PIRAL = 'true';
-    const setupMock = jest.fn();
-    const requestPilets = jest.fn(() => Promise.resolve(providedPilets));
+    const setupMock = vitest.fn();
+    const requestPilets = vitest.fn(() => Promise.resolve(providedPilets));
     const globalContext = createMockContainer().context;
     const providedPilets: Array<any> = [
       {
@@ -154,10 +174,10 @@ describe('Piral-Core helpers module', () => {
       createApi: createMockApi,
       availablePilets: providedPilets,
       context: globalContext,
-      shareDependencies: jest.fn((deps) => deps),
-      loadPilet: jest.fn(),
+      shareDependencies: vitest.fn((deps) => deps),
+      loadPilet: vitest.fn(),
       requestPilets: requestPilets,
-      strategy: jest.fn(),
+      strategy: vitest.fn(),
     };
 
     // Act
@@ -177,8 +197,8 @@ describe('Piral-Core helpers module', () => {
 
     // Arrange
     process.env.DEBUG_PILET = 'on';
-    const setupMock = jest.fn();
-    window.fetch = jest.fn((_, options) =>
+    const setupMock = vitest.fn();
+    window.fetch = vitest.fn((_, options) =>
       Promise.resolve({
         text() {
           return Promise.resolve('This is an example response');
@@ -188,7 +208,7 @@ describe('Piral-Core helpers module', () => {
         },
       }),
     ) as any;
-    const requestPilets = jest.fn(() => Promise.resolve(providedPilets));
+    const requestPilets = vitest.fn(() => Promise.resolve(providedPilets));
     const globalContext = createMockContainer().context;
     const providedPilets: Array<any> = [
       {
@@ -208,10 +228,10 @@ describe('Piral-Core helpers module', () => {
       createApi: createMockApi,
       availablePilets: providedPilets,
       context: globalContext,
-      shareDependencies: jest.fn((deps) => deps),
-      loadPilet: jest.fn(),
+      shareDependencies: vitest.fn((deps) => deps),
+      loadPilet: vitest.fn(),
       requestPilets: requestPilets,
-      strategy: jest.fn(),
+      strategy: vitest.fn(),
     };
 
     let hasFailed = false;

package/src/hooks/action.test.ts

@@ -1,9 +1,10 @@
+import { describe, it, expect, vitest } from 'vitest';
 import { useAction } from './action';
 
-jest.mock('react', () => {
+vitest.mock('react', () => {
   return {
-    createContext: jest.fn(),
-    useContext: () => ({ foo: jest.fn(), bar: jest.fn() }),
+    createContext: vitest.fn(),
+    useContext: () => ({ foo: vitest.fn(), bar: vitest.fn() }),
   };
 });
 

package/src/hooks/actions.test.ts

@@ -1,10 +1,11 @@
+import { describe, it, expect, vitest } from 'vitest';
 import { useActions } from './actions';
 
-const fn = jest.fn();
+const fn = vitest.fn();
 
-jest.mock('react', () => {
+vitest.mock('react', () => {
   return {
-    createContext: jest.fn(),
+    createContext: vitest.fn(),
     useContext: () => ({ foo: fn, bar: fn, state: {} }),
   };
 });

package/src/hooks/media.test.ts

@@ -1,39 +1,45 @@
+/**
+ * @vitest-environment jsdom
+ */
 import * as React from 'react';
-import { useMedia } from './media';
+import { describe, it, expect, vitest } from 'vitest';
 
-jest.mock('react');
+vitest.mock('react');
 
-(React as any).useState = (v) => [v(), jest.fn()];
+(React as any).useState = (v) => [v(), vitest.fn()];
 
 describe('Media Hook Module', () => {
-  it('picks default mode if nothing else if given', () => {
-    const usedEffect = jest.fn();
+  it('picks default mode if nothing else if given', async () => {
+    const usedEffect = vitest.fn();
     (React as any).useEffect = usedEffect;
-    window.matchMedia = jest.fn((q) => ({ matches: false })) as any;
+    window.matchMedia = vitest.fn((q) => ({ matches: false })) as any;
+    const { useMedia } = await import('./media');
     const layout = useMedia(['a', 'b', 'c'], ['mobile', 'tablet', 'desktop'], 'desktop');
     const cleanup = usedEffect.mock.calls[0][0]();
     expect(layout).toBe('desktop');
     cleanup();
   });
 
-  it('picks first role if already matches', () => {
-    const usedEffect = jest.fn();
+  it('picks first role if already matches', async () => {
+    const usedEffect = vitest.fn();
     (React as any).useEffect = usedEffect;
-    window.matchMedia = jest.fn((q) => ({ matches: true })) as any;
+    window.matchMedia = vitest.fn((q) => ({ matches: true })) as any;
+    const { useMedia } = await import('./media');
     const layout = useMedia(['a', 'b', 'c'], ['mobile', 'tablet', 'desktop'], 'desktop');
     const cleanup = usedEffect.mock.calls[0][0]();
     expect(layout).toBe('mobile');
     cleanup();
   });
 
-  it('adds up a resize event handler on init', () => {
-    const usedEffect = jest.fn();
+  it('adds up a resize event handler on init', async () => {
+    const usedEffect = vitest.fn();
     const originalAdd = window.addEventListener;
     const originalRemove = window.addEventListener;
     (React as any).useEffect = usedEffect;
-    window.addEventListener = jest.fn();
-    window.removeEventListener = jest.fn();
-    window.matchMedia = jest.fn((q) => ({ matches: true })) as any;
+    window.addEventListener = vitest.fn();
+    window.removeEventListener = vitest.fn();
+    window.matchMedia = vitest.fn((q) => ({ matches: true })) as any;
+    const { useMedia } = await import('./media');
     useMedia(['a', 'b', 'c'], ['mobile', 'tablet', 'desktop'], 'desktop');
     expect(window.addEventListener).toHaveBeenCalledTimes(0);
     const cleanup = usedEffect.mock.calls[0][0]();
@@ -43,14 +49,15 @@ describe('Media Hook Module', () => {
     window.removeEventListener = originalRemove;
   });
 
-  it('cleans up a resize event handler on done', () => {
-    const usedEffect = jest.fn();
+  it('cleans up a resize event handler on done', async () => {
+    const usedEffect = vitest.fn();
     const originalAdd = window.addEventListener;
     const originalRemove = window.addEventListener;
     (React as any).useEffect = usedEffect;
-    window.addEventListener = jest.fn();
-    window.removeEventListener = jest.fn();
-    window.matchMedia = jest.fn((q) => ({ matches: true })) as any;
+    window.addEventListener = vitest.fn();
+    window.removeEventListener = vitest.fn();
+    window.matchMedia = vitest.fn((q) => ({ matches: true })) as any;
+    const { useMedia } = await import('./media');
     useMedia(['a', 'b', 'c'], ['mobile', 'tablet', 'desktop'], 'desktop');
     const cleanup = usedEffect.mock.calls[0][0]();
     expect(window.removeEventListener).toHaveBeenCalledTimes(0);
@@ -60,13 +67,14 @@ describe('Media Hook Module', () => {
     window.removeEventListener = originalRemove;
   });
 
-  it('resize fires the handler', () => {
-    const usedEffect = jest.fn();
-    const update = jest.fn();
+  it('resize fires the handler', async () => {
+    const usedEffect = vitest.fn();
+    const update = vitest.fn();
     (React as any).useState = (v) => [v(), (k) => update(k())];
     (React as any).useEffect = usedEffect;
     let matcher = (q) => ({ matches: true });
-    window.matchMedia = jest.fn((q) => matcher(q)) as any;
+    window.matchMedia = vitest.fn((q) => matcher(q)) as any;
+    const { useMedia } = await import('./media');
     const layout = useMedia(['a', 'b', 'c'], ['mobile', 'tablet', 'desktop'], 'desktop');
     const cleanup = usedEffect.mock.calls[0][0]();
     const event = new Event('resize', { bubbles: true });

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

@@ -1,14 +1,15 @@
 /**
- * @jest-environment node
+ * @vitest-environment node
  */
 
 import * as React from 'react';
 import { renderToString } from 'react-dom/server';
+import { describe, it, expect, vitest } from 'vitest';
 import { useSetter } from './setter';
 
 describe('UseSetter Hook Module', () => {
   it('UseSetter', () => {
-    const cb = jest.fn();
+    const cb = vitest.fn();
 
     const MyComponent = () => {
       useSetter(cb);

package/src/hooks/setter.test.ts

@@ -1,10 +1,14 @@
+/**
+ * @vitest-environment jsdom
+ */
 import * as React from 'react';
+import { describe, it, expect, vitest } from 'vitest';
 import { render, act } from '@testing-library/react';
 import { useSetter } from './setter';
 
 describe('UseSetter Hook Module', () => {
   it('UseSetter', async () => {
-    const cb = jest.fn();
+    const cb = vitest.fn();
 
     const MyComponent = () => {
       useSetter(cb);

package/src/hooks/sharedData.test.ts

@@ -1,13 +1,16 @@
-import * as globalState from './globalState';
+import { describe, it, expect, vitest } from 'vitest';
 import { useSharedData } from './sharedData';
 
-(globalState as any).useGlobalState = (select: any) =>
-  select({
-    data: {
-      a: 'foo',
-      b: 'bar',
-    },
-  });
+vitest.mock('./globalState', () => ({
+  useGlobalState(select) {
+    return select({
+      data: {
+        a: 'foo',
+        b: 'bar',
+      },
+    });
+  },
+}));
 
 describe('SharedData Module', () => {
   it('selects the corresponding value', () => {

package/src/modules/api.test.ts

@@ -1,7 +1,8 @@
+import { describe, it, expect, vitest } from 'vitest';
 import { createElement, FC } from 'react';
 import { defaultApiFactory } from './api';
 
-jest.mock('../hooks');
+vitest.mock('../hooks');
 
 const StubComponent: FC = (props) => createElement('div', props);
 StubComponent.displayName = 'StubComponent';
@@ -17,9 +18,9 @@ const moduleMetadata = {
 function createMockContainer() {
   return {
     context: {
-      on: jest.fn(),
-      off: jest.fn(),
-      emit: jest.fn(),
+      on: vitest.fn(),
+      off: vitest.fn(),
+      emit: vitest.fn(),
       converters: {},
       apis: {},
       readState() {
@@ -37,8 +38,8 @@ function createApi(container, apis = []) {
 describe('API Module', () => {
   it('defaultApiFactory can register and unregister a page', () => {
     const container = createMockContainer();
-    container.context.registerPage = jest.fn();
-    container.context.unregisterPage = jest.fn();
+    container.context.registerPage = vitest.fn();
+    container.context.unregisterPage = vitest.fn();
     const api = createApi(container);
     api.registerPage('/route', StubComponent);
     expect(container.context.registerPage).toHaveBeenCalledTimes(1);
@@ -50,8 +51,8 @@ describe('API Module', () => {
 
   it('defaultApiFactory can dispose a registered page', () => {
     const container = createMockContainer();
-    container.context.registerPage = jest.fn();
-    container.context.unregisterPage = jest.fn();
+    container.context.registerPage = vitest.fn();
+    container.context.unregisterPage = vitest.fn();
     const api = createApi(container);
     const dispose = api.registerPage('/route', StubComponent);
     expect(container.context.registerPage).toHaveBeenCalledTimes(1);
@@ -63,8 +64,8 @@ describe('API Module', () => {
 
   it('defaultApiFactory can register and unregister an extension', () => {
     const container = createMockContainer();
-    container.context.registerExtension = jest.fn();
-    container.context.unregisterExtension = jest.fn();
+    container.context.registerExtension = vitest.fn();
+    container.context.unregisterExtension = vitest.fn();
     const api = createApi(container);
     api.registerExtension('ext', StubComponent);
     expect(container.context.registerExtension).toHaveBeenCalledTimes(1);
@@ -78,8 +79,8 @@ describe('API Module', () => {
 
   it('defaultApiFactory can dispose an registered extension', () => {
     const container = createMockContainer();
-    container.context.registerExtension = jest.fn();
-    container.context.unregisterExtension = jest.fn();
+    container.context.registerExtension = vitest.fn();
+    container.context.unregisterExtension = vitest.fn();
     const api = createApi(container);
     const dispose = api.registerExtension('ext', StubComponent);
     expect(container.context.registerExtension).toHaveBeenCalledTimes(1);
@@ -93,7 +94,7 @@ describe('API Module', () => {
 
   it('defaultApiFactory read data by its name', () => {
     const container = createMockContainer();
-    container.context.readDataValue = jest.fn((name) => name);
+    container.context.readDataValue = vitest.fn((name) => name);
     const api = createApi(container);
     const result = api.getData('foo');
     expect(result).toBe('foo');
@@ -102,7 +103,7 @@ describe('API Module', () => {
 
   it('defaultApiFactory write data without options shall pass, but memory should not emit events', () => {
     const container = createMockContainer();
-    container.context.tryWriteDataItem = jest.fn(() => true);
+    container.context.tryWriteDataItem = vitest.fn(() => true);
     const api = createApi(container);
     api.setData('foo', 5);
     expect(container.context.tryWriteDataItem).toHaveBeenCalled();
@@ -111,7 +112,7 @@ describe('API Module', () => {
 
   it('defaultApiFactory write data with empty options shall pass, but memory should not emit events', () => {
     const container = createMockContainer();
-    container.context.tryWriteDataItem = jest.fn(() => true);
+    container.context.tryWriteDataItem = vitest.fn(() => true);
     const api = createApi(container);
     api.setData('foo', 5, {});
     expect(container.context.tryWriteDataItem).toHaveBeenCalled();
@@ -120,7 +121,7 @@ describe('API Module', () => {
 
   it('defaultApiFactory write data by the simple option should not pass, never emitting events', () => {
     const container = createMockContainer();
-    container.context.tryWriteDataItem = jest.fn(() => false);
+    container.context.tryWriteDataItem = vitest.fn(() => false);
     const api = createApi(container);
     api.setData('foo', 5, 'remote');
     expect(container.context.tryWriteDataItem).toHaveBeenCalled();
@@ -129,7 +130,7 @@ describe('API Module', () => {
 
   it('defaultApiFactory write data by the simple option shall pass with remote', () => {
     const container = createMockContainer();
-    container.context.tryWriteDataItem = jest.fn(() => true);
+    container.context.tryWriteDataItem = vitest.fn(() => true);
     const api = createApi(container);
     api.setData('foo', 5, 'remote');
     expect(container.context.tryWriteDataItem).toHaveBeenCalled();
@@ -137,7 +138,7 @@ describe('API Module', () => {
 
   it('defaultApiFactory write data by the object options shall pass with remote', () => {
     const container = createMockContainer();
-    container.context.tryWriteDataItem = jest.fn(() => true);
+    container.context.tryWriteDataItem = vitest.fn(() => true);
     const api = createApi(container);
     api.setData('foo', 15, {
       expires: 10,

package/src/modules/core.test.ts

@@ -1,7 +1,8 @@
+import { describe, it, expect, vitest } from 'vitest';
 import { createElement, FC } from 'react';
 import { createCoreApi } from './core';
 
-jest.mock('../hooks');
+vitest.mock('../hooks');
 
 const StubComponent: FC = (props) => createElement('div', props);
 StubComponent.displayName = 'StubComponent';
@@ -17,9 +18,9 @@ const moduleMetadata = {
 function createMockContainer() {
   return {
     context: {
-      on: jest.fn(),
-      off: jest.fn(),
-      emit: jest.fn(),
+      on: vitest.fn(),
+      off: vitest.fn(),
+      emit: vitest.fn(),
       converters: {},
       readState() {
         return undefined;
@@ -37,8 +38,8 @@ function createApi(container) {
 describe('Core API Module', () => {
   it('createCoreApi can register and unregister a page', () => {
     const container = createMockContainer();
-    container.context.registerPage = jest.fn();
-    container.context.unregisterPage = jest.fn();
+    container.context.registerPage = vitest.fn();
+    container.context.unregisterPage = vitest.fn();
     const api = createApi(container);
     api.registerPage('/route', StubComponent);
     expect(container.context.registerPage).toHaveBeenCalledTimes(1);
@@ -50,8 +51,8 @@ describe('Core API Module', () => {
 
   it('createCoreApi can dispose a registered page', () => {
     const container = createMockContainer();
-    container.context.registerPage = jest.fn();
-    container.context.unregisterPage = jest.fn();
+    container.context.registerPage = vitest.fn();
+    container.context.unregisterPage = vitest.fn();
     const api = createApi(container);
     const dispose = api.registerPage('/route', StubComponent);
     expect(container.context.registerPage).toHaveBeenCalledTimes(1);
@@ -63,8 +64,8 @@ describe('Core API Module', () => {
 
   it('createCoreApi can register and unregister an extension', () => {
     const container = createMockContainer();
-    container.context.registerExtension = jest.fn();
-    container.context.unregisterExtension = jest.fn();
+    container.context.registerExtension = vitest.fn();
+    container.context.unregisterExtension = vitest.fn();
     const api = createApi(container);
     api.registerExtension('ext', StubComponent);
     expect(container.context.registerExtension).toHaveBeenCalledTimes(1);
@@ -78,8 +79,8 @@ describe('Core API Module', () => {
 
   it('createCoreApi can dispose an registered extension', () => {
     const container = createMockContainer();
-    container.context.registerExtension = jest.fn();
-    container.context.unregisterExtension = jest.fn();
+    container.context.registerExtension = vitest.fn();
+    container.context.unregisterExtension = vitest.fn();
     const api = createApi(container);
     const dispose = api.registerExtension('ext', StubComponent);
     expect(container.context.registerExtension).toHaveBeenCalledTimes(1);
@@ -93,7 +94,7 @@ describe('Core API Module', () => {
 
   it('createCoreApi read data by its name', () => {
     const container = createMockContainer();
-    container.context.readDataValue = jest.fn((name) => name);
+    container.context.readDataValue = vitest.fn((name) => name);
     const api = createApi(container);
     const result = api.getData('foo');
     expect(result).toBe('foo');
@@ -102,7 +103,7 @@ describe('Core API Module', () => {
 
   it('createCoreApi write data without options shall pass, but memory should not emit events', () => {
     const container = createMockContainer();
-    container.context.tryWriteDataItem = jest.fn(() => true);
+    container.context.tryWriteDataItem = vitest.fn(() => true);
     const api = createApi(container);
     api.setData('foo', 5);
     expect(container.context.tryWriteDataItem).toHaveBeenCalled();
@@ -111,7 +112,7 @@ describe('Core API Module', () => {
 
   it('createCoreApi write data with empty options shall pass, but memory should not emit events', () => {
     const container = createMockContainer();
-    container.context.tryWriteDataItem = jest.fn(() => true);
+    container.context.tryWriteDataItem = vitest.fn(() => true);
     const api = createApi(container);
     api.setData('foo', 5, {});
     expect(container.context.tryWriteDataItem).toHaveBeenCalled();
@@ -120,7 +121,7 @@ describe('Core API Module', () => {
 
   it('createCoreApi write data by the simple option should not pass, never emitting events', () => {
     const container = createMockContainer();
-    container.context.tryWriteDataItem = jest.fn(() => false);
+    container.context.tryWriteDataItem = vitest.fn(() => false);
     const api = createApi(container);
     api.setData('foo', 5, 'remote');
     expect(container.context.tryWriteDataItem).toHaveBeenCalled();
@@ -129,7 +130,7 @@ describe('Core API Module', () => {
 
   it('createCoreApi write data by the simple option shall pass with remote', () => {
     const container = createMockContainer();
-    container.context.tryWriteDataItem = jest.fn(() => true);
+    container.context.tryWriteDataItem = vitest.fn(() => true);
     const api = createApi(container);
     api.setData('foo', 5, 'remote');
     expect(container.context.tryWriteDataItem).toHaveBeenCalled();
@@ -137,7 +138,7 @@ describe('Core API Module', () => {
 
   it('createCoreApi write data by the object options shall pass with remote', () => {
     const container = createMockContainer();
-    container.context.tryWriteDataItem = jest.fn(() => true);
+    container.context.tryWriteDataItem = vitest.fn(() => true);
     const api = createApi(container);
     api.setData('foo', 15, {
       expires: 10,

package/src/modules/dependencies.test.ts

@@ -1,3 +1,4 @@
+import { describe, it, expect } from 'vitest';
 import { globalDependencies, defaultDependencySelector, defaultModuleRequester } from './dependencies';
 
 describe('Dependencies Module', () => {

package/src/modules/element-server.test.ts

@@ -1,12 +1,20 @@
 /**
- * @jest-environment node
+ * @vitest-environment node
  */
 
 import create from 'zustand';
+import { describe, it, expect, vitest } from 'vitest';
 import { createListener } from 'piral-base';
 import { createActions } from '../state';
 import { renderElement } from './element';
 
+vitest.mock('../../app.codegen', () => ({
+  createNavigation: vitest.fn(publicPath => ({
+    publicPath,
+  })),
+  publicPath: '/',
+}));
+
 function createMockContext(): [any, any] {
   const state: any = create(() => ({
     portals: {

package/src/modules/element.test.ts

@@ -1,8 +1,19 @@
+/**
+ * @vitest-environment jsdom
+ */
 import create from 'zustand';
+import { describe, it, expect, vitest } from 'vitest';
 import { createListener } from 'piral-base';
 import { createActions } from '../state';
 import { renderElement } from './element';
 
+vitest.mock('../../app.codegen', () => ({
+  createNavigation: vitest.fn(publicPath => ({
+    publicPath,
+  })),
+  publicPath: '/',
+}));
+
 function createMockContext(): [any, any] {
   const state: any = create(() => ({
     portals: {},

package/src/setters/SetComponent.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 { SetComponent } from './SetComponent';
 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,
       setComponent(name, comp) {
         const s = state.getState();