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

package/package.json

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

package/src/Dashboard.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 { Dashboard } from './Dashboard';
 
@@ -21,9 +25,9 @@ function createMockContainer(tiles = {}) {
   }));
   return {
     context: {
-      on: jest.fn(),
-      off: jest.fn(),
-      emit: jest.fn(),
+      on: vitest.fn(),
+      off: vitest.fn(),
+      emit: vitest.fn(),
       defineActions() {},
       state,
       readState(read) {
@@ -38,6 +42,10 @@ function createMockContainer(tiles = {}) {
 }
 
 describe('Piral-Dashboard Dashboard component', () => {
+  afterEach(() => {
+    cleanup();
+  });
+
   it('uses container for a connected dashboard', () => {
     const fake: any = {};
     const { context } = createMockContainer();

package/src/actions.test.ts

@@ -1,8 +1,28 @@
+/**
+ * @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 { registerTile, unregisterTile } from './actions';
 
+function createListener() {
+  return {
+    on: vitest.fn(),
+    off: vitest.fn(),
+    emit: vitest.fn(),
+  };
+}
+
+function createActions(state, listener) {
+  return {
+    ...listener,
+    state: state.getState(),
+    dispatch(change) {
+      state.setState(change(state.getState()));
+    },
+  };
+}
+
 describe('Dashboard Actions Module', () => {
   it('registerTile and unregisterTile', () => {
     const state: any = create(() => ({
@@ -12,7 +32,7 @@ describe('Dashboard Actions Module', () => {
         tiles: {},
       },
     }));
-    const ctx = createActions(state, createListener({}));
+    const ctx = createActions(state, createListener());
     registerTile(ctx, 'foo', 10);
     expect((state.getState())).toEqual({
       foo: 5,

package/src/create.test.ts

@@ -1,4 +1,8 @@
+/**
+ * @vitest-environment jsdom
+ */
 import create from 'zustand';
+import { describe, it, expect, vitest } from 'vitest';
 import { createElement, FC } from 'react';
 import { createDashboardApi } from './create';
 
@@ -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(),
       defineActions() {},
       converters: {},
       readState() {
@@ -46,8 +50,8 @@ const moduleMetadata = {
 describe('Create Dashboard API Extensions', () => {
   it('createDashboardApi can register and unregister a tile', () => {
     const container = createMockContainer();
-    container.context.registerTile = jest.fn();
-    container.context.unregisterTile = jest.fn();
+    container.context.registerTile = vitest.fn();
+    container.context.unregisterTile = vitest.fn();
     const api = createApi(container);
     api.registerTile('my-tile', StubComponent);
     expect(container.context.registerTile).toHaveBeenCalledTimes(1);
@@ -59,8 +63,8 @@ describe('Create Dashboard API Extensions', () => {
 
   it('createDashboardApi can dispose a registered tile', () => {
     const container = createMockContainer();
-    container.context.registerTile = jest.fn();
-    container.context.unregisterTile = jest.fn();
+    container.context.registerTile = vitest.fn();
+    container.context.unregisterTile = vitest.fn();
     const api = createApi(container);
     const dispose = api.registerTile('my-tile', StubComponent);
     expect(container.context.registerTile).toHaveBeenCalledTimes(1);
@@ -72,8 +76,8 @@ describe('Create Dashboard API Extensions', () => {
 
   it('createDashboardApi can dispose an anonymous tile', () => {
     const container = createMockContainer();
-    container.context.registerTile = jest.fn();
-    container.context.unregisterTile = jest.fn();
+    container.context.registerTile = vitest.fn();
+    container.context.unregisterTile = vitest.fn();
     const api = createApi(container);
     const dispose = api.registerTile(StubComponent);
     expect(container.context.registerTile).toHaveBeenCalledTimes(1);

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 { DefaultContainer } 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 StubDashboard: React.FC = () => <div role="dashboard" />;
 StubDashboard.displayName = 'StubDashboard';
 
@@ -42,6 +49,10 @@ const StubTile: React.FC = () => <div role="tile" />;
 StubTile.displayName = 'StubTile';
 
 describe('Default Dashboard Component', () => {
+  afterEach(() => {
+    cleanup();
+  });
+
   it('renders the react fragment in the default case', () => {
     (state.registry.tiles as any).a = {
       component: StubTile,