@openmrs/esm-stock-management-app 1.0.1-pre.684 → 1.0.1-pre.686

package/dist/openmrs-esm-stock-management-app.js.buildmanifest.json

@@ -134,10 +134,10 @@
       "initial": true,
       "entry": true,
       "recorded": false,
-      "size": 5407714,
+      "size": 5407793,
       "sizes": {
         "consume-shared": 252,
-        "javascript": 5385765,
+        "javascript": 5385844,
         "share-init": 252,
         "runtime": 21445
       },
@@ -154,7 +154,7 @@
       "auxiliaryFiles": [
         "main.js.map"
       ],
-      "hash": "7584bde8978b83b7",
+      "hash": "b6ba4ea06ac17137",
       "childrenByOrder": {}
     },
     {
@@ -607,9 +607,9 @@
       "initial": false,
       "entry": false,
       "recorded": false,
-      "size": 1748842,
+      "size": 1748921,
       "sizes": {
-        "javascript": 1748632,
+        "javascript": 1748711,
         "consume-shared": 210
       },
       "names": [],
@@ -623,7 +623,7 @@
       "auxiliaryFiles": [
         "973.js.map"
       ],
-      "hash": "b0ca032dbaa177cd",
+      "hash": "f060b14379d6e58f",
       "childrenByOrder": {}
     }
   ]

package/dist/routes.json

@@ -1 +1 @@
-{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"fhir2":">=1.2","webservices.rest":"^2.24.0"},"extensions":[{"name":"stock-nav-menu","slot":"stock-sidebar-slot","component":"stockNavMenu","online":true,"offline":true},{"name":"overview-db-link","slot":"stock-page-dashboard-slot","component":"stockOverviewLink","meta":{"name":"overview","slot":"overview-dashboard-slot","title":"overview"},"order":0,"online":true,"offline":true},{"name":"stock-overview-db","slot":"overview-dashboard-slot","component":"stockOverview"},{"name":"operations-db-link","slot":"stock-page-dashboard-slot","component":"stockOperationsLink","meta":{"name":"operations","slot":"operations-dashboard-slot","title":"operations"},"order":2,"online":true,"offline":true},{"name":"stock-operations-db","slot":"operations-dashboard-slot","component":"stockOperations"},{"name":"items-db-link","slot":"stock-page-dashboard-slot","component":"stockItemsLink","meta":{"name":"items","slot":"items-dashboard-slot","title":"items"},"order":1,"online":true,"offline":true},{"name":"stock-items-db","slot":"items-dashboard-slot","component":"stockItems"},{"name":"user-scopes-db-link","slot":"stock-page-dashboard-slot","component":"stockUserScopesLink","meta":{"name":"user-scopes","slot":"user-scopes-dashboard-slot","title":"user-scopes"},"order":3,"online":true,"offline":true},{"name":"stock-user-scopes-db","slot":"user-scopes-dashboard-slot","component":"stockUserScopes"},{"name":"sources-db-link","slot":"stock-page-dashboard-slot","component":"stockSourcesLink","meta":{"name":"sources","slot":"sources-dashboard-slot","title":"Sources"},"order":2,"online":true,"offline":true},{"name":"stock-sources-db","slot":"sources-dashboard-slot","component":"stockSources"},{"name":"locations-db-link","slot":"stock-page-dashboard-slot","component":"stockLocationsLink","meta":{"name":"locations","slot":"locations-dashboard-slot","title":"Locations"},"order":4,"online":true,"offline":true},{"name":"stock-locations-db","slot":"locations-dashboard-slot","component":"stockLocations"},{"name":"reports-db-link","slot":"stock-page-dashboard-slot","component":"stockReportsLink","meta":{"name":"reports","slot":"reports-dashboard-slot","title":"Reports"},"order":5,"online":true,"offline":true},{"name":"stock-reports-db","slot":"reports-dashboard-slot","component":"stockReports"},{"name":"settings-db-link","slot":"stock-page-dashboard-slot","component":"stockSettingsLink","meta":{"name":"settings","slot":"settings-dashboard-slot","title":"Settings"},"order":6,"online":true,"offline":true},{"name":"stock-settings-db","slot":"settings-dashboard-slot","component":"stockSettings"},{"name":"stock-management-admin-card-link","slot":"system-admin-page-card-link-slot","component":"stockManagementAdminCardLink"},{"name":"stock-management-app-menu-item","component":"stockManagementAppMenuItem","slot":"app-menu-item-slot","meta":{"name":" Stock Management"}},{"name":"delete-packaging-unit-button","component":"deletePackagingUnitButton"}],"modals":[{"name":"delete-stock-modal","component":"deleteStockModal"},{"name":"delete-stock-user-scope-modal","component":"deleteUserScopeModal"},{"name":"delete-stock-rule-modal","component":"deleteStockRuleModal"},{"name":"delete-packaging-unit-modal","component":"deletePackagingUnitModal"},{"name":"import-bulk-stock-items","component":"importBulkStockItemsModal"},{"name":"stock-operation-dialog","component":"stockOperationModal"}],"pages":[{"component":"root","route":"stock-management"}],"version":"1.0.1-pre.684"}
+{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"fhir2":">=1.2","webservices.rest":"^2.24.0"},"extensions":[{"name":"stock-nav-menu","slot":"stock-sidebar-slot","component":"stockNavMenu","online":true,"offline":true},{"name":"overview-db-link","slot":"stock-page-dashboard-slot","component":"stockOverviewLink","meta":{"name":"overview","slot":"overview-dashboard-slot","title":"overview"},"order":0,"online":true,"offline":true},{"name":"stock-overview-db","slot":"overview-dashboard-slot","component":"stockOverview"},{"name":"operations-db-link","slot":"stock-page-dashboard-slot","component":"stockOperationsLink","meta":{"name":"operations","slot":"operations-dashboard-slot","title":"operations"},"order":2,"online":true,"offline":true},{"name":"stock-operations-db","slot":"operations-dashboard-slot","component":"stockOperations"},{"name":"items-db-link","slot":"stock-page-dashboard-slot","component":"stockItemsLink","meta":{"name":"items","slot":"items-dashboard-slot","title":"items"},"order":1,"online":true,"offline":true},{"name":"stock-items-db","slot":"items-dashboard-slot","component":"stockItems"},{"name":"user-scopes-db-link","slot":"stock-page-dashboard-slot","component":"stockUserScopesLink","meta":{"name":"user-scopes","slot":"user-scopes-dashboard-slot","title":"user-scopes"},"order":3,"online":true,"offline":true},{"name":"stock-user-scopes-db","slot":"user-scopes-dashboard-slot","component":"stockUserScopes"},{"name":"sources-db-link","slot":"stock-page-dashboard-slot","component":"stockSourcesLink","meta":{"name":"sources","slot":"sources-dashboard-slot","title":"Sources"},"order":2,"online":true,"offline":true},{"name":"stock-sources-db","slot":"sources-dashboard-slot","component":"stockSources"},{"name":"locations-db-link","slot":"stock-page-dashboard-slot","component":"stockLocationsLink","meta":{"name":"locations","slot":"locations-dashboard-slot","title":"Locations"},"order":4,"online":true,"offline":true},{"name":"stock-locations-db","slot":"locations-dashboard-slot","component":"stockLocations"},{"name":"reports-db-link","slot":"stock-page-dashboard-slot","component":"stockReportsLink","meta":{"name":"reports","slot":"reports-dashboard-slot","title":"Reports"},"order":5,"online":true,"offline":true},{"name":"stock-reports-db","slot":"reports-dashboard-slot","component":"stockReports"},{"name":"settings-db-link","slot":"stock-page-dashboard-slot","component":"stockSettingsLink","meta":{"name":"settings","slot":"settings-dashboard-slot","title":"Settings"},"order":6,"online":true,"offline":true},{"name":"stock-settings-db","slot":"settings-dashboard-slot","component":"stockSettings"},{"name":"stock-management-admin-card-link","slot":"system-admin-page-card-link-slot","component":"stockManagementAdminCardLink"},{"name":"stock-management-app-menu-item","component":"stockManagementAppMenuItem","slot":"app-menu-item-slot","meta":{"name":" Stock Management"}},{"name":"delete-packaging-unit-button","component":"deletePackagingUnitButton"}],"modals":[{"name":"delete-stock-modal","component":"deleteStockModal"},{"name":"delete-stock-user-scope-modal","component":"deleteUserScopeModal"},{"name":"delete-stock-rule-modal","component":"deleteStockRuleModal"},{"name":"delete-packaging-unit-modal","component":"deletePackagingUnitModal"},{"name":"import-bulk-stock-items","component":"importBulkStockItemsModal"},{"name":"stock-operation-dialog","component":"stockOperationModal"}],"pages":[{"component":"root","route":"stock-management"}],"version":"1.0.1-pre.686"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openmrs/esm-stock-management-app",
-  "version": "1.0.1-pre.684",
+  "version": "1.0.1-pre.686",
   "license": "MPL-2.0",
   "description": "Stock management microfrontend for OpenMRS 3.x",
   "browser": "dist/openmrs-esm-stock-management-app.js",

package/src/stock-operations/batch-no-selector/batch-no-selector.component.tsx

@@ -65,7 +65,7 @@ const BatchNoSelector = <T,>(props: BatchNoSelectorProps<T>) => {
     }
   }, [isLoading, stockItemBatchNos, props.selectedItem, filteredBatches]);
 
-  if (isLoading) return <InlineLoading status="active" />;
+  if (isLoading) return <InlineLoading status="active" data-testid="loading" />;
 
   return (
     <div style={{ display: 'flex', flexDirection: 'column' }}>
@@ -88,9 +88,7 @@ const BatchNoSelector = <T,>(props: BatchNoSelectorProps<T>) => {
               onChange(data.selectedItem?.uuid);
             }}
             initialSelectedItem={initialSelectedItem}
-            itemToString={(s: StockBatchDTO) =>
-              s?.batchNo ? `${s?.batchNo} | Qty: ${s?.quantity ?? "Unknown"}` : ""
-            }
+            itemToString={(s: StockBatchDTO) => (s?.batchNo ? `${s?.batchNo} | Qty: ${s?.quantity ?? 'Unknown'}` : '')}
             placeholder={props.placeholder}
             invalid={props.invalid}
             invalidText={props.invalidText}
@@ -99,7 +97,11 @@ const BatchNoSelector = <T,>(props: BatchNoSelectorProps<T>) => {
         )}
       />
       {isLoading && <InlineLoading status="active" />}
-      {validationMessage && <div style={{ color: 'red', marginTop: '8px' }}>{t(validationMessage)}</div>}
+      {validationMessage && (
+        <div data-testid="validation-message" style={{ color: 'red', marginTop: '8px' }}>
+          {t(validationMessage)}
+        </div>
+      )}
     </div>
   );
 };

package/src/stock-operations/batch-no-selector/batch-no-selector.test.tsx

@@ -1,10 +1,101 @@
 import React from 'react';
-
-import { render } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import { useForm, FormProvider } from 'react-hook-form';
+import { useStockItemBatchNos } from './batch-no-selector.resource';
+import { useStockItemBatchInformationHook } from '../../stock-items/add-stock-item/batch-information/batch-information.resource';
 import BatchNoSelector from './batch-no-selector.component';
+import { StockBatchDTO } from '../../core/api/types/stockItem/StockBatchDTO';
+import userEvent from '@testing-library/user-event';
+import { waitFor } from '@testing-library/react';
+
+// Mock hooks
+jest.mock('./batch-no-selector.resource');
+jest.mock('../../stock-items/add-stock-item/batch-information/batch-information.resource');
+jest.mock('react-i18next', () => ({
+  useTranslation: () => ({ t: (key: string) => key }),
+}));
+
+const mockUseStockItemBatchNos = useStockItemBatchNos as jest.Mock;
+const mockUseStockItemBatchInformationHook = useStockItemBatchInformationHook as jest.Mock;
+
+describe('BatchNoSelector Component', () => {
+  const stockItemUuid = 'test-uuid';
+  const batchUuid = 'batch-uuid';
+  const mockStockItemBatchNos: StockBatchDTO[] = [
+    { uuid: '1', batchNo: 'batch1', quantity: '10', expiration: new Date(), stockItemUuid: '', voided: false },
+    { uuid: '2', batchNo: 'batch2', quantity: '20', expiration: new Date(), stockItemUuid: '', voided: false },
+  ];
+  const mockBatchInformation = [
+    { batchNumber: 'batch1', quantity: '10' },
+    { batchNumber: 'batch2', quantity: '20' },
+  ];
+
+  beforeEach(() => {
+    mockUseStockItemBatchNos.mockReturnValue({
+      isLoading: false,
+      stockItemBatchNos: mockStockItemBatchNos,
+    });
+    mockUseStockItemBatchInformationHook.mockReturnValue({
+      items: mockBatchInformation,
+      setStockItemUuid: jest.fn(),
+    });
+  });
+
+  const renderComponent = () => {
+    const Wrapper = () => {
+      const methods = useForm();
+      return (
+        <FormProvider {...methods}>
+          <BatchNoSelector
+            stockItemUuid={stockItemUuid}
+            batchUuid={batchUuid}
+            controllerName="batchNo"
+            name="batchNo"
+            control={methods.control}
+          />
+        </FormProvider>
+      );
+    };
+    render(<Wrapper />);
+  };
+
+  test('should render without crashing', () => {
+    renderComponent();
+    expect(screen.getByRole('combobox')).toBeInTheDocument();
+  });
+
+  test('should display loading state when isLoading is true', () => {
+    mockUseStockItemBatchNos.mockReturnValueOnce({
+      isLoading: true,
+      stockItemBatchNos: [],
+    });
+    renderComponent();
+    expect(screen.getByTestId('loading')).toBeInTheDocument();
+  });
+
+  test('should call onBatchNoChanged when a batch is selected', async () => {
+    const onBatchNoChanged = jest.fn();
+    const Wrapper = () => {
+      const methods = useForm();
+      return (
+        <FormProvider {...methods}>
+          <BatchNoSelector
+            stockItemUuid={stockItemUuid}
+            batchUuid={batchUuid}
+            controllerName="batchNo"
+            name="batchNo"
+            control={methods.control}
+            onBatchNoChanged={onBatchNoChanged}
+          />
+        </FormProvider>
+      );
+    };
+    render(<Wrapper />);
+
+    const combobox = screen.getByRole('combobox');
+    await userEvent.click(combobox);
+    await userEvent.click(screen.getByText((content) => content.includes('batch1')));
 
-describe('Test the batch no selector', () => {
-  it(`renders without dying`, () => {
-    // render(<BatchNoSelector />);
+    expect(onBatchNoChanged).toHaveBeenCalledWith(mockStockItemBatchNos[0]);
   });
 });