@openmrs/esm-fast-data-entry-app 1.4.2-pre.725 → 1.4.2-pre.734

package/src/group-form-entry-workflow/SessionMetaWorkspace.test.tsx

@@ -1,16 +1,17 @@
 import React, { useEffect } from 'react';
+import { vi, describe, it, expect } from 'vitest';
 import { render, screen, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { useFormContext } from 'react-hook-form';
 import GroupFormWorkflowContext from '../context/GroupFormWorkflowContext';
 import SessionMetaWorkspace from './SessionMetaWorkspace';
 
-jest.mock('../CancelModal', () => ({
+vi.mock('../CancelModal', () => ({
   __esModule: true,
   default: () => null,
 }));
 
-jest.mock('./SessionDetailsForm', () => ({
+vi.mock('./SessionDetailsForm', () => ({
   __esModule: true,
   default: function MockSessionDetailsForm() {
     const { register, setValue } = useFormContext();
@@ -40,7 +41,7 @@ const renderSessionMetaWorkspace = (contextOverrides = {}) =>
           workflowState: 'NEW_GROUP_SESSION',
           patientUuids: ['patient-a'],
           activeGroupUuid: 'group-1',
-          setSessionMeta: jest.fn(),
+          setSessionMeta: vi.fn(),
           ...contextOverrides,
         } as never
       }
@@ -52,7 +53,7 @@ const renderSessionMetaWorkspace = (contextOverrides = {}) =>
 describe('SessionMetaWorkspace', () => {
   it('submits the session metadata with the normalized session date', async () => {
     const user = userEvent.setup();
-    const setSessionMeta = jest.fn();
+    const setSessionMeta = vi.fn();
     renderSessionMetaWorkspace({ setSessionMeta });
 
     await user.click(screen.getByRole('button', { name: 'Create New Session' }));
@@ -72,7 +73,7 @@ describe('SessionMetaWorkspace', () => {
 
   it('shows the group selection error when submitted without a chosen group', async () => {
     const user = userEvent.setup();
-    const setSessionMeta = jest.fn();
+    const setSessionMeta = vi.fn();
     renderSessionMetaWorkspace({
       activeGroupUuid: null,
       setSessionMeta,

package/src/group-form-entry-workflow/group-display-header/GroupDisplayHeader.test.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { vi, describe, it } from 'vitest';
 import { render } from '@testing-library/react';
 import GroupDisplayHeader from './GroupDisplayHeader';
 

package/src/group-form-entry-workflow/group-search-header/GroupSearchHeader.test.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { vi, describe, it, expect, beforeEach } from 'vitest';
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { showSnackbar, useConfig, useSession } from '@openmrs/esm-framework';
@@ -7,7 +8,7 @@ import GroupSearchHeader from './GroupSearchHeader';
 
 let selectedGroup;
 
-jest.mock('../group-search/CompactGroupSearch', () => ({
+vi.mock('../group-search/CompactGroupSearch', () => ({
   __esModule: true,
   default: ({ selectGroupAction }) => (
     <button data-testid="compact-group-search" onClick={() => selectGroupAction(selectedGroup)}>
@@ -16,14 +17,14 @@ jest.mock('../group-search/CompactGroupSearch', () => ({
   ),
 }));
 
-jest.mock('../../add-group-modal/AddGroupModal', () => ({
+vi.mock('../../add-group-modal/AddGroupModal', () => ({
   __esModule: true,
   default: ({ isOpen }) => (isOpen ? <div data-testid="add-group-modal" /> : null),
 }));
 
-const mockShowSnackbar = jest.mocked(showSnackbar);
-const mockUseConfig = jest.mocked(useConfig);
-const mockUseSession = jest.mocked(useSession);
+const mockShowSnackbar = vi.mocked(showSnackbar);
+const mockUseConfig = vi.mocked(useConfig);
+const mockUseSession = vi.mocked(useSession);
 
 const renderGroupSearchHeader = (contextOverrides = {}) =>
   render(
@@ -31,8 +32,8 @@ const renderGroupSearchHeader = (contextOverrides = {}) =>
       value={
         {
           activeGroupUuid: null,
-          setGroup: jest.fn(),
-          destroySession: jest.fn(),
+          setGroup: vi.fn(),
+          destroySession: vi.fn(),
           ...contextOverrides,
         } as never
       }
@@ -56,7 +57,7 @@ describe('GroupSearchHeader', () => {
 
   it('blocks group selection when location enforcement is enabled and locations mismatch', async () => {
     const user = userEvent.setup();
-    const setGroup = jest.fn();
+    const setGroup = vi.fn();
     selectedGroup = {
       uuid: 'group-1',
       location: {
@@ -81,7 +82,7 @@ describe('GroupSearchHeader', () => {
 
   it('sorts cohort members by display name before storing the selected group', async () => {
     const user = userEvent.setup();
-    const setGroup = jest.fn();
+    const setGroup = vi.fn();
     selectedGroup = {
       uuid: 'group-1',
       location: {
@@ -109,7 +110,7 @@ describe('GroupSearchHeader', () => {
 
   it('opens the add-group modal and lets the user cancel the session', async () => {
     const user = userEvent.setup();
-    const destroySession = jest.fn();
+    const destroySession = vi.fn();
     renderGroupSearchHeader({ destroySession });
 
     await user.click(screen.getByRole('button', { name: 'Create New Group' }));

package/src/hooks/useGetPatient.test.tsx

@@ -1,10 +1,11 @@
 import React from 'react';
+import { vi, describe, it, expect, beforeEach, type MockedFunction } from 'vitest';
 import { act, render, screen } from '@testing-library/react';
 import { fetchCurrentPatient } from '@openmrs/esm-framework';
 import useGetPatient from './useGetPatient';
 
-jest.mock('@openmrs/esm-framework', () => ({
-  fetchCurrentPatient: jest.fn(),
+vi.mock('@openmrs/esm-framework', () => ({
+  fetchCurrentPatient: vi.fn(),
 }));
 
 type Deferred<T> = {
@@ -24,7 +25,7 @@ const createDeferred = <T,>(): Deferred<T> => {
   };
 };
 
-const mockFetchCurrentPatient = fetchCurrentPatient as jest.MockedFunction<typeof fetchCurrentPatient>;
+const mockFetchCurrentPatient = fetchCurrentPatient as MockedFunction<typeof fetchCurrentPatient>;
 
 const TestHarness = ({ patientUuid }: { patientUuid?: string }) => {
   const patient = useGetPatient(patientUuid);
@@ -35,7 +36,7 @@ const TestHarness = ({ patientUuid }: { patientUuid?: string }) => {
 
 describe('useGetPatient', () => {
   beforeEach(() => {
-    jest.clearAllMocks();
+    vi.clearAllMocks();
   });
 
   it('ignores stale responses after patientUuid changes', async () => {

package/src/setup-tests.ts

@@ -1 +1,5 @@
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom/vitest';
+import { afterEach } from 'vitest';
+import { cleanup } from '@testing-library/react';
+
+afterEach(cleanup);

package/vitest.config.ts

@@ -0,0 +1,40 @@
+import { fileURLToPath } from 'node:url';
+import { defineConfig } from 'vitest/config';
+
+const r = (relativePath: string) => fileURLToPath(new URL(relativePath, import.meta.url));
+
+export default defineConfig({
+  resolve: {
+    alias: [{ find: /^.*\.s?css$/, replacement: 'identity-obj-proxy' }],
+  },
+  test: {
+    environment: 'jsdom',
+    globals: true,
+    clearMocks: true,
+    setupFiles: ['./src/setup-tests.ts'],
+    exclude: ['**/node_modules/**', '**/e2e/**', '**/dist/**'],
+    server: {
+      deps: {
+        inline: [/@openmrs/],
+      },
+    },
+    fakeTimers: {
+      toFake: [
+        'setTimeout',
+        'clearTimeout',
+        'setInterval',
+        'clearInterval',
+        'setImmediate',
+        'clearImmediate',
+        'requestAnimationFrame',
+        'cancelAnimationFrame',
+        'Date',
+      ],
+    },
+    alias: {
+      '@openmrs/esm-framework/src/internal': '@openmrs/esm-framework/mock',
+      '@openmrs/esm-framework': '@openmrs/esm-framework/mock',
+      'react-i18next': r('./__mocks__/react-i18next.js'),
+    },
+  },
+});

package/jest.config.json

@@ -1,31 +0,0 @@
-
-{
-  "clearMocks": true,
-  "collectCoverageFrom": [
-    "**/src/**/*.component.tsx",
-    "!**/node_modules/**",
-    "!**/src/declarations.d.ts",
-    "!**/e2e/**"
-  ],
-  "transform": {
-    "^.+\\.m?[jt]sx?$": ["@swc/jest"]
-  },
-  "transformIgnorePatterns": ["/node_modules/(?!@openmrs)"],
-  "moduleNameMapper": {
-    "@openmrs/esm-framework": "@openmrs/esm-framework/mock",
-    "\\.(s?css)$": "identity-obj-proxy",
-    "^lodash-es/(.*)$": "lodash/$1",
-    "^lodash-es$": "lodash",
-    "^dexie$": "<rootDir>/node_modules/dexie",
-    "^react-i18next$": "<rootDir>/__mocks__/react-i18next.js"
-  },
-  "setupFilesAfterEnv": ["<rootDir>/src/setup-tests.ts"],
-  "testEnvironment": "jsdom",
-  "testEnvironmentOptions": {
-    "url": "http://localhost/"
-  },
-  "testPathIgnorePatterns": [
-    "/node_modules/",
-    "/e2e/"
-  ]
-}