@openmrs/esm-billing-app 1.1.2-pre.9 → 1.2.0

package/src/bill-item-actions/edit-bill-item.test.tsx

@@ -1,15 +1,16 @@
 import React from 'react';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 import userEvent from '@testing-library/user-event';
 import { render, screen, waitFor } from '@testing-library/react';
 import { type FetchResponse, getDefaultsFromConfigSchema, showSnackbar, useConfig } from '@openmrs/esm-framework';
 import { configSchema, type BillingConfig } from '../config-schema';
-import { type MappedBill } from '../types';
+import { type LineItem, type MappedBill } from '../types';
 import { updateBillItems } from '../billing.resource';
 import EditBillLineItemModal from './edit-bill-item.modal';
 
-const mockUpdateBillItems = jest.mocked(updateBillItems);
-const mockShowSnackbar = jest.mocked(showSnackbar);
-const mockUseConfig = jest.mocked(useConfig<BillingConfig>);
+const mockUpdateBillItems = vi.mocked(updateBillItems);
+const mockShowSnackbar = vi.mocked(showSnackbar);
+const mockUseConfig = vi.mocked(useConfig<BillingConfig>);
 
 const mockBillableServices = [
   { name: 'X-Ray Service', uuid: 'xray-uuid-123' },
@@ -17,12 +18,12 @@ const mockBillableServices = [
   { name: 'Consultation Service', uuid: 'consult-uuid-789' },
 ];
 
-jest.mock('../billing.resource', () => ({
-  updateBillItems: jest.fn().mockResolvedValue({}),
+vi.mock('../billing.resource', () => ({
+  updateBillItems: vi.fn().mockResolvedValue({}),
 }));
 
-jest.mock('../billable-services/billable-service.resource', () => ({
-  useBillableServices: jest.fn(() => ({
+vi.mock('../billable-services/billable-service.resource', () => ({
+  useBillableServices: vi.fn(() => ({
     billableServices: mockBillableServices,
   })),
 }));
@@ -53,24 +54,25 @@ const mockBill: MappedBill = {
       lineItemOrder: 1,
       resourceVersion: '1.0',
       item: 'Test Item',
-      paymentStatus: 'PENDING',
+      status: 'PENDING',
     },
   ],
   dateCreated: new Date().toISOString(),
   billingService: 'billing-service-uuid',
   payments: [],
+  netAmount: 200,
   patientName: 'John Doe',
   cashPointName: 'Main Cashpoint',
   receiptNumber: '123456',
   identifier: 'receipt-identifier',
 };
 
-const mockItem = {
+const mockItem: LineItem = {
   uuid: 'item-uuid',
   quantity: 2,
   price: 100,
   billableService: 'X-Ray Service',
-  paymentStatus: 'UNPAID',
+  status: 'PENDING',
   item: 'Test Service',
   display: 'Test Service',
   voided: false,
@@ -89,10 +91,10 @@ describe('EditBillItem', () => {
     });
   });
 
-  const mockCloseModal = jest.fn();
-  const mockOnMutate = jest.fn();
+  const mockCloseModal = vi.fn();
+  const mockOnMutate = vi.fn();
 
-  test('renders the form with correct fields and default values', () => {
+  it('renders the form with correct fields and default values', () => {
     render(
       <EditBillLineItemModal bill={mockBill} item={mockItem} closeModal={mockCloseModal} onMutate={mockOnMutate} />,
     );
@@ -106,7 +108,7 @@ describe('EditBillItem', () => {
     expect(screen.getByText(/total/i)).toHaveTextContent(/200/);
   });
 
-  test('updates total when quantity is changed', async () => {
+  it('updates total when quantity is changed', async () => {
     const user = userEvent.setup();
     render(
       <EditBillLineItemModal bill={mockBill} item={mockItem} closeModal={mockCloseModal} onMutate={mockOnMutate} />,
@@ -119,7 +121,7 @@ describe('EditBillItem', () => {
     expect(screen.getByText(/total/i)).toHaveTextContent(/300/);
   });
 
-  test('submits the form and shows a success notification', async () => {
+  it('submits the form and shows a success notification', async () => {
     const user = userEvent.setup();
     mockUpdateBillItems.mockResolvedValueOnce({} as FetchResponse<any>);
 
@@ -141,7 +143,7 @@ describe('EditBillItem', () => {
     });
   });
 
-  test('shows error notification when submission fails', async () => {
+  it('shows error notification when submission fails', async () => {
     const user = userEvent.setup();
     mockUpdateBillItems.mockRejectedValueOnce({ message: 'Error occurred' });
 
@@ -160,7 +162,7 @@ describe('EditBillItem', () => {
     });
   });
 
-  test('preserves billable service UUIDs for other line items when editing', async () => {
+  it('preserves billable service UUIDs for other line items when editing', async () => {
     const user = userEvent.setup();
     mockUpdateBillItems.mockResolvedValueOnce({} as FetchResponse<any>);
 
@@ -173,7 +175,7 @@ describe('EditBillItem', () => {
           quantity: 1,
           price: 100,
           billableService: 'X-Ray Service',
-          paymentStatus: 'PENDING',
+          status: 'PENDING',
           item: 'X-Ray',
           display: 'X-Ray',
           voided: false,
@@ -188,7 +190,7 @@ describe('EditBillItem', () => {
           quantity: 2,
           price: 50,
           billableService: 'Lab Test Service',
-          paymentStatus: 'PENDING',
+          status: 'PENDING',
           item: 'Lab Test',
           display: 'Lab Test',
           voided: false,
@@ -203,7 +205,7 @@ describe('EditBillItem', () => {
           quantity: 1,
           price: 200,
           billableService: 'Consultation Service',
-          paymentStatus: 'PENDING',
+          status: 'PENDING',
           item: 'Consultation',
           display: 'Consultation',
           voided: false,
@@ -249,7 +251,7 @@ describe('EditBillItem', () => {
     });
   });
 
-  test('shows validation error for quantity less than 1', async () => {
+  it('shows validation error for quantity less than 1', async () => {
     const user = userEvent.setup();
     render(
       <EditBillLineItemModal bill={mockBill} item={mockItem} closeModal={mockCloseModal} onMutate={mockOnMutate} />,
@@ -271,7 +273,7 @@ describe('EditBillItem', () => {
     expect(mockUpdateBillItems).not.toHaveBeenCalled();
   });
 
-  test('shows validation error for quantity greater than 100', async () => {
+  it('shows validation error for quantity greater than 100', async () => {
     const user = userEvent.setup();
     render(
       <EditBillLineItemModal bill={mockBill} item={mockItem} closeModal={mockCloseModal} onMutate={mockOnMutate} />,
@@ -289,7 +291,7 @@ describe('EditBillItem', () => {
     expect(mockUpdateBillItems).not.toHaveBeenCalled();
   });
 
-  test('shows validation error for non-integer quantity', async () => {
+  it('shows validation error for non-integer quantity', async () => {
     const user = userEvent.setup();
     render(
       <EditBillLineItemModal bill={mockBill} item={mockItem} closeModal={mockCloseModal} onMutate={mockOnMutate} />,
@@ -307,7 +309,7 @@ describe('EditBillItem', () => {
     expect(mockUpdateBillItems).not.toHaveBeenCalled();
   });
 
-  test('clears validation error when valid quantity is entered', async () => {
+  it('clears validation error when valid quantity is entered', async () => {
     const user = userEvent.setup();
     render(
       <EditBillLineItemModal bill={mockBill} item={mockItem} closeModal={mockCloseModal} onMutate={mockOnMutate} />,
@@ -334,7 +336,7 @@ describe('EditBillItem', () => {
     });
   });
 
-  test('allows updating the quantity of a zero-price (free) service while keeping price at zero', async () => {
+  it('allows updating the quantity of a zero-price (free) service while keeping price at zero', async () => {
     const user = userEvent.setup();
     mockUpdateBillItems.mockResolvedValueOnce({} as FetchResponse<any>);
 
@@ -374,7 +376,7 @@ describe('EditBillItem', () => {
     });
   });
 
-  test('shows validation error when quantity field is left empty', async () => {
+  it('shows validation error when quantity field is left empty', async () => {
     const user = userEvent.setup();
     render(
       <EditBillLineItemModal bill={mockBill} item={mockItem} closeModal={mockCloseModal} onMutate={mockOnMutate} />,