-
Notifications
You must be signed in to change notification settings - Fork 221
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
278 changed files
with
5,100 additions
and
1,118 deletions.
There are no files selected for viewing
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
136 changes: 136 additions & 0 deletions
136
packages/esm-active-visits-app/src/active-visits-widget/active-visits.test.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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(); | ||
| }); | ||
| }); |
Oops, something went wrong.