@openmrs/esm-stock-management-app 3.0.1-pre.855 → 3.0.1-pre.865

package/src/stock-operations/stock-operations-forms/step1.test.tsx

@@ -1,12 +1,6 @@
-import { useConfig } from '@openmrs/esm-framework';
-import { render, screen } from '@testing-library/react';
 import React from 'react';
-import { StockOperationType } from '../../core/api/types/stockOperation/StockOperationType';
-import { useStockOperationTypes } from '../../stock-lookups/stock-lookups.resource';
-import { useStockOperations } from '../stock-operations.resource';
-import useParties from './hooks/useParties';
-import StockOperationForm from './stock-operation-form.component';
-import { MAIN_STORE_LOCATION_TAG } from '../../constants';
+import { render, screen } from '@testing-library/react';
+import { useConfig, useSession } from '@openmrs/esm-framework';
 import {
   adjustmentOpeationTypeMock,
   disposalOperationTypeMock,
@@ -17,28 +11,17 @@ import {
   stockIssueOperationtypeMock,
   stockTakeOperationTypeMock,
   tranferOutOperationTypeMock,
-} from '../../../__mocks__';
-jest.mock('react-i18next', () => ({
-  useTranslation: jest.fn().mockReturnValue({ t: (key) => key }),
-}));
+} from '@mocks';
+import { useStockOperationTypes } from '../../stock-lookups/stock-lookups.resource';
+import { useStockOperations } from '../stock-operations.resource';
+import useParties from './hooks/useParties';
+import StockOperationForm from './stock-operation-form.component';
 
-jest.mock('@openmrs/esm-framework', () => ({
-  ActionMenu: jest.fn(() => null),
-  showSnackbar: jest.fn(),
-  useDebounce: jest.fn((x) => x),
-  getGlobalStore: jest.fn(() => ({
-    getState: jest.fn(),
-    subscribe: jest.fn(),
-    setState: jest.fn(),
-  })),
-  parseDate: jest.fn((date) => new Date(date)),
-  showNotification: jest.fn(),
-  usePagination: jest.fn(() => ({ currentPage: 1, setPage: jest.fn() })),
-  useSession: jest.fn(() => ({ user: { display: 'Test User' } })),
-  useConfig: jest.fn(),
-  ErrorState: jest.fn(({ error }: { error: any }) => <div>{error}</div>),
-  launchWorkspace: jest.fn(),
-}));
+const mockUseParties = jest.mocked(useParties);
+const mockUseStockOperationTypes = jest.mocked(useStockOperationTypes);
+const mockUseStockOperations = jest.mocked(useStockOperations);
+const mockUseConfig = jest.mocked(useConfig);
+const mockUseSession = jest.mocked(useSession);
 
 jest.mock('../../stock-lookups/stock-lookups.resource', () => ({
   useStockOperationTypes: jest.fn(),
@@ -48,10 +31,14 @@ jest.mock('../../stock-lookups/stock-lookups.resource', () => ({
 }));
 
 jest.mock('../stock-operations.resource', () => ({
-  operationStatusColor: jest.fn(() => 'some-color'),
   getStockOperationLinks: jest.fn(),
+  operationStatusColor: jest.fn(() => 'some-color'),
   useStockOperations: jest.fn().mockReturnValue({
-    items: { results: [] },
+    items: {
+      results: [],
+      links: [],
+      totalCount: 0,
+    },
     isLoading: false,
     error: null,
   }),
@@ -67,25 +54,75 @@ jest.mock('../stock-operations.resource', () => ({
   }),
 }));
 
-jest.mock('./hooks/useParties', () => jest.fn());
+jest.mock('./hooks/useParties', () => ({
+  __esModule: true,
+  default: jest.fn(),
+  useParties: jest.fn(),
+}));
 
 describe('Stock Operation step 1 (baseoperation details)', () => {
   beforeEach(() => {
-    const mockStockOperationTypes = { results: [] };
-    (useStockOperationTypes as jest.Mock).mockReturnValue(mockStockOperationTypes);
-    (useStockOperations as jest.Mock).mockReturnValue({ items: { results: [] }, isLoading: false, error: null });
-    (useConfig as jest.Mock).mockReturnValue({ autoPopulateResponsiblePerson: true });
+    const mockStockOperationTypes = {
+      results: [],
+      links: [],
+      totalCount: 0,
+    };
+    mockUseStockOperationTypes.mockReturnValue({
+      types: mockStockOperationTypes,
+      isLoading: false,
+      error: null,
+    });
+    mockUseStockOperations.mockReturnValue({
+      items: {
+        results: [],
+        links: [],
+        totalCount: 0,
+      },
+      isLoading: false,
+      error: null,
+    });
+
+    mockUseConfig.mockReturnValue({ autoPopulateResponsiblePerson: true });
+
+    mockUseSession.mockReturnValue({
+      authenticated: true,
+      sessionId: 'test-session-id',
+      user: {
+        uuid: 'test-user-uuid',
+        display: 'Test User',
+        username: 'testuser',
+        systemId: 'test-system-id',
+        userProperties: {},
+        person: { uuid: 'test-person-uuid' },
+        privileges: [],
+        roles: [],
+        retired: false,
+        links: [],
+        locale: 'en',
+        allowedLocales: ['en'],
+      },
+      sessionLocation: {
+        uuid: 'test-location-uuid',
+        display: 'Test Location',
+        links: [],
+      },
+    });
   });
 
   it('should render loading state when loading  parties info', async () => {
-    (useParties as jest.Mock).mockReturnValue({
+    mockUseParties.mockReturnValue({
       destinationParties: [],
-      sourceParties: [],
-      isLoading: true,
+      destinationPartiesFilter: () => true,
+      destinationTags: [],
       error: null,
+      isLoading: true,
+      mutate: jest.fn(),
+      parties: [],
+      sourceParties: [],
+      sourcePartiesFilter: () => true,
       sourceTags: [],
-      destinationTags: [],
     });
+
     render(
       <StockOperationForm
         stockOperationType={receiptOperationTypeMock as any}
@@ -95,18 +132,24 @@ describe('Stock Operation step 1 (baseoperation details)', () => {
         promptBeforeClosing={jest.fn()}
       />,
     );
+
     expect(screen.getByRole('progressbar')).toBeInTheDocument();
   });
 
   it('should render error state when parties loading fails', async () => {
-    (useParties as jest.Mock).mockReturnValue({
+    mockUseParties.mockReturnValue({
       destinationParties: [],
-      sourceParties: [],
-      isLoading: false,
+      destinationPartiesFilter: () => true,
+      destinationTags: [],
       error: 'error',
+      isLoading: false,
+      mutate: jest.fn(),
+      parties: [],
+      sourceParties: [],
+      sourcePartiesFilter: () => true,
       sourceTags: [],
-      destinationTags: [],
     });
+
     render(
       <StockOperationForm
         stockOperationType={receiptOperationTypeMock as any}
@@ -116,18 +159,24 @@ describe('Stock Operation step 1 (baseoperation details)', () => {
         promptBeforeClosing={jest.fn()}
       />,
     );
-    expect(screen.getByText('error')).toBeInTheDocument();
+
+    expect(screen.getByText(/error state/i)).toBeInTheDocument();
   });
 
   it('should have only next btn and not previous btn', async () => {
-    (useParties as jest.Mock).mockReturnValue({
+    mockUseParties.mockReturnValue({
       destinationParties: [],
-      sourceParties: [],
-      isLoading: false,
+      destinationPartiesFilter: () => true,
+      destinationTags: [],
       error: undefined,
+      isLoading: false,
+      mutate: jest.fn(),
+      parties: [],
+      sourceParties: [],
+      sourcePartiesFilter: () => true,
       sourceTags: [],
-      destinationTags: [],
     });
+
     render(
       <StockOperationForm
         stockOperationType={receiptOperationTypeMock as any}
@@ -137,17 +186,23 @@ describe('Stock Operation step 1 (baseoperation details)', () => {
         promptBeforeClosing={jest.fn()}
       />,
     );
+
     expect(screen.getByRole('button', { name: /next/i })).toBeInTheDocument();
     expect(screen.queryByRole('button', { name: /previous/i })).not.toBeInTheDocument();
   });
+
   it('should render operation type in title', async () => {
-    (useParties as jest.Mock).mockReturnValue({
+    mockUseParties.mockReturnValue({
       destinationParties: [],
       sourceParties: [],
       isLoading: false,
       error: undefined,
       sourceTags: [],
       destinationTags: [],
+      parties: [],
+      mutate: jest.fn(),
+      sourcePartiesFilter: () => true,
+      destinationPartiesFilter: () => true,
     });
     render(
       <StockOperationForm
@@ -158,17 +213,21 @@ describe('Stock Operation step 1 (baseoperation details)', () => {
         promptBeforeClosing={jest.fn()}
       />,
     );
-    expect(screen.getByText(`${receiptOperationTypeMock.name} details`)).toBeInTheDocument();
+    expect(screen.getByRole('heading', { name: `${receiptOperationTypeMock.name} Details` })).toBeInTheDocument();
   });
 
-  it("should render combobox with 'from' name and 'chooseAsource' placeholder for receipt operation", async () => {
-    (useParties as jest.Mock).mockReturnValue({
+  it("should render combobox with 'from' name and 'choose a source' placeholder for receipt operation", async () => {
+    mockUseParties.mockReturnValue({
       destinationParties: [],
       sourceParties: [],
       isLoading: false,
       error: undefined,
       sourceTags: [],
       destinationTags: [],
+      parties: [],
+      mutate: jest.fn(),
+      sourcePartiesFilter: () => true,
+      destinationPartiesFilter: () => true,
     });
     render(
       <StockOperationForm
@@ -181,21 +240,26 @@ describe('Stock Operation step 1 (baseoperation details)', () => {
     );
     const sourceInput = screen.getByRole('combobox', {
       name: (_, element) =>
-        element.getAttribute('placeholder') === 'chooseASource' && element.getAttribute('name') === 'sourceUuid',
+        element.getAttribute('placeholder') === 'Choose a source' && element.getAttribute('name') === 'sourceUuid',
     });
     expect(sourceInput).toBeInTheDocument();
     expect(screen.getByRole('combobox', { name: /from/i })).toBeInTheDocument();
   });
 
   it("should render combobox with 'to' name and defaulted to 'main store' location in receipt operation", async () => {
-    (useParties as jest.Mock).mockReturnValue({
+    mockUseParties.mockReturnValue({
       destinationParties: [],
       sourceParties: [],
       isLoading: false,
       error: undefined,
       sourceTags: [],
       destinationTags: [],
+      parties: [],
+      mutate: jest.fn(),
+      sourcePartiesFilter: () => true,
+      destinationPartiesFilter: () => true,
     });
+
     render(
       <StockOperationForm
         stockOperationType={receiptOperationTypeMock as any}
@@ -205,18 +269,24 @@ describe('Stock Operation step 1 (baseoperation details)', () => {
         promptBeforeClosing={jest.fn()}
       />,
     );
+
     expect(screen.getByRole('combobox', { name: /to/i })).toBeInTheDocument();
   });
 
   it("should render combobox with 'destinationUuid' name and 'chooseADestination' placeholder", async () => {
-    (useParties as jest.Mock).mockReturnValue({
+    mockUseParties.mockReturnValue({
       destinationParties: [],
       sourceParties: [],
       isLoading: false,
       error: undefined,
       sourceTags: [],
       destinationTags: [],
+      parties: [],
+      mutate: jest.fn(),
+      sourcePartiesFilter: () => true,
+      destinationPartiesFilter: () => true,
     });
+
     render(
       <StockOperationForm
         stockOperationType={receiptOperationTypeMock as any}
@@ -226,24 +296,31 @@ describe('Stock Operation step 1 (baseoperation details)', () => {
         promptBeforeClosing={jest.fn()}
       />,
     );
+
     expect(
       screen.getByRole('combobox', {
         name: (_, element) =>
-          element.getAttribute('placeholder') === 'chooseADestination' &&
+          element.getAttribute('placeholder') === 'Choose a destination' &&
           element.getAttribute('name') === 'destinationUuid',
       }),
     ).toBeInTheDocument();
     expect(screen.getByRole('combobox', { name: /to/i })).toBeInTheDocument();
   });
-  it("should render combobox with 'sourceUuid' name and 'chooseALocation' placeholder for disposal opertaion", async () => {
-    (useParties as jest.Mock).mockReturnValue({
+
+  it("should render combobox with 'sourceUuid' name and 'chooseALocation' placeholder for disposal operation", async () => {
+    mockUseParties.mockReturnValue({
       destinationParties: [],
       sourceParties: [],
       isLoading: false,
       error: undefined,
       sourceTags: [],
       destinationTags: [],
+      parties: [],
+      mutate: jest.fn(),
+      sourcePartiesFilter: () => true,
+      destinationPartiesFilter: () => true,
     });
+
     render(
       <StockOperationForm
         stockOperationType={disposalOperationTypeMock as any}
@@ -253,24 +330,30 @@ describe('Stock Operation step 1 (baseoperation details)', () => {
         promptBeforeClosing={jest.fn()}
       />,
     );
+
     expect(
       screen.getByRole('combobox', {
         name: (_, element) =>
-          element.getAttribute('placeholder') === 'chooseALocation' && element.getAttribute('name') === 'sourceUuid',
+          element.getAttribute('placeholder') === 'Choose a location' && element.getAttribute('name') === 'sourceUuid',
       }),
     ).toBeInTheDocument();
     expect(screen.getByRole('combobox', { name: /location/i })).toBeInTheDocument();
   });
 
   it('should not render reason input field for receipt operation', async () => {
-    (useParties as jest.Mock).mockReturnValue({
+    mockUseParties.mockReturnValue({
       destinationParties: [],
       sourceParties: [],
       isLoading: false,
       error: undefined,
       sourceTags: [],
       destinationTags: [],
+      parties: [],
+      mutate: jest.fn(),
+      sourcePartiesFilter: () => true,
+      destinationPartiesFilter: () => true,
     });
+
     render(
       <StockOperationForm
         stockOperationType={receiptOperationTypeMock as any}
@@ -282,15 +365,21 @@ describe('Stock Operation step 1 (baseoperation details)', () => {
     );
     expect(screen.queryByRole('combobox', { name: /reason/i })).not.toBeInTheDocument();
   });
+
   it('should render reason input field for adjustment operation', async () => {
-    (useParties as jest.Mock).mockReturnValue({
+    mockUseParties.mockReturnValue({
       destinationParties: [],
       sourceParties: [],
       isLoading: false,
       error: undefined,
       sourceTags: [],
       destinationTags: [],
+      parties: [],
+      mutate: jest.fn(),
+      sourcePartiesFilter: () => true,
+      destinationPartiesFilter: () => true,
     });
+
     render(
       <StockOperationForm
         stockOperationType={adjustmentOpeationTypeMock as any}
@@ -302,15 +391,21 @@ describe('Stock Operation step 1 (baseoperation details)', () => {
     );
     expect(screen.getByRole('combobox', { name: /reason/i })).toBeInTheDocument();
   });
+
   it('should not render reason input field for opening stock operation', async () => {
-    (useParties as jest.Mock).mockReturnValue({
+    mockUseParties.mockReturnValue({
       destinationParties: [],
       sourceParties: [],
       isLoading: false,
       error: undefined,
       sourceTags: [],
       destinationTags: [],
+      parties: [],
+      mutate: jest.fn(),
+      sourcePartiesFilter: () => true,
+      destinationPartiesFilter: () => true,
     });
+
     render(
       <StockOperationForm
         stockOperationType={openingStockOperationTypeMock as any}
@@ -322,15 +417,21 @@ describe('Stock Operation step 1 (baseoperation details)', () => {
     );
     expect(screen.queryByRole('combobox', { name: /reason/i })).not.toBeInTheDocument();
   });
+
   it('should not render reason input field for requisition operation', async () => {
-    (useParties as jest.Mock).mockReturnValue({
+    mockUseParties.mockReturnValue({
       destinationParties: [],
       sourceParties: [],
       isLoading: false,
       error: undefined,
       sourceTags: [],
       destinationTags: [],
+      parties: [],
+      mutate: jest.fn(),
+      sourcePartiesFilter: () => true,
+      destinationPartiesFilter: () => true,
     });
+
     render(
       <StockOperationForm
         stockOperationType={requisitionOperationTypeMock as any}
@@ -342,15 +443,21 @@ describe('Stock Operation step 1 (baseoperation details)', () => {
     );
     expect(screen.queryByRole('combobox', { name: /reason/i })).not.toBeInTheDocument();
   });
+
   it('should not render reason input field for return operation', async () => {
-    (useParties as jest.Mock).mockReturnValue({
+    mockUseParties.mockReturnValue({
       destinationParties: [],
       sourceParties: [],
       isLoading: false,
       error: undefined,
       sourceTags: [],
       destinationTags: [],
+      parties: [],
+      mutate: jest.fn(),
+      sourcePartiesFilter: () => true,
+      destinationPartiesFilter: () => true,
     });
+
     render(
       <StockOperationForm
         stockOperationType={returnOperationTypeMock as any}
@@ -360,17 +467,24 @@ describe('Stock Operation step 1 (baseoperation details)', () => {
         promptBeforeClosing={jest.fn()}
       />,
     );
+
     expect(screen.queryByRole('combobox', { name: /reason/i })).not.toBeInTheDocument();
   });
+
   it('should not render reason input field for issue operation', async () => {
-    (useParties as jest.Mock).mockReturnValue({
+    mockUseParties.mockReturnValue({
       destinationParties: [],
       sourceParties: [],
       isLoading: false,
       error: undefined,
       sourceTags: [],
       destinationTags: [],
+      parties: [],
+      mutate: jest.fn(),
+      sourcePartiesFilter: () => true,
+      destinationPartiesFilter: () => true,
     });
+
     render(
       <StockOperationForm
         stockOperationType={stockIssueOperationtypeMock as any}
@@ -380,17 +494,24 @@ describe('Stock Operation step 1 (baseoperation details)', () => {
         promptBeforeClosing={jest.fn()}
       />,
     );
+
     expect(screen.queryByRole('combobox', { name: /reason/i })).not.toBeInTheDocument();
   });
+
   it('should not render reason input field for tranfer out operation', async () => {
-    (useParties as jest.Mock).mockReturnValue({
+    mockUseParties.mockReturnValue({
       destinationParties: [],
       sourceParties: [],
       isLoading: false,
       error: undefined,
       sourceTags: [],
       destinationTags: [],
+      parties: [],
+      mutate: jest.fn(),
+      sourcePartiesFilter: () => true,
+      destinationPartiesFilter: () => true,
     });
+
     render(
       <StockOperationForm
         stockOperationType={tranferOutOperationTypeMock as any}
@@ -400,17 +521,24 @@ describe('Stock Operation step 1 (baseoperation details)', () => {
         promptBeforeClosing={jest.fn()}
       />,
     );
+
     expect(screen.queryByRole('combobox', { name: /reason/i })).not.toBeInTheDocument();
   });
+
   it('should render reason input field for disposal operation', async () => {
-    (useParties as jest.Mock).mockReturnValue({
+    mockUseParties.mockReturnValue({
       destinationParties: [],
       sourceParties: [],
       isLoading: false,
       error: undefined,
       sourceTags: [],
       destinationTags: [],
+      parties: [],
+      mutate: jest.fn(),
+      sourcePartiesFilter: () => true,
+      destinationPartiesFilter: () => true,
     });
+
     render(
       <StockOperationForm
         stockOperationType={disposalOperationTypeMock as any}
@@ -422,15 +550,21 @@ describe('Stock Operation step 1 (baseoperation details)', () => {
     );
     expect(screen.getByRole('combobox', { name: /reason/i })).toBeInTheDocument();
   });
+
   it('should render reason input field for stock take operation', async () => {
-    (useParties as jest.Mock).mockReturnValue({
+    mockUseParties.mockReturnValue({
       destinationParties: [],
       sourceParties: [],
       isLoading: false,
       error: undefined,
       sourceTags: [],
       destinationTags: [],
+      parties: [],
+      mutate: jest.fn(),
+      sourcePartiesFilter: () => true,
+      destinationPartiesFilter: () => true,
     });
+
     render(
       <StockOperationForm
         stockOperationType={stockTakeOperationTypeMock as any}
@@ -440,6 +574,7 @@ describe('Stock Operation step 1 (baseoperation details)', () => {
         promptBeforeClosing={jest.fn()}
       />,
     );
+
     expect(screen.getByRole('combobox', { name: /reason/i })).toBeInTheDocument();
   });
 });