@openmrs/esm-active-visits-app 5.0.1-pre.2032 → 5.0.1-pre.2035

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 114415 ms
+webpack 5.86.0 compiled with 1 warning in 106705 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.2032"}
+{"$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.2035"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openmrs/esm-active-visits-app",
-  "version": "5.0.1-pre.2032",
+  "version": "5.0.1-pre.2035",
   "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": "2642b40d66a2b4260f89ac08cf1ff244e2ca737a"
+  "gitHead": "bf2b92b643b93596ff08d7c31f87583d1632d5bc"
 }

package/src/active-visits-widget/active-visits.test.tsx

@@ -0,0 +1,136 @@
+import React from 'react';
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
+import ActiveVisitsTable from './active-visits.component';
+import { useConfig, usePagination } from '@openmrs/esm-framework';
+import { useActiveVisits } from './active-visits.resource';
+
+const mockedUsePagination = usePagination as jest.Mock;
+const mockActiveVisits = useActiveVisits as jest.Mock;
+
+const mockActiveVisitsData = [{ id: '1', name: 'John Doe', visitType: 'Checkup', patientUuid: 'uuid1' }];
+jest.mock('./active-visits.resource', () => ({
+  ...jest.requireActual('./active-visits.resource'),
+  useActiveVisits: jest.fn(() => ({
+    activeVisits: mockActiveVisitsData,
+    isLoading: false,
+    isValidating: false,
+    error: null,
+  })),
+}));
+
+jest.mock('@openmrs/esm-framework', () => ({
+  ...jest.requireActual('@openmrs/esm-framework'),
+  useConfig: jest.fn(() => ({ activeVisits: { pageSizes: [10, 20, 30, 40, 50], pageSize: 10 } })),
+  usePagination: jest.fn().mockImplementation((data) => ({
+    currentPage: 1,
+    goTo: () => {},
+    results: data,
+    paginated: false,
+  })),
+}));
+
+describe('ActiveVisitsTable', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('renders data table with active visits', () => {
+    render(<ActiveVisitsTable />);
+
+    expect(screen.getByText('Visit Time')).toBeInTheDocument();
+    expect(screen.getByText('ID Number')).toBeInTheDocument();
+    const expectedColumnHeaders = [/Visit Time/, /ID Number/, /Name/, /Gender/, /Age/, /Visit Type/];
+    expectedColumnHeaders.forEach((header) => {
+      expect(screen.getByRole('columnheader', { name: new RegExp(header, 'i') })).toBeInTheDocument();
+    });
+
+    const patientNameLink = screen.getByText('John Doe');
+    expect(patientNameLink).toBeInTheDocument();
+    expect(patientNameLink.tagName).toBe('A');
+  });
+
+  it.skip('filters active visits based on search input', () => {
+    mockActiveVisits.mockImplementationOnce(() => ({
+      activeVisits: [
+        { id: '1', name: 'John Doe', visitType: 'Checkup', patientUuid: 'uuid1' },
+        { id: '2', name: 'Some One', visitType: 'Checkup', patientUuid: 'uuid2' },
+      ],
+      isLoading: false,
+      isValidating: false,
+      error: null,
+    }));
+    render(<ActiveVisitsTable />);
+
+    const searchInput = screen.getByPlaceholderText('Filter table');
+    fireEvent.change(searchInput, { target: { value: 'John' } });
+
+    expect(screen.getByText('John Doe')).toBeInTheDocument();
+    expect(screen.queryByText('Some One')).toBeNull();
+  });
+
+  it('displays empty state when there are no active visits', () => {
+    mockActiveVisits.mockImplementationOnce(() => ({
+      activeVisits: [],
+      isLoading: false,
+      isValidating: false,
+      error: null,
+    }));
+
+    render(<ActiveVisitsTable />);
+
+    expect(screen.getByText('There are no active visits to display for this location.')).toBeInTheDocument();
+  });
+
+  it('should not display the table when the data is loading', () => {
+    mockActiveVisits.mockImplementationOnce(() => ({
+      activeVisits: undefined,
+      isLoading: true,
+      isValidating: false,
+      error: null,
+    }));
+
+    render(<ActiveVisitsTable />);
+
+    const expectedColumnHeaders = [/Visit Time/, /ID Number/, /Name/, /Gender/, /Age/, /Visit Type/];
+    expectedColumnHeaders.forEach((header) => {
+      expect(screen.queryByRole('columnheader', { name: new RegExp(header, 'i') })).not.toBeInTheDocument();
+    });
+  });
+
+  it('should display the Error when there is error', () => {
+    mockActiveVisits.mockImplementationOnce(() => ({
+      activeVisits: undefined,
+      isLoading: false,
+      isValidating: false,
+      error: 'Error in fetching data',
+    }));
+
+    render(<ActiveVisitsTable />);
+
+    const expectedColumnHeaders = [/Visit Time/, /ID Number/, /Name/, /Gender/, /Age/, /Visit Type/];
+    expectedColumnHeaders.forEach((header) => {
+      expect(screen.queryByRole('columnheader', { name: new RegExp(header, 'i') })).toBeInTheDocument();
+    });
+  });
+
+  it('should display the pagination when pagination is true', () => {
+    mockActiveVisits.mockImplementationOnce(() => ({
+      activeVisits: [
+        { id: '1', name: 'John Doe', visitType: 'Checkup' },
+        { id: '2', name: 'Some One', visitType: 'Checkup' },
+      ],
+      isLoading: false,
+      isValidating: false,
+      error: null,
+    }));
+    mockedUsePagination.mockImplementationOnce((data) => ({
+      currentPage: 1,
+      goTo: () => {},
+      results: data,
+      paginated: true,
+    }));
+    render(<ActiveVisitsTable />);
+
+    expect(screen.getByText(/Next Page/i)).toBeInTheDocument();
+  });
+});