add test for visit-detail

packages/esm-active-visits-app/src/visits-summary/visit-detail.test.tsx

@@ -0,0 +1,120 @@
+import React from 'react';
+import { render, screen, act } from '@testing-library/react';
+import VisitDetailComponent from './visit-detail.component';
+
+jest.mock('./visit.resource', () => ({
+  useVisit: jest.fn(),
+}));
+
+describe('VisitDetailComponent', () => {
+  const visitUuid = 'some-visit-uuid';
+  const patientUuid = 'some-patient-uuid';
+
+  it('renders loading indicator when data is loading', () => {
+    require('./visit.resource').useVisit.mockReturnValue({
+      visit: null,
+      isLoading: true,
+    });
+
+    render(<VisitDetailComponent visitUuid={visitUuid} patientUuid={patientUuid} />);
+
+    expect(screen.getByRole('progressbar')).toBeInTheDocument();
+  });
+
+  it('should render visit details and switches when data is available', () => {
+    require('./visit.resource').useVisit.mockReturnValue({
+      visit: {
+        uuid: visitUuid,
+        visitType: { display: 'Some Visit Type' },
+        startDatetime: '2023-07-29T12:34:56Z',
+        encounters: [],
+      },
+      isLoading: false,
+    });
+
+    render(<VisitDetailComponent visitUuid={visitUuid} patientUuid={patientUuid} />);
+
+    expect(screen.getByText(/Some Visit Type/)).toBeInTheDocument();
+    expect(screen.getByText(/29-Jul-2023, 12:34 PM/)).toBeInTheDocument();
+    screen.debug();
+
+    expect(screen.getByText('All Encounters')).toBeInTheDocument();
+    expect(screen.getByText('Visit Summary')).toBeInTheDocument();
+  });
+
+  it('should render EncounterLists when "All Encounters" switch is selected', () => {
+    require('./visit.resource').useVisit.mockReturnValue({
+      visit: {
+        uuid: visitUuid,
+        visitType: { display: 'Some Visit Type' },
+        startDatetime: '2023-07-30T12:34:56Z',
+        encounters: [
+          {
+            uuid: 'encounter-1',
+            encounterDateTime: '2023-07-30T12:34:56Z',
+            encounterType: { display: 'Encounter Type' },
+            encounterProviders: [],
+            obs: [],
+          },
+        ],
+      },
+      isLoading: false,
+    });
+
+    render(<VisitDetailComponent visitUuid={visitUuid} patientUuid={patientUuid} />);
+
+    act(() => {
+      screen.getByText('All Encounters').click();
+    });
+
+    expect(screen.getByTestId('encountersTable')).toBeInTheDocument();
+  });
+
+  it('should render VisitSummaries when "Visit Summary" switch is selected', () => {
+    require('./visit.resource').useVisit.mockReturnValue({
+      visit: {
+        uuid: visitUuid,
+        visitType: { display: 'Some Visit Type' },
+        startDatetime: '2023-07-30T12:34:56Z',
+        encounters: [
+          {
+            uuid: 'encounter-1',
+            encounterDateTime: '2023-07-30T12:34:56Z',
+            encounterType: { display: 'Encounter Type 1' },
+            encounterProviders: [],
+            obs: [],
+            orders: [],
+          },
+          {
+            uuid: 'encounter-2',
+            encounterDateTime: '2023-07-30T13:45:00Z',
+            encounterType: { display: 'Encounter Type 2' },
+            encounterProviders: [],
+            obs: [],
+            orders: [],
+          },
+        ],
+      },
+      isLoading: false,
+    });
+
+    render(<VisitDetailComponent visitUuid={visitUuid} patientUuid={patientUuid} />);
+
+    act(() => {
+      screen.getByText('Visit Summary').click();
+    });
+
+    expect(screen.getByRole('tablist', { name: 'Visit summary tabs' })).toBeInTheDocument();
+  });
+
+  it('should render loading indicator when data is loading', () => {
+    require('./visit.resource').useVisit.mockReturnValue({
+      visit: null,
+      isLoading: false,
+    });
+
+    render(<VisitDetailComponent visitUuid={visitUuid} patientUuid={patientUuid} />);
+
+    expect(screen.queryByRole('button', { name: 'All Encounters' })).toBeNull();
+  });
+});