@openmrs/esm-stock-management-app 1.0.1-pre.641 → 1.0.1-pre.653

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-operation-dialog","component":"stockOperationDialog"},{"name":"import-bulk-stock-items","component":"importBulkStockItemsDialog"},{"name":"delete-stock-modal","component":"deleteStockModal"},{"name":"delete-stock-user-scope-modal","component":"deleteUserScopeModal"},{"name":"stock-management-app-menu-item","component":"stockManagementAppMenuItem","slot":"app-menu-item-slot","meta":{"name":" Stock Management"}},{"name":"delete-stock-rule-modal","component":"deleteStockRuleModal"},{"name":"delete-packaging-unit-modal","component":"deletePackagingUnitModal"},{"name":"delete-packaging-unit-button","component":"deletePackagingUnitButton"}],"pages":[{"component":"root","route":"stock-management"}],"version":"1.0.1-pre.641"}
+{"$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-operation-dialog","component":"stockOperationDialog"},{"name":"import-bulk-stock-items","component":"importBulkStockItemsDialog"},{"name":"delete-stock-modal","component":"deleteStockModal"},{"name":"delete-stock-user-scope-modal","component":"deleteUserScopeModal"},{"name":"stock-management-app-menu-item","component":"stockManagementAppMenuItem","slot":"app-menu-item-slot","meta":{"name":" Stock Management"}},{"name":"delete-stock-rule-modal","component":"deleteStockRuleModal"},{"name":"delete-packaging-unit-modal","component":"deletePackagingUnitModal"},{"name":"delete-packaging-unit-button","component":"deletePackagingUnitButton"}],"pages":[{"component":"root","route":"stock-management"}],"version":"1.0.1-pre.653"}

package/package.json

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

package/src/stock-items/add-stock-item/add-stock-item.test.tsx

@@ -0,0 +1,216 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import AddEditStockItem from './add-stock-item.component';
+import { StockItemDTO } from '../../core/api/types/stockItem/StockItem';
+
+// Mock components
+jest.mock('react-i18next', () => ({
+  useTranslation: () => ({
+    t: (key) => key,
+  }),
+}));
+jest.mock('@carbon/react', () => {
+  const originalModule = jest.requireActual('@carbon/react');
+  return {
+    ...originalModule,
+    useMatchMedia: jest.fn().mockReturnValue(false),
+  };
+});
+
+jest.mock('@carbon/react/icons', () => ({
+  Save: () => <div>Save Icon</div>,
+}));
+
+jest.mock('./stock-item-details/stock-item-details.component', () => ({ model }) => (
+  <div data-testid="stock-item-details">Stock Item Details: {model.uuid}</div>
+));
+
+jest.mock('./packaging-units/packaging-units.component', () => ({ stockItemUuid }) => (
+  <div data-testid="packaging-units">Packaging Units: {stockItemUuid || 'N/A'}</div>
+));
+
+jest.mock('./transactions/transactions.component', () => ({ stockItemUuid }) => (
+  <div data-testid="transactions">Transactions: {stockItemUuid || 'N/A'}</div>
+));
+
+jest.mock('./batch-information/batch-information.component', () => ({ stockItemUuid }) => (
+  <div data-testid="batch-information">Batch Information: {stockItemUuid || 'N/A'}</div>
+));
+
+jest.mock('./quantities/quantities.component', () => ({ stockItemUuid }) => (
+  <div data-testid="quantities">Quantities: {stockItemUuid || 'N/A'}</div>
+));
+
+jest.mock('./stock-item-rules/stock-item-rules.component', () => ({ stockItemUuid }) => (
+  <div data-testid="stock-rules">Rules: {stockItemUuid || 'N/A'}</div>
+));
+
+jest.mock('./stock-item-references/stock-item-references.component', () => ({ stockItemUuid }) => (
+  <div data-testid="stock-references">References: {stockItemUuid || 'N/A'}</div>
+));
+
+// Mock window.matchMedia
+Object.defineProperty(window, 'matchMedia', {
+  writable: true,
+  value: jest.fn().mockImplementation((query) => ({
+    matches: false,
+    media: query,
+    onchange: null,
+    addListener: jest.fn(),
+    removeListener: jest.fn(),
+    addEventListener: jest.fn(),
+    removeEventListener: jest.fn(),
+    dispatchEvent: jest.fn(),
+  })),
+});
+
+describe('AddEditStockItem', () => {
+  const mockModel: StockItemDTO = {
+    uuid: 'test-uuid-123',
+    isDrug: true,
+    drugUuid: 'drug-uuid-456',
+    drugName: 'Test Drug',
+    conceptUuid: 'concept-uuid-789',
+    commonName: 'Test Common Name',
+    acronym: 'TCN',
+    conceptName: 'Test Concept Name',
+    hasExpiration: true,
+    packagingUnits: [
+      {
+        uuid: 'packaging-uuid-001',
+        stockItemUuid: 'test-uuid-123',
+        packagingUomName: 'Box',
+        packagingUomUuid: 'uom-uuid-001',
+        factor: 100,
+        isDefaultStockOperationsUoM: true,
+        isDispensingUnit: false,
+      },
+    ],
+    permission: {
+      canView: true,
+      canEdit: true,
+      canApprove: false,
+      canReceiveItems: true,
+      canDisplayReceivedItems: true,
+      isRequisitionAndCanIssueStock: false,
+      canUpdateBatchInformation: true,
+    },
+    categoryUuid: 'category-uuid-001',
+    categoryName: 'Test Category',
+    preferredVendorUuid: 'vendor-uuid-001',
+    preferredVendorName: 'Test Vendor',
+    purchasePrice: 10.99,
+    purchasePriceUoMUuid: 'uom-uuid-002',
+    purchasePriceUoMName: 'Each',
+    dispensingUnitName: 'Tablet',
+    dispensingUnitUuid: 'uom-uuid-003',
+    dispensingUnitPackagingUoMUuid: 'uom-uuid-003',
+    dispensingUnitPackagingUoMName: 'Tablet',
+    defaultStockOperationsUoMUuid: 'uom-uuid-001',
+    defaultStockOperationsUoMName: 'Box',
+    reorderLevel: 100,
+    reorderLevelUoMUuid: 'uom-uuid-001',
+    reorderLevelUoMName: 'Box',
+    dateCreated: new Date('2023-05-01T10:00:00Z'),
+    creatorGivenName: 'John',
+    creatorFamilyName: 'Doe',
+    voided: false,
+    expiryNotice: 30,
+  };
+
+  it('renders correctly with initial state and default selected tab', () => {
+    render(<AddEditStockItem model={mockModel} />);
+    expect(screen.getByTestId('stock-item-details')).toBeInTheDocument();
+    expect(screen.getByText('Stock Item Details: test-uuid-123')).toBeInTheDocument();
+  });
+
+  it('changes selected tab when clicking on different tabs', async () => {
+    const user = userEvent.setup();
+    render(<AddEditStockItem model={mockModel} isEditing={true} />);
+
+    await user.click(screen.getByText('packagingUnits'));
+    expect(screen.getByTestId('packaging-units')).toBeInTheDocument();
+    expect(screen.getByText('Packaging Units: test-uuid-123')).toBeInTheDocument();
+
+    await user.click(screen.getByText('transactions'));
+    expect(screen.getByTestId('transactions')).toBeInTheDocument();
+    expect(screen.getByText('Transactions: test-uuid-123')).toBeInTheDocument();
+  });
+
+  it('disables tabs when isEditing is false', () => {
+    render(<AddEditStockItem model={mockModel} isEditing={false} />);
+
+    const disabledTabs = [
+      'packagingUnits',
+      'transactions',
+      'batchInformation',
+      'quantities',
+      'stockRules',
+      'references',
+    ];
+    disabledTabs.forEach((tabName) => {
+      const tab = screen.getByRole('tab', { name: tabName });
+      expect(tab).toHaveAttribute('aria-disabled', 'true');
+    });
+  });
+
+  it('enables tabs when isEditing is true', () => {
+    render(<AddEditStockItem model={mockModel} isEditing={true} />);
+
+    const enabledTabs = [
+      'packagingUnits',
+      'transactions',
+      'batchInformation',
+      'quantities',
+      'stockRules',
+      'references',
+    ];
+    enabledTabs.forEach((tabName) => {
+      const tab = screen.getByRole('tab', { name: tabName });
+      expect(tab).not.toHaveAttribute('aria-disabled', 'true');
+    });
+  });
+
+  it('renders correct components based on model prop', async () => {
+    const user = userEvent.setup();
+    render(<AddEditStockItem model={mockModel} isEditing={true} />);
+
+    expect(screen.getByText('Stock Item Details: test-uuid-123')).toBeInTheDocument();
+
+    await user.click(screen.getByText('packagingUnits'));
+    expect(screen.getByText('Packaging Units: test-uuid-123')).toBeInTheDocument();
+
+    await user.click(screen.getByText('transactions'));
+    expect(screen.getByText('Transactions: test-uuid-123')).toBeInTheDocument();
+
+    await user.click(screen.getByText('batchInformation'));
+    expect(screen.getByText('Batch Information: test-uuid-123')).toBeInTheDocument();
+
+    await user.click(screen.getByText('quantities'));
+    expect(screen.getByText('Quantities: test-uuid-123')).toBeInTheDocument();
+
+    await user.click(screen.getByText('stockRules'));
+    expect(screen.getByText('Rules: test-uuid-123')).toBeInTheDocument();
+
+    await user.click(screen.getByText('references'));
+    expect(screen.getByText('References: test-uuid-123')).toBeInTheDocument();
+  });
+
+  it('translates tab names correctly', () => {
+    render(<AddEditStockItem model={mockModel} />);
+
+    const tabNames = [
+      'stockItemDetails',
+      'packagingUnits',
+      'transactions',
+      'batchInformation',
+      'quantities',
+      'stockRules',
+      'references',
+    ];
+    tabNames.forEach((tabName) => {
+      expect(screen.getByText(tabName)).toBeInTheDocument();
+    });
+  });
+});

package/src/stock-operations/add-stock-operation/stock-operation-submission.test.tsx

@@ -0,0 +1,138 @@
+import React from 'react';
+import { render, waitFor, screen } from '@testing-library/react';
+import StockOperationSubmission from './stock-operation-submission.component';
+import { StockOperationDTO } from '../../core/api/types/stockOperation/StockOperationDTO';
+import { StockOperationType } from '../../core/api/types/stockOperation/StockOperationType';
+import { InitializeResult } from './types';
+import userEvent from '@testing-library/user-event';
+
+const mockOnGoBack = jest.fn();
+const mockOnSave = jest.fn();
+const mockOnComplete = jest.fn();
+const mockOnSubmit = jest.fn();
+const mockOnDispatch = jest.fn();
+const defaultProps = {
+  canEdit: true,
+  locked: false,
+  model: { approvalRequired: null } as StockOperationDTO,
+  operation: {
+    name: 'Stock Issue',
+    description: 'Issuing stock',
+    operationType: 'stockissue',
+    hasSource: true,
+    sourceType: {},
+    hasDestination: true,
+    destinationType: {},
+    hasRecipient: false,
+    recipientRequired: false,
+    availableWhenReserved: false,
+    allowExpiredBatchNumbers: false,
+    stockOperationTypeLocationScopes: [],
+  } as StockOperationType,
+  setup: {
+    isNegativeQuantityAllowed: false,
+    requiresBatchUuid: false,
+    requiresActualBatchInfo: false,
+    isQuantityOptional: false,
+  } as InitializeResult,
+  actions: {
+    onGoBack: mockOnGoBack,
+    onSave: mockOnSave,
+    onComplete: mockOnComplete,
+    onSubmit: mockOnSubmit,
+    onDispatch: mockOnDispatch,
+  },
+};
+
+describe('StockOperationSubmission', () => {
+  let user;
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+    user = userEvent.setup();
+  });
+
+  it('renders without crashing', () => {
+    render(<StockOperationSubmission {...defaultProps} />);
+    expect(screen.getByText(/does the transaction require approval/i)).toBeInTheDocument();
+  });
+
+  it('allows approval required to be selected', async () => {
+    render(<StockOperationSubmission {...defaultProps} />);
+    await user.click(screen.getByLabelText(/yes/i));
+    const yesRadioButton = screen.getByLabelText(/yes/i) as HTMLInputElement;
+    expect(yesRadioButton.checked).toBe(true);
+  });
+
+  it('allows approval not required to be selected', async () => {
+    render(<StockOperationSubmission {...defaultProps} />);
+    await user.click(screen.getByLabelText(/no/i));
+    const noRadioButton = screen.getByLabelText(/no/i) as HTMLInputElement;
+    expect(noRadioButton.checked).toBe(true);
+  });
+
+  it('calls onGoBack when Go Back button is clicked', async () => {
+    render(<StockOperationSubmission {...defaultProps} />);
+    await user.click(screen.getByText(/go back/i));
+    expect(mockOnGoBack).toHaveBeenCalled();
+  });
+
+  it('shows loading indicator when saving', async () => {
+    render(<StockOperationSubmission {...defaultProps} />);
+    await user.click(screen.getByText(/save/i));
+    await waitFor(() => {
+      expect(mockOnSave).toHaveBeenCalled();
+    });
+  });
+
+  it('calls onSave when save button is clicked', async () => {
+    render(<StockOperationSubmission {...defaultProps} />);
+    await user.click(screen.getByText(/save/i));
+    await waitFor(() => {
+      expect(mockOnSave).toHaveBeenCalled();
+    });
+  });
+
+  it('disables the save button while saving', async () => {
+    const mockOnSave = jest.fn<Promise<void>, [StockOperationDTO]>(
+      (model) => new Promise((resolve) => setTimeout(resolve, 500)),
+    );
+
+    const testProps = {
+      ...defaultProps,
+      actions: {
+        ...defaultProps.actions,
+        onSave: mockOnSave,
+      },
+    };
+
+    render(<StockOperationSubmission {...testProps} />);
+    const saveButton = screen.getByRole('button', { name: 'Save' });
+    await user.click(saveButton);
+
+    expect(saveButton).toBeDisabled();
+
+    await waitFor(() => {
+      expect(saveButton).not.toBeDisabled();
+    });
+  });
+
+  it('calls onComplete when Complete button is clicked', async () => {
+    render(<StockOperationSubmission {...defaultProps} />);
+    await user.click(screen.getByText(/complete/i));
+    await waitFor(() => {
+      expect(mockOnComplete).toHaveBeenCalled();
+    });
+  });
+
+  it('does not render buttons when locked', () => {
+    const lockedProps = {
+      ...defaultProps,
+      locked: true,
+    };
+
+    render(<StockOperationSubmission {...lockedProps} />);
+    expect(screen.queryByRole('button', { name: /save/i })).not.toBeInTheDocument();
+    expect(screen.queryByRole('button', { name: /complete/i })).not.toBeInTheDocument();
+  });
+});