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

package/lib/utils/extension.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.reactifyContent = exports.toExtension = void 0;
-const React = require("react");
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
 function removeAll(nodes) {
     nodes.forEach((node) => node.remove());
 }

package/lib/utils/extension.js.map

@@ -1 +1 @@
-{"version":3,"file":"extension.js","sourceRoot":"","sources":["../../src/utils/extension.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAI/B,SAAS,SAAS,CAAC,KAAuB;IACxC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;AACzC,CAAC;AAMD,MAAM,WAAW,GAA+B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC5D,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,EAAmB,CAAC;IAE7C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;;QACnB,MAAA,IAAI,CAAC,OAAO,0CAAE,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC;QAC/B,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAI,KAAK,CAAC,MAAM,EAAE;QAChB,OAAO,oCAAY,GAAG,EAAE,IAAI,GAAI,CAAC;KAClC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF;;;;GAIG;AACH,SAAgB,WAAW,CAAI,SAAiC;IAC9D,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAC,SAAS,oBAAK,KAAK,CAAC,MAAM,EAAI,CAAC;AACpD,CAAC;AAFD,kCAEC;AAED;;;;;;GAMG;AACH,SAAgB,eAAe,CAAC,UAAiC;IAC/D,MAAM,KAAK,GAAqB,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IACjF,SAAS,CAAC,KAAK,CAAC,CAAC;IACjB,OAAO,oBAAC,WAAW,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;AACvC,CAAC;AAJD,0CAIC"}
+{"version":3,"file":"extension.js","sourceRoot":"","sources":["../../src/utils/extension.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAI/B,SAAS,SAAS,CAAC,KAAuB;IACxC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;AACzC,CAAC;AAMD,MAAM,WAAW,GAA+B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC5D,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,EAAmB,CAAC;IAE7C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;;QACnB,MAAA,IAAI,CAAC,OAAO,0CAAE,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC;QAC/B,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAI,KAAK,CAAC,MAAM,EAAE;QAChB,OAAO,oCAAY,GAAG,EAAE,IAAI,GAAI,CAAC;KAClC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF;;;;GAIG;AACH,SAAgB,WAAW,CAAI,SAAiC;IAC9D,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAC,SAAS,oBAAK,KAAK,CAAC,MAAM,EAAI,CAAC;AACpD,CAAC;AAFD,kCAEC;AAED;;;;;;GAMG;AACH,SAAgB,eAAe,CAAC,UAAiC;IAC/D,MAAM,KAAK,GAAqB,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IACjF,SAAS,CAAC,KAAK,CAAC,CAAC;IACjB,OAAO,oBAAC,WAAW,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;AACvC,CAAC;AAJD,0CAIC"}

package/lib/utils/react.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.defaultRender = void 0;
-const React = require("react");
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
 function defaultRender(children, key) {
     return React.createElement(React.Fragment, { key: key }, children);
 }

package/lib/utils/react.js.map

@@ -1 +1 @@
-{"version":3,"file":"react.js","sourceRoot":"","sources":["../../src/utils/react.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAE/B,SAAgB,aAAa,CAAC,QAAyB,EAAE,GAAY;IACnE,OAAO,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,IAAG,QAAQ,CAAkB,CAAC;AAC/D,CAAC;AAFD,sCAEC"}
+{"version":3,"file":"react.js","sourceRoot":"","sources":["../../src/utils/react.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,SAAgB,aAAa,CAAC,QAAyB,EAAE,GAAY;IACnE,OAAO,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,IAAG,QAAQ,CAAkB,CAAC;AAC/D,CAAC;AAFD,sCAEC"}

package/lib/utils/routes.js

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createRouteMatcher = void 0;
-// Unfortunately `require`d:
-// * exports are otherwise potentially converted by, e.g., Parcel (see #385)
-const ptr = require('path-to-regexp');
+const tslib_1 = require("tslib");
+const path_to_regexp_1 = tslib_1.__importDefault(require("path-to-regexp"));
 function createRouteMatcher(path) {
-    return ptr(path);
+    return (0, path_to_regexp_1.default)(path);
 }
 exports.createRouteMatcher = createRouteMatcher;
 //# sourceMappingURL=routes.js.map

package/lib/utils/routes.js.map

@@ -1 +1 @@
-{"version":3,"file":"routes.js","sourceRoot":"","sources":["../../src/utils/routes.ts"],"names":[],"mappings":";;;AAAA,4BAA4B;AAC5B,4EAA4E;AAC5E,MAAM,GAAG,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAC;AAEtC,SAAgB,kBAAkB,CAAC,IAAY;IAC7C,OAAO,GAAG,CAAC,IAAI,CAAC,CAAC;AACnB,CAAC;AAFD,gDAEC"}
+{"version":3,"file":"routes.js","sourceRoot":"","sources":["../../src/utils/routes.ts"],"names":[],"mappings":";;;;AAAA,4EAAiC;AAEjC,SAAgB,kBAAkB,CAAC,IAAY;IAC7C,OAAO,IAAA,wBAAG,EAAC,IAAI,CAAC,CAAC;AACnB,CAAC;AAFD,gDAEC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "piral-core",
-  "version": "1.3.3-beta.6187",
+  "version": "1.3.3-beta.6201",
   "description": "The core library for creating a Piral instance.",
   "keywords": [
     "portal",
@@ -73,8 +73,8 @@
   },
   "dependencies": {
     "path-to-regexp": "^1.8.0",
-    "piral-base": "1.3.3-beta.6187",
-    "piral-debug-utils": "1.3.3-beta.6187",
+    "piral-base": "1.3.3-beta.6201",
+    "piral-debug-utils": "1.3.3-beta.6201",
     "zustand": "^3.0.0"
   },
   "devDependencies": {
@@ -94,5 +94,5 @@
     "react-router-dom",
     "tslib"
   ],
-  "gitHead": "3da0780821a0aeef693b36d08dcf45eeb462d599"
+  "gitHead": "6e9f4e6f83514b5c38960ce015e073efc668f3d6"
 }

package/src/Piral.test.tsx

@@ -1,8 +1,56 @@
+/**
+ * @vitest-environment jsdom
+ */
 import * as React from 'react';
+import { describe, it, expect, vitest } from 'vitest';
 import { render, act } from '@testing-library/react';
 import { Piral } from './Piral';
 import { createInstance } from './createInstance';
 
+import { DefaultErrorInfo } from './defaults/DefaultErrorInfo';
+import { DefaultLoadingIndicator } from './defaults/DefaultLoadingIndicator';
+import { DefaultLayout } from './defaults/DefaultLayout';
+import { DefaultRouteSwitch } from './defaults/DefaultRouteSwitch_v5';
+import { DefaultRouter } from './defaults/DefaultRouter_v5';
+
+vitest.mock('../app.codegen', () => ({
+  createNavigation: vitest.fn(() => ({
+    publicPath: '/',
+  })),
+  fillDependencies: vitest.fn(),
+  integrateDebugger: vitest.fn(),
+  integrateEmulator: vitest.fn(),
+  publicPath: '/',
+  useRouteFilter(routes) {
+    return routes;
+  },
+  createDefaultState() {
+    return {
+      app: {
+        error: undefined,
+        loading: typeof window !== 'undefined',
+      },
+      components: {
+        ErrorInfo: DefaultErrorInfo,
+        LoadingIndicator: DefaultLoadingIndicator,
+        Router: DefaultRouter,
+        RouteSwitch: DefaultRouteSwitch,
+        Layout: DefaultLayout,
+      },
+      errorComponents: {},
+      registry: {
+        extensions: {},
+        pages: {},
+        wrappers: {},
+      },
+      routes: {},
+      data: {},
+      portals: {},
+      modules: [],
+    };
+  },
+}));
+
 describe('Piral Component', () => {
   it('renders the Piral instance with default settings', async () => {
     const node = render(<Piral />);

package/src/RootListener.test.tsx

@@ -1,8 +1,12 @@
+/**
+ * @vitest-environment jsdom
+ */
 import * as React from 'react';
+import { describe, it, expect, vitest } from 'vitest';
 import { render, act } from '@testing-library/react';
 import { RootListener } from './RootListener';
 
-jest.mock('./hooks/globalState', () => ({
+vitest.mock('./hooks/globalState', () => ({
   useGlobalStateContext: () => ({
     showPortal() {},
   }),
@@ -15,7 +19,7 @@ function resolveAfter(time = 5) {
 describe('RootListener Component', () => {
   it('renders the RootListener instance with default settings', async () => {
     const element = document.createElement('div');
-    const removed = jest.fn();
+    const removed = vitest.fn();
     document.body.appendChild(element);
     render(<RootListener />);
     document.body.removeEventListener = removed;
@@ -35,7 +39,7 @@ describe('RootListener Component', () => {
   });
 
   it('removes the RootListener successfully', async () => {
-    const removed = jest.fn();
+    const removed = vitest.fn();
     const container = render(<RootListener />);
     document.body.removeEventListener = removed;
     await act(resolveAfter);

package/src/actions/app.test.ts

@@ -1,4 +1,8 @@
+/**
+ * @vitest-environment jsdom
+ */
 import create from 'zustand';
+import { describe, it, expect, vitest } from 'vitest';
 import { render } from '@testing-library/react';
 import { createElement } from 'react';
 import { createListener, Pilet } from 'piral-base';
@@ -14,6 +18,14 @@ import {
 import { createActions } from '../state';
 import { RootListener } from '../RootListener';
 
+vitest.mock('../../app.codegen', () => ({
+  createNavigation: vitest.fn(publicPath => ({
+    publicPath,
+  })),
+  fillDependencies: vitest.fn(),
+  publicPath: '/',
+}));
+
 const pilet: Pilet = {
   name: 'my-pilet',
   version: '1.0.0',

package/src/actions/components.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 { registerExtension, registerPage, unregisterExtension, unregisterPage } from './components';
 import { createActions } from '../state';
 
+vitest.mock('../../app.codegen', () => ({
+  createNavigation: vitest.fn(publicPath => ({
+    publicPath,
+  })),
+  publicPath: '/',
+}));
+
 describe('Components Actions Module', () => {
   it('registerExtension and unregisterExtension', () => {
     const state: any = create(() => ({

package/src/actions/data.test.ts

@@ -1,4 +1,8 @@
+/**
+ * @vitest-environment jsdom
+ */
 import create from 'zustand';
+import { describe, it, expect } from 'vitest';
 import { createListener } from 'piral-base';
 import { readDataItem, readDataValue, resetData, tryWriteDataItem, writeDataItem } from './data';
 

package/src/actions/define.test.ts

@@ -1,13 +1,14 @@
 import create from 'zustand';
+import { describe, it, expect, vitest } from 'vitest';
 import { defineAction, defineActions } from './define';
 
 function createMockContainer(initialState = {}) {
   const state = create(() => initialState);
   return {
     context: {
-      on: jest.fn(),
-      off: jest.fn(),
-      emit: jest.fn(),
+      on: vitest.fn(),
+      off: vitest.fn(),
+      emit: vitest.fn(),
       state,
     } as any,
   };

package/src/actions/portal.test.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import create from 'zustand';
+import { describe, it, expect } from 'vitest';
 import { showPortal, destroyPortal, hidePortal, updatePortal } from './portal';
 
 describe('Piral-Core portal actions', () => {

package/src/actions/state.test.ts

@@ -1,13 +1,14 @@
 import create from 'zustand';
+import { describe, it, expect, vitest } from 'vitest';
 import { readState, dispatch } from './state';
 
 function createMockContainer(initialState = {}) {
   const state = create(() => initialState);
   return {
     context: {
-      on: jest.fn(),
-      off: jest.fn(),
-      emit: jest.fn(),
+      on: vitest.fn(),
+      off: vitest.fn(),
+      emit: vitest.fn(),
       defineActions() {},
       state,
       read() {

package/src/components/ExtensionSlot.test.tsx

@@ -1,8 +1,12 @@
+/**
+ * @vitest-environment jsdom
+ */
 import * as React from 'react';
-import { render } from '@testing-library/react';
+import { describe, it, expect, vitest, afterEach } from 'vitest';
+import { render, cleanup } from '@testing-library/react';
 import { ExtensionSlot } from './ExtensionSlot';
 
-jest.mock('../hooks/globalState', () => ({
+vitest.mock('../hooks/globalState', () => ({
   useGlobalState: (select: any) => select(state),
   useGlobalStateContext: () => ({
     converters: {
@@ -21,11 +25,18 @@ jest.mock('../hooks/globalState', () => ({
     readState() {
       return '/';
     },
-    destroyPortal: jest.fn(),
+    destroyPortal: vitest.fn(),
   }),
 }));
 
-(React as any).useMemo = (cb) => cb();
+vitest.mock('react', async () => ({
+  ...(await vitest.importActual('react') as any),
+  useMemo(cb) {
+    return cb();
+  },
+}));
+
+// (React as any).useMemo = (cb) => cb();
 
 const StubComponent1: React.FC<any> = (props) => <div role="stub1" children={props.children} />;
 StubComponent1.displayName = 'StubComponent1';
@@ -66,6 +77,10 @@ const state = {
 };
 
 describe('Extension Module', () => {
+  afterEach(() => {
+    cleanup();
+  });
+  
   it('is able to default render not available extension', () => {
     const node = render(<ExtensionSlot name="qxz" />);
     expect(node.queryAllByRole("stub1").length).toBe(0);

package/src/components/ForeignComponentContainer.test.tsx

@@ -1,4 +1,8 @@
+/**
+ * @vitest-environment jsdom
+ */
 import * as React from 'react';
+import { describe, it, expect, vitest } from 'vitest';
 import { render, act } from '@testing-library/react';
 import { ForeignComponentContainer } from './ForeignComponentContainer';
 
@@ -8,7 +12,7 @@ function resolveAfter(time = 5) {
 
 describe('ForeignComponentContainer component', () => {
   it('mounts an HTML component', async () => {
-    const mount = jest.fn();
+    const mount = vitest.fn();
     const component = { mount };
     const container = render(
       <ForeignComponentContainer $component={component} $context={undefined} $portalId="foo" innerProps={{}} />,
@@ -19,8 +23,8 @@ describe('ForeignComponentContainer component', () => {
   });
 
   it('unmounts an HTML component', async () => {
-    const mount = jest.fn();
-    const unmount = jest.fn();
+    const mount = vitest.fn();
+    const unmount = vitest.fn();
     const component = { mount, unmount };
     const container = render(
       <ForeignComponentContainer $component={component} $context={undefined} $portalId="foo" innerProps={{}} />,
@@ -33,8 +37,8 @@ describe('ForeignComponentContainer component', () => {
   });
 
   it('updates an HTML component', async () => {
-    const mount = jest.fn();
-    const update = jest.fn();
+    const mount = vitest.fn();
+    const update = vitest.fn();
     const component = { mount, update };
     const container = render(
       <ForeignComponentContainer
@@ -68,9 +72,9 @@ describe('ForeignComponentContainer component', () => {
         removeEventListener() {},
       };
     };
-    const mount = jest.fn();
-    const update = jest.fn();
-    const unmount = jest.fn();
+    const mount = vitest.fn();
+    const update = vitest.fn();
+    const unmount = vitest.fn();
     const component = { mount, update, unmount };
     const container = render(
       <ForeignComponentContainer

package/src/components/Mediator.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 { Mediator } from './Mediator';
 import { StateContext } from '../state';
@@ -15,9 +19,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(update) {
         state.setState(update(state.getState()));
@@ -44,7 +48,7 @@ function createMockContainer() {
 describe('Component Mediator', () => {
   it('Create mediator component.', () => {
     const options = {
-      createApi: jest.fn(),
+      createApi: vitest.fn(),
       fetchPilets: () => {
         return new Promise<Array<PiletMetadata>>((resolve) => resolve([]));
       },

package/src/components/PiralRoutes.test.tsx

@@ -1,7 +1,11 @@
+/**
+ * @vitest-environment jsdom
+ */
 import * as React from 'react';
 import * as hooks from '../hooks';
+import { describe, it, expect, vitest, afterEach } from 'vitest';
 import { MemoryRouter } from 'react-router';
-import { render } from '@testing-library/react';
+import { render, cleanup } from '@testing-library/react';
 import { PiralRoutes } from './PiralRoutes';
 import { DefaultRouteSwitch } from '../defaults/DefaultRouteSwitch_v5';
 
@@ -12,7 +16,13 @@ const mountWithRouter = (node, url = '/') =>
     </MemoryRouter>,
   );
 
-jest.mock('../hooks');
+vitest.mock('../hooks');
+
+vitest.mock('../../app.codegen', () => ({
+  useRouteFilter(routes) {
+    return routes;
+  },
+}));
 
 (hooks as any).useGlobalState = (cb) =>
   cb({
@@ -50,6 +60,10 @@ const StubBarPage: React.FC<{ data: any }> = (props) => <div role="bar-page" />;
 StubBarPage.displayName = 'StubBarPage';
 
 describe('Routes Module', () => {
+  afterEach(() => {
+    cleanup();
+  });
+  
   it('always goes to the given home on "/"', () => {
     const node = mountWithRouter(<PiralRoutes NotFound={StubNotFound} RouteSwitch={DefaultRouteSwitch} />, '/');
     expect(node.queryAllByRole('home').length).toBe(1);

package/src/components/PiralView-server.test.tsx

@@ -1,10 +1,11 @@
 /**
- * @jest-environment node
+ * @vitest-environment node
  */
 
 import * as React from 'react';
 import * as hooks from '../hooks';
 import * as routes from './PiralRoutes';
+import { describe, it, expect, vitest } from 'vitest';
 import { renderToString } from 'react-dom/server';
 import { PiralView } from './PiralView';
 
@@ -23,8 +24,8 @@ StubRouter.displayName = 'StubRouter';
 const StubLayout: React.FC<React.PropsWithChildren<{}>> = ({ children }) => <div>{children}</div>;
 StubLayout.displayName = 'StubLayout';
 
-jest.mock('../hooks');
-jest.mock('./PiralRoutes');
+vitest.mock('../hooks');
+vitest.mock('./PiralRoutes');
 
 const state = {
   app: {

package/src/components/PiralView.test.tsx

@@ -1,7 +1,11 @@
+/**
+ * @vitest-environment jsdom
+ */
 import * as React from 'react';
 import * as hooks from '../hooks';
 import * as routes from './PiralRoutes';
-import { render } from '@testing-library/react';
+import { describe, it, expect, vitest, afterEach } from 'vitest';
+import { render, cleanup } from '@testing-library/react';
 import { PiralView } from './PiralView';
 
 const StubDashboard: React.FC<any> = () => <div role="dashboard" />;
@@ -19,8 +23,8 @@ StubRouter.displayName = 'StubRouter';
 const StubLayout: React.FC<any> = ({ children }) => <div role="layout">{children}</div>;
 StubLayout.displayName = 'StubLayout';
 
-jest.mock('../hooks');
-jest.mock('./PiralRoutes');
+vitest.mock('../hooks');
+vitest.mock('./PiralRoutes');
 
 const state = {
   app: {
@@ -47,6 +51,10 @@ const state = {
 (routes as any).PiralRoutes = ({ }) => <StubDashboard />;
 
 describe('Portal Module', () => {
+  afterEach(() => {
+    cleanup();
+  });
+  
   it('renders the dashboard / content in layout if loaded without error', () => {
     state.app.loading = false;
     state.app.error = undefined;

package/src/components/ResponsiveLayout.test.tsx

@@ -1,15 +1,19 @@
+/**
+ * @vitest-environment jsdom
+ */
 import * as React from 'react';
 import * as hooks from '../hooks';
 import { render } from '@testing-library/react';
+import { describe, it, expect, vitest } from 'vitest';
 import { ResponsiveLayout } from './ResponsiveLayout';
 import { defaultBreakpoints } from '../utils';
 
-jest.mock('../hooks');
+vitest.mock('../hooks');
 
 describe('Responsive Module', () => {
   it('always renders the given children', () => {
     (hooks as any).useMedia = () => 'desktop';
-    const Layout: React.FC = jest.fn().mockImplementation(({ children }) => <div>{children}</div>);
+    const Layout: React.FC = vitest.fn().mockImplementation(({ children }) => <div>{children}</div>);
     Layout.displayName = 'Layout';
     const StubComponent: React.FC = () => <div role="stub" />;
     StubComponent.displayName = 'StubComponent';
@@ -23,21 +27,21 @@ describe('Responsive Module', () => {
 
   it('does not call changeTo when nothing changed', () => {
     (hooks as any).useMedia = () => 'desktop';
-    const Layout = jest.fn().mockImplementation(({ children }) => <div>{children}</div>);
+    const Layout = vitest.fn().mockImplementation(({ children }) => <div>{children}</div>);
     render(<ResponsiveLayout Layout={Layout} breakpoints={defaultBreakpoints} />);
     expect(Layout).toHaveBeenCalledWith({ currentLayout: 'desktop' }, {});
   });
 
   it('does calls changeTo when someething changed (desktop -> tablet)', () => {
     (hooks as any).useMedia = () => 'tablet';
-    const Layout = jest.fn().mockImplementation(({ children }) => <div>{children}</div>);
+    const Layout = vitest.fn().mockImplementation(({ children }) => <div>{children}</div>);
     render(<ResponsiveLayout Layout={Layout} breakpoints={defaultBreakpoints} />);
     expect(Layout).toHaveBeenCalledWith({ currentLayout: 'tablet' }, {});
   });
 
   it('does calls changeTo when someething changed (desktop -> mobile)', () => {
     (hooks as any).useMedia = () => 'mobile';
-    const Layout = jest.fn().mockImplementation(({ children }) => <div>{children}</div>);
+    const Layout = vitest.fn().mockImplementation(({ children }) => <div>{children}</div>);
     render(<ResponsiveLayout Layout={Layout} breakpoints={defaultBreakpoints} />);
     expect(Layout).toHaveBeenCalledWith({ currentLayout: 'mobile' }, {});
   });

package/src/components/SwitchErrorInfo.test.tsx

@@ -1,13 +1,22 @@
+/**
+ * @vitest-environment jsdom
+ */
 import * as React from 'react';
-import { render } from '@testing-library/react';
+import { describe, it, expect, vitest, afterEach } from 'vitest';
+import { render, cleanup } from '@testing-library/react';
 import { SwitchErrorInfo } from './SwitchErrorInfo';
 
-jest.mock('../hooks/globalState', () => ({
+vitest.mock('../hooks/globalState', () => ({
   useGlobalState(select: any) {
     return select(state);
   },
 }));
 
+vitest.mock('react', async () => ({
+  ...(await vitest.importActual('react') as any),
+  useMemo: (cb) => cb(),
+}));
+
 const StubComponent1: React.FC<any> = (props) => <div role="stub" children={props.children} />;
 const Unknown: React.FC<any> = (props) => <div role="unknown" children={props.children} />;
 
@@ -21,9 +30,11 @@ const state = {
   },
 };
 
-(React as any).useMemo = (cb) => cb();
-
 describe('SwitchErrorInfo Module', () => {
+  afterEach(() => {
+    cleanup();
+  });
+  
   it('is able to render StubComponent1 component', () => {
     const node = render(<SwitchErrorInfo type="stubComponent1" />);
     expect(node.queryAllByRole('stub').length).toBe(1);

package/src/createInstance.test.tsx

@@ -1,6 +1,20 @@
+import { describe, it, expect, vitest } from 'vitest';
 import { createInstance } from './createInstance';
 import { standardStrategy, blazingStrategy } from 'piral-base';
 
+vitest.mock('../app.codegen', () => ({
+  createNavigation: vitest.fn(() => ({
+    publicPath: '/',
+  })),
+  fillDependencies: vitest.fn(),
+  integrateDebugger: vitest.fn(),
+  integrateEmulator: vitest.fn(),
+  publicPath: '/',
+  createDefaultState() {
+    return {};
+  },
+}));
+
 describe('Piral-Core createInstance module', () => {
   it('createInstance without arguments uses the standard strategy', () => {
     const instance = createInstance();

package/src/defaults/DefaultErrorInfo.test.tsx

@@ -1,8 +1,12 @@
+/**
+ * @vitest-environment jsdom
+ */
 import * as React from 'react';
+import { describe, it, expect, vitest } from 'vitest';
 import { render } from '@testing-library/react';
 import { DefaultErrorInfo } from './DefaultErrorInfo';
 
-jest.mock('../hooks/globalState', () => ({
+vitest.mock('../hooks/globalState', () => ({
   useGlobalState(select: any) {
     return select(state);
   },

package/src/defaults/DefaultLayout.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 { DefaultLayout } from './DefaultLayout';
 

package/src/defaults/DefaultLoadingIndicator.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 { DefaultLoadingIndicator } from './DefaultLoadingIndicator';