@openmrs/esm-active-visits-app 5.0.1-pre.1922 → 5.0.1-pre.1931

package/.turbo/turbo-build.log

@@ -32,4 +32,4 @@ This can impact web performance.
 Assets: 
   130.js (513 KiB)
 
-webpack 5.86.0 compiled with 1 warning in 172336 ms
+webpack 5.86.0 compiled with 1 warning in 123532 ms

package/dist/routes.json

@@ -1 +1 @@
-{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"webservices.rest":"^2.2.0"},"extensions":[{"name":"active-visits-widget","slot":"homepage-widgets-slot","component":"activeVisits","order":0},{"name":"visit-summary-widget","slot":"visit-summary-slot","component":"visitDetail"}],"pages":[],"version":"5.0.1-pre.1922"}
+{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"webservices.rest":"^2.2.0"},"extensions":[{"name":"active-visits-widget","slot":"homepage-widgets-slot","component":"activeVisits","order":0},{"name":"visit-summary-widget","slot":"visit-summary-slot","component":"visitDetail"}],"pages":[],"version":"5.0.1-pre.1931"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openmrs/esm-active-visits-app",
-  "version": "5.0.1-pre.1922",
+  "version": "5.0.1-pre.1931",
   "description": "Active visits widget microfrontend for the OpenMRS SPA",
   "browser": "dist/openmrs-esm-active-visits-app.js",
   "main": "src/index.ts",
@@ -50,5 +50,5 @@
   "devDependencies": {
     "webpack": "^5.74.0"
   },
-  "gitHead": "ce694a396eabeb6dedd81d5a8cbce41ff3d872f9"
+  "gitHead": "e4bd0398bd79435a2ebafd77a50bbea17a613245"
 }

package/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';
+import { useVisit } from './visit.resource';
+
+jest.mock('./visit.resource');
+
+const mockedUseVisit = useVisit as jest.Mock;
+
+describe('VisitDetailComponent', () => {
+  const visitUuid = '497b8b17-54ec-4726-87ec-3c4da8cdcaeb';
+  const patientUuid = '691eed12-c0f1-11e2-94be-8c13b969e334';
+
+  it('renders loading indicator when data is loading', () => {
+    mockedUseVisit.mockReturnValueOnce({
+      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', () => {
+    mockedUseVisit.mockReturnValueOnce({
+      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();
+
+    expect(screen.getByText('All Encounters')).toBeInTheDocument();
+    expect(screen.getByText('Visit Summary')).toBeInTheDocument();
+  });
+
+  it('should render EncounterLists when "All Encounters" switch is selected', () => {
+    mockedUseVisit.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', () => {
+    mockedUseVisit.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', () => {
+    mockedUseVisit.mockReturnValue({
+      visit: null,
+      isLoading: false,
+    });
+
+    render(<VisitDetailComponent visitUuid={visitUuid} patientUuid={patientUuid} />);
+
+    expect(screen.queryByRole('button', { name: 'All Encounters' })).toBeNull();
+  });
+});