@equinor/fusion-framework-dev-portal 11.0.3 → 11.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/fusion-framework-dev-portal",
-  "version": "11.0.3",
+  "version": "11.0.4",
   "description": "",
   "type": "module",
   "module": "./dist/main.js",
@@ -20,69 +20,71 @@
     "@equinor/eds-core-react": "^2.3.7",
     "@equinor/eds-icons": "^1.3.0",
     "@equinor/eds-tokens": "^2.2.0",
+    "@equinor/eds-utils": "^2.2.1",
     "@equinor/fusion-react-context-selector": "^2.0.1",
     "@equinor/fusion-react-progress-indicator": "^0.3.0",
     "@equinor/fusion-react-side-sheet": "^2.0.0",
     "@equinor/fusion-react-styles": "^2.1.0",
     "@equinor/fusion-wc-chip": "^1.2.2",
     "@equinor/fusion-wc-person": "^3.5.5",
-    "@testing-library/react": "^16.0.0",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
     "@types/semver": "^7.7.1",
     "@vitejs/plugin-react": "^6.0.1",
+    "@vitest/browser-playwright": "^4.1.0",
     "dotenv": "^17.3.1",
-    "happy-dom": "^20.8.4",
+    "playwright": "^1.62.1",
     "react": "^19.2.1",
     "react-dom": "^19.2.1",
     "rxjs": "^7.8.1",
-    "styled-components": "^6.3.11",
     "semver": "^7.7.2",
+    "styled-components": "^6.3.11",
     "tsx": "^4.19.3",
     "typescript": "^7.0.2",
     "vite": "^8.0.0",
     "vitest": "^4.1.0",
-    "@equinor/fusion-framework": "8.0.16",
-    "@equinor/fusion-framework-dev-server": "2.0.19",
-    "@equinor/fusion-framework-module-ag-grid": "37.0.2",
-    "@equinor/fusion-framework-app": "13.0.3",
-    "@equinor/fusion-framework-module-analytics": "3.0.8",
-    "@equinor/fusion-framework-module-app": "8.0.5",
-    "@equinor/fusion-framework-module-bookmark": "4.0.4",
-    "@equinor/fusion-framework-plugin-context-navigation": "1.0.1",
-    "@equinor/fusion-framework-module-context": "8.0.3",
-    "@equinor/fusion-framework-module-feature-flag": "2.0.3",
-    "@equinor/fusion-framework-module-navigation": "7.0.8",
-    "@equinor/fusion-framework-module-services": "8.1.0",
-    "@equinor/fusion-framework-module-telemetry": "7.0.3",
-    "@equinor/fusion-framework-react": "8.0.1",
-    "@equinor/fusion-framework-react-components-bookmark": "2.0.3",
-    "@equinor/fusion-framework-react-components-people-provider": "2.0.4",
-    "@equinor/fusion-framework-react-module-bookmark": "6.0.1",
-    "@equinor/fusion-framework-react-router": "2.4.0",
-    "@equinor/fusion-observable": "9.2.0",
-    "@equinor/fusion-query": "7.0.3"
+    "vitest-browser-react": "^2.2.0",
+    "@equinor/fusion-framework-app": "13.1.0",
+    "@equinor/fusion-framework": "8.1.0",
+    "@equinor/fusion-framework-dev-server": "2.1.0",
+    "@equinor/fusion-framework-module-ag-grid": "37.1.0",
+    "@equinor/fusion-framework-module-analytics": "3.1.0",
+    "@equinor/fusion-framework-module-app": "8.1.0",
+    "@equinor/fusion-framework-module-feature-flag": "2.1.0",
+    "@equinor/fusion-framework-module-navigation": "7.0.9",
+    "@equinor/fusion-framework-module-services": "8.1.1",
+    "@equinor/fusion-framework-module-telemetry": "7.1.0",
+    "@equinor/fusion-framework-module-bookmark": "4.1.0",
+    "@equinor/fusion-framework-module-context": "9.0.0",
+    "@equinor/fusion-framework-plugin-context-navigation": "1.0.2",
+    "@equinor/fusion-framework-react": "9.0.0",
+    "@equinor/fusion-framework-react-components-bookmark": "2.0.4",
+    "@equinor/fusion-framework-react-module-bookmark": "7.0.0",
+    "@equinor/fusion-framework-react-components-people-provider": "2.0.5",
+    "@equinor/fusion-framework-react-router": "2.4.1",
+    "@equinor/fusion-query": "7.0.4",
+    "@equinor/fusion-observable": "9.2.1"
   },
   "peerDependencies": {
-    "@equinor/fusion-framework": "8.0.16",
-    "@equinor/fusion-framework-app": "13.0.3",
-    "@equinor/fusion-framework-module-ag-grid": "37.0.2",
-    "@equinor/fusion-framework-module-app": "8.0.5",
-    "@equinor/fusion-framework-module-analytics": "3.0.8",
-    "@equinor/fusion-framework-module-bookmark": "4.0.4",
-    "@equinor/fusion-framework-dev-server": "2.0.19",
-    "@equinor/fusion-framework-module-context": "8.0.3",
-    "@equinor/fusion-framework-module-feature-flag": "2.0.3",
-    "@equinor/fusion-framework-plugin-context-navigation": "1.0.1",
-    "@equinor/fusion-framework-module-navigation": "7.0.8",
-    "@equinor/fusion-framework-module-telemetry": "7.0.3",
-    "@equinor/fusion-framework-react": "8.0.1",
-    "@equinor/fusion-framework-react-components-bookmark": "2.0.3",
-    "@equinor/fusion-framework-react-components-people-provider": "2.0.4",
-    "@equinor/fusion-framework-react-module-bookmark": "6.0.1",
-    "@equinor/fusion-observable": "9.2.0",
-    "@equinor/fusion-framework-module-services": "8.1.0",
-    "@equinor/fusion-query": "7.0.3"
+    "@equinor/fusion-framework": "8.1.0",
+    "@equinor/fusion-framework-app": "13.1.0",
+    "@equinor/fusion-framework-dev-server": "2.1.0",
+    "@equinor/fusion-framework-module-analytics": "3.1.0",
+    "@equinor/fusion-framework-module-app": "8.1.0",
+    "@equinor/fusion-framework-module-ag-grid": "37.1.0",
+    "@equinor/fusion-framework-module-bookmark": "4.1.0",
+    "@equinor/fusion-framework-module-context": "9.0.0",
+    "@equinor/fusion-framework-module-feature-flag": "2.1.0",
+    "@equinor/fusion-framework-module-services": "8.1.1",
+    "@equinor/fusion-framework-module-telemetry": "7.1.0",
+    "@equinor/fusion-framework-module-navigation": "7.0.9",
+    "@equinor/fusion-framework-plugin-context-navigation": "1.0.2",
+    "@equinor/fusion-framework-react": "9.0.0",
+    "@equinor/fusion-framework-react-components-people-provider": "2.0.5",
+    "@equinor/fusion-framework-react-components-bookmark": "2.0.4",
+    "@equinor/fusion-framework-react-module-bookmark": "7.0.0",
+    "@equinor/fusion-observable": "9.2.1",
+    "@equinor/fusion-query": "7.0.4"
   },
   "peerDependenciesMeta": {
     "@equinor/fusion-framework": {

package/src/PersonSideSheet/sheets/roles/ClaimableRole.test.tsx

@@ -1,4 +1,4 @@
-import { cleanup, fireEvent, render, screen, waitFor } from '@testing-library/react';
+import { cleanup, render } from 'vitest-browser-react';
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 
 import { ClaimableRole } from './ClaimableRole';
@@ -43,12 +43,12 @@ describe('ClaimableRole', () => {
     const json = vi.fn();
     mocks.createClient.mockResolvedValue({ json });
 
-    render(<ClaimableRole assignment={assignment} onChange={vi.fn()} />);
+    const screen = await render(<ClaimableRole assignment={assignment} onChange={vi.fn()} />);
 
-    fireEvent.click(screen.getByLabelText('Activate Developer role'));
-    fireEvent.click(screen.getByRole('button', { name: 'Activate' }));
+    await screen.getByLabelText('Activate Developer role').click();
+    await screen.getByRole('button', { name: 'Activate' }).click();
 
-    expect(await screen.findByText('Reason is required.')).toBeTruthy();
+    await expect.element(screen.getByText('Reason is required.')).toBeVisible();
     expect(json).not.toHaveBeenCalled();
   });
 
@@ -57,15 +57,13 @@ describe('ClaimableRole', () => {
     const onChange = vi.fn();
     mocks.createClient.mockResolvedValue({ json });
 
-    render(<ClaimableRole assignment={assignment} onChange={onChange} />);
+    const screen = await render(<ClaimableRole assignment={assignment} onChange={onChange} />);
 
-    fireEvent.click(screen.getByLabelText('Activate Developer role'));
-    fireEvent.change(screen.getByLabelText('Reason for activation'), {
-      target: { value: 'Testing role-dependent behavior' },
-    });
-    fireEvent.click(screen.getByRole('button', { name: 'Activate' }));
+    await screen.getByLabelText('Activate Developer role').click();
+    await screen.getByLabelText('Reason for activation').fill('Testing role-dependent behavior');
+    await screen.getByRole('button', { name: 'Activate' }).click();
 
-    await waitFor(() =>
+    await vi.waitFor(() =>
       expect(onChange).toHaveBeenCalledWith({
         ...assignment,
         isActive: true,

package/src/PersonSideSheet/sheets/roles/RolesSheetContent.test.tsx

@@ -1,4 +1,4 @@
-import { cleanup, fireEvent, render, screen, waitFor } from '@testing-library/react';
+import { cleanup, render } from 'vitest-browser-react';
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 
 import { RolesSheetContent } from './RolesSheetContent';
@@ -39,10 +39,9 @@ describe('RolesSheetContent', () => {
     const json = vi.fn().mockResolvedValue([]);
     mocks.createClient.mockResolvedValue({ json });
 
-    render(<RolesSheetContent navigate={vi.fn()} />);
+    const screen = await render(<RolesSheetContent navigate={vi.fn()} />);
 
-    expect(screen.getByLabelText('Loading roles')).toBeTruthy();
-    expect(await screen.findByText('You have no available roles')).toBeTruthy();
+    await expect.element(screen.getByText('You have no available roles')).toBeVisible();
     expect(json).toHaveBeenCalledTimes(2);
   });
 
@@ -53,14 +52,13 @@ describe('RolesSheetContent', () => {
       .mockResolvedValue([]);
     mocks.createClient.mockResolvedValue({ json });
 
-    render(<RolesSheetContent navigate={vi.fn()} />);
+    const screen = await render(<RolesSheetContent navigate={vi.fn()} />);
 
-    expect(await screen.findByText('Roles service unavailable')).toBeTruthy();
-    fireEvent.click(screen.getByRole('button', { name: 'Retry' }));
+    await expect.element(screen.getByText('Roles service unavailable')).toBeVisible();
+    await screen.getByRole('button', { name: 'Retry' }).click();
 
-    expect(screen.getByLabelText('Loading roles')).toBeTruthy();
-    await waitFor(() => expect(mocks.createClient).toHaveBeenCalledTimes(2));
-    expect(await screen.findByText('You have no available roles')).toBeTruthy();
+    await vi.waitFor(() => expect(mocks.createClient).toHaveBeenCalledTimes(2));
+    await expect.element(screen.getByText('You have no available roles')).toBeVisible();
   });
 
   it('hides stale assignments while loading roles for a changed account', async () => {
@@ -73,14 +71,14 @@ describe('RolesSheetContent', () => {
       .mockResolvedValueOnce({ json: initialJson })
       .mockResolvedValueOnce({ json: pendingJson });
 
-    const { rerender } = render(<RolesSheetContent navigate={vi.fn()} />);
+    const screen = await render(<RolesSheetContent navigate={vi.fn()} />);
 
-    expect(await screen.findByText('Claimable role')).toBeTruthy();
+    await expect.element(screen.getByText('Claimable role')).toBeVisible();
 
     mocks.currentUser.localAccountId = 'next-account-id';
-    rerender(<RolesSheetContent navigate={vi.fn()} />);
+    await screen.rerender(<RolesSheetContent navigate={vi.fn()} />);
 
-    expect(screen.getByLabelText('Loading roles')).toBeTruthy();
-    expect(screen.queryByText('Claimable role')).toBeNull();
+    await expect.element(screen.getByLabelText('Loading roles')).toBeVisible();
+    await expect.element(screen.getByText('Claimable role')).not.toBeInTheDocument();
   });
 });

package/src/version.ts

@@ -1,2 +1,2 @@
 // Generated by genversion.
-export const version = '11.0.3';
+export const version = '11.0.4';