piral-dashboard 0.15.0-alpha.4396 → 0.15.0-beta.4411

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "piral-dashboard",
-  "version": "0.15.0-alpha.4396",
+  "version": "0.15.0-beta.4411",
   "description": "Plugin for creating a centralized dashboard in Piral.",
   "keywords": [
     "piral",
@@ -63,12 +63,12 @@
   "devDependencies": {
     "@types/react": "^18.0.0",
     "@types/react-router-dom": "^5.1.6",
-    "piral-core": "0.15.0-alpha.4396",
+    "piral-core": "0.15.0-beta.4411",
     "react": "^18.0.0"
   },
   "peerDependencies": {
     "piral-core": "0.14.x || 0.15.x",
     "react": ">=16.8.0"
   },
-  "gitHead": "62abff4d61634b3ecffda2407f1c29f1de929b4c"
+  "gitHead": "4f5faf811d34692b5f2d3042b9fb732fa8d64cb0"
 }

package/src/Dashboard.test.tsx

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import create from 'zustand';
-import { mount } from 'enzyme';
+import { render } from '@testing-library/react';
 import { StateContext } from 'piral-core';
 import { Dashboard } from './Dashboard';
 
-const MockDbContainer: React.FC<any> = ({ children }) => <div>{children}</div>;
+const MockDbContainer: React.FC<any> = ({ children }) => <ul>{children}</ul>;
 MockDbContainer.displayName = 'MockDbContainer';
-const MockDbTile: React.FC<any> = ({ children }) => <div>{children}</div>;
+const MockDbTile: React.FC<any> = ({ children }) => <li>{children}</li>;
 MockDbTile.displayName = 'MockDbTile';
 
 function createMockContainer(tiles = {}) {
@@ -41,13 +41,13 @@ describe('Piral-Dashboard Dashboard component', () => {
   it('uses container for a connected dashboard', () => {
     const fake: any = {};
     const { context } = createMockContainer();
-    const node = mount(
+    const node = render(
       <StateContext.Provider value={context}>
         <Dashboard {...fake} />
       </StateContext.Provider>,
     );
-    expect(node.find(MockDbContainer).length).toBe(1);
-    expect(node.find(MockDbTile).length).toBe(0);
+    expect(node.getAllByRole('list').length).toBe(1);
+    expect(node.queryByRole('listitem')).toBe(null);
   });
 
   it('uses container and tile for each tile of a connected dashboard', () => {
@@ -62,12 +62,12 @@ describe('Piral-Dashboard Dashboard component', () => {
         preferences: {},
       },
     });
-    const node = mount(
+    const node = render(
       <StateContext.Provider value={context}>
         <Dashboard {...fake} />
       </StateContext.Provider>,
     );
-    expect(node.find(MockDbContainer).length).toBe(1);
-    expect(node.find(MockDbTile).length).toBe(2);
+    expect(node.getAllByRole('list').length).toBe(1);
+    expect(node.getAllByRole('listitem').length).toBe(2);
   });
 });

package/src/default.test.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { mount } from 'enzyme';
+import { render } from '@testing-library/react';
 import { DefaultContainer } from './default';
 
 jest.mock('piral-core', () => ({
@@ -35,10 +35,10 @@ const state = {
 
 (React as any).useMemo = (cb) => cb();
 
-const StubDashboard: React.FC = () => <div />;
+const StubDashboard: React.FC = () => <div role="dashboard" />;
 StubDashboard.displayName = 'StubDashboard';
 
-const StubTile: React.FC = () => <div />;
+const StubTile: React.FC = () => <div role="tile" />;
 StubTile.displayName = 'StubTile';
 
 describe('Default Dashboard Component', () => {
@@ -47,13 +47,13 @@ describe('Default Dashboard Component', () => {
       component: StubTile,
       preferences: {},
     };
-    const node = mount(
-      <DefaultContainer history={undefined} location={undefined} match={undefined}>
+    const node = render(
+      <DefaultContainer>
         <StubTile />
       </DefaultContainer>,
     );
-    expect(node.find(StubDashboard).length).toBe(0);
-    expect(node.find(StubTile).length).toBe(1);
+    expect(node.queryByRole("dashboard")).toBe(null);
+    expect(node.getAllByRole("tile").length).toBe(1);
   });
 
   it('renders the provided extension in the default case', () => {
@@ -62,12 +62,12 @@ describe('Default Dashboard Component', () => {
         component: StubDashboard,
       },
     ];
-    const node = mount(
-      <DefaultContainer history={undefined} location={undefined} match={undefined}>
+    const node = render(
+      <DefaultContainer>
         <StubTile />
       </DefaultContainer>,
     );
-    expect(node.find(StubTile).length).toBe(0);
-    expect(node.find(StubDashboard).length).toBe(1);
+    expect(node.queryByRole("tile")).toBe(null);
+    expect(node.getAllByRole("dashboard").length).toBe(1);
   });
 });