piral-breadcrumbs 1.3.3-beta.6190 → 1.3.3-beta.6204

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "piral-breadcrumbs",
-  "version": "1.3.3-beta.6190",
+  "version": "1.3.3-beta.6204",
   "description": "Plugin for creating a breadcrumb manager in Piral.",
   "keywords": [
     "piral",
@@ -63,9 +63,9 @@
   "devDependencies": {
     "@types/react": "^18.0.0",
     "@types/react-router": "^5.1.8",
-    "piral-core": "1.3.3-beta.6190",
+    "piral-core": "1.3.3-beta.6204",
     "react": "^18.0.0",
     "react-router": "^5.2.0"
   },
-  "gitHead": "dc3358f0e08b06acea2056b612f268334a8c49c8"
+  "gitHead": "8a1fa7b847b0e146a5bdb8e0497c436fffe4fd4d"
 }

package/src/Breadcrumbs.test.tsx

@@ -1,6 +1,10 @@
+/**
+ * @vitest-environment jsdom
+ */
 import * as React from 'react';
 import create from 'zustand';
-import { render } from '@testing-library/react';
+import { describe, it, expect, vitest, afterEach } from 'vitest';
+import { render, cleanup } from '@testing-library/react';
 import { StateContext } from 'piral-core';
 import { Breadcrumbs } from './Breadcrumbs';
 import { useRouteMatch } from 'react-router';
@@ -11,13 +15,13 @@ MockBcContainer.displayName = 'MockBcContainer';
 const MockBcItem: React.FC<any> = ({ children }) => <div role="dialog">{children}</div>;
 MockBcItem.displayName = 'MockBcTile';
 
-jest.mock('react-router', () => ({
+vitest.mock('react-router', () => ({
   useLocation() {
     return {
       pathname: '/example',
     };
   },
-  useRouteMatch: jest.fn(() => ({})),
+  useRouteMatch: vitest.fn(() => ({})),
 }));
 
 function createMockContainer(breadcrumbs = {}) {
@@ -32,9 +36,9 @@ function createMockContainer(breadcrumbs = {}) {
   }));
   return {
     context: {
-      on: jest.fn(),
-      off: jest.fn(),
-      emit: jest.fn(),
+      on: vitest.fn(),
+      off: vitest.fn(),
+      emit: vitest.fn(),
       defineActions() {},
       state,
       readState(read) {
@@ -49,6 +53,10 @@ function createMockContainer(breadcrumbs = {}) {
 }
 
 describe('Piral-Breadcrumb Container component', () => {
+  afterEach(() => {
+    cleanup();
+  });
+  
   it('breadcrumbs empty', () => {
     const { context } = createMockContainer();
     const node = render(

package/src/actions.test.ts

@@ -1,8 +1,31 @@
+/**
+ * @vitest-environment jsdom
+ */
 import create from 'zustand';
-import { createListener } from 'piral-base';
-import { createActions } from 'piral-core';
+import { describe, it, expect, vitest } from 'vitest';
 import { registerBreadcrumbs, unregisterBreadcrumbs } from './actions';
 
+function createListener() {
+  return {
+    on: vitest.fn(),
+    off: vitest.fn(),
+    emit: vitest.fn(),
+  };
+}
+
+function createActions(state, listener) {
+  return {
+    ...listener,
+    state: state.getState(),
+    readState(select) {
+      return select(state.getState());
+    },
+    dispatch(change) {
+      state.setState(change(state.getState()));
+    },
+  };
+}
+
 describe('Breadcrumbs Actions Module', () => {
   it('registerBreadcrumb and unregisterBreadcrumb', () => {
     const state: any = create(() => ({
@@ -12,7 +35,7 @@ describe('Breadcrumbs Actions Module', () => {
         breadcrumbs: {},
       },
     }));
-    const ctx = createActions(state, createListener({}));
+    const ctx = createActions(state, createListener());
     registerBreadcrumbs(ctx, {
       foo: 10 as any,
     });

package/src/create.test.ts

@@ -1,4 +1,8 @@
+/**
+ * @vitest-environment jsdom
+ */
 import create from 'zustand';
+import { describe, it, expect, vitest } from 'vitest';
 import { createBreadcrumbsApi } from './create';
 
 function createMockContainer() {
@@ -9,9 +13,9 @@ function createMockContainer() {
   }));
   return {
     context: {
-      on: jest.fn(),
-      off: jest.fn(),
-      emit: jest.fn(),
+      on: vitest.fn(),
+      off: vitest.fn(),
+      emit: vitest.fn(),
       defineActions() {},
       state,
       dispatch(update) {
@@ -38,8 +42,8 @@ const moduleMetadata = {
 describe('Create Breadcrumb API Extensions', () => {
   it('createBreadcrumbsApi can register and unregister a breadcrumb', () => {
     const container = createMockContainer();
-    container.context.registerBreadcrumbs = jest.fn();
-    container.context.unregisterBreadcrumbs = jest.fn();
+    container.context.registerBreadcrumbs = vitest.fn();
+    container.context.unregisterBreadcrumbs = vitest.fn();
     const api = createApi(container);
     api.registerBreadcrumb('my-bc', {
       title: 'My breadcrumb',
@@ -55,8 +59,8 @@ describe('Create Breadcrumb API Extensions', () => {
 
   it('createBreadcrumbsApi can dispose a registered breadcrumb', () => {
     const container = createMockContainer();
-    container.context.registerBreadcrumbs = jest.fn();
-    container.context.unregisterBreadcrumbs = jest.fn();
+    container.context.registerBreadcrumbs = vitest.fn();
+    container.context.unregisterBreadcrumbs = vitest.fn();
     const api = createApi(container);
     const dispose = api.registerBreadcrumb('my-bc', {
       title: 'My breadcrumb',
@@ -72,8 +76,8 @@ describe('Create Breadcrumb API Extensions', () => {
 
   it('createBreadcrumbsApi can dispose a registered anonymous breadcrumb', () => {
     const container = createMockContainer();
-    container.context.registerBreadcrumbs = jest.fn();
-    container.context.unregisterBreadcrumbs = jest.fn();
+    container.context.registerBreadcrumbs = vitest.fn();
+    container.context.unregisterBreadcrumbs = vitest.fn();
     const api = createApi(container);
     const dispose = api.registerBreadcrumb({
       title: 'My breadcrumb',
@@ -89,8 +93,8 @@ describe('Create Breadcrumb API Extensions', () => {
 
   it('createBreadcrumsApi can use dynamic function as breadcrumb title', () => {
     const container = createMockContainer();
-    container.context.registerBreadcrumbs = jest.fn();
-    container.context.unregisterBreadcrumbs = jest.fn();
+    container.context.registerBreadcrumbs = vitest.fn();
+    container.context.unregisterBreadcrumbs = vitest.fn();
     const api = createApi(container);
     const dispose = api.registerBreadcrumb({
       title: ({ path }) => path,

package/src/default.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 { DefaultBreadcrumbsContainer } from './default';
 
-jest.mock('piral-core', () => ({
+vitest.mock('piral-core', () => ({
   useGlobalState(select: any) {
     return select(state);
   },
@@ -26,6 +30,11 @@ jest.mock('piral-core', () => ({
   },
 }));
 
+vitest.mock('react', async () => ({
+  ...(await vitest.importActual('react') as any),
+  useMemo: (cb) => cb(),
+}));
+
 const state = {
   registry: {
     tiles: {},
@@ -33,8 +42,6 @@ const state = {
   },
 };
 
-(React as any).useMemo = (cb) => cb();
-
 const StubBreadcrumbsContainer: React.FC = () => <ul />;
 StubBreadcrumbsContainer.displayName = 'StubBreadcrumbsContainer';
 
@@ -42,6 +49,10 @@ const StubBreadcrumbItem: React.FC = () => <li />;
 StubBreadcrumbItem.displayName = 'BreadcrumbItem';
 
 describe('Default Breadcrumbs Component', () => {
+  afterEach(() => {
+    cleanup();
+  });
+  
   it('renders the react fragment in the default case', () => {
     (state.registry.tiles as any).a = {
       component: StubBreadcrumbItem,