feat(medications): implement basic medication module

src/HospitalRun.tsx

@@ -6,6 +6,7 @@ import { Redirect, Route, Switch } from 'react-router-dom'
 import Dashboard from './dashboard/Dashboard'
 import Incidents from './incidents/Incidents'
 import Labs from './labs/Labs'
+import Medications from './medications/Medications'
 import Breadcrumbs from './page-header/breadcrumbs/Breadcrumbs'
 import { ButtonBarProvider } from './page-header/button-toolbar/ButtonBarProvider'
 import ButtonToolBar from './page-header/button-toolbar/ButtonToolBar'
@@ -51,6 +52,7 @@ const HospitalRun = () => {
                   <Route path="/appointments" component={Appointments} />
                   <Route path="/patients" component={Patients} />
                   <Route path="/labs" component={Labs} />
+                  <Route path="/medications" component={Medications} />
                   <Route path="/incidents" component={Incidents} />
                   <Route path="/settings" component={Settings} />
                 </Switch>

src/__tests__/HospitalRun.test.tsx

@@ -11,10 +11,12 @@ import Dashboard from '../dashboard/Dashboard'
 import HospitalRun from '../HospitalRun'
 import Incidents from '../incidents/Incidents'
 import ViewLabs from '../labs/ViewLabs'
+import ViewMedications from '../medications/ViewMedications'
 import { addBreadcrumbs } from '../page-header/breadcrumbs/breadcrumbs-slice'
 import Appointments from '../scheduling/appointments/Appointments'
 import Settings from '../settings/Settings'
 import LabRepository from '../shared/db/LabRepository'
+import MedicationRepository from '../shared/db/MedicationRepository'
 import Permissions from '../shared/model/Permissions'
 import { RootState } from '../shared/store'
 
@@ -123,6 +125,54 @@ describe('HospitalRun', () => {
       })
     })
 
+    describe('/medications', () => {
+      it('should render the Medications component when /medications is accessed', async () => {
+        jest.spyOn(MedicationRepository, 'findAll').mockResolvedValue([])
+        const store = mockStore({
+          title: 'test',
+          user: { user: { id: '123' }, permissions: [Permissions.ViewMedications] },
+          medications: { medications: [] },
+          breadcrumbs: { breadcrumbs: [] },
+          components: { sidebarCollapsed: false },
+        } as any)
+
+        let wrapper: any
+        await act(async () => {
+          wrapper = await mount(
+            <Provider store={store}>
+              <MemoryRouter initialEntries={['/medications']}>
+                <HospitalRun />
+              </MemoryRouter>
+            </Provider>,
+          )
+        })
+        wrapper.update()
+
+        expect(wrapper.find(ViewMedications)).toHaveLength(1)
+      })
+
+      it('should render the dashboard if the user does not have permissions to view medications', () => {
+        jest.spyOn(MedicationRepository, 'findAll').mockResolvedValue([])
+        const store = mockStore({
+          title: 'test',
+          user: { user: { id: '123' }, permissions: [] },
+          breadcrumbs: { breadcrumbs: [] },
+          components: { sidebarCollapsed: false },
+        } as any)
+
+        const wrapper = mount(
+          <Provider store={store}>
+            <MemoryRouter initialEntries={['/medications']}>
+              <HospitalRun />
+            </MemoryRouter>
+          </Provider>,
+        )
+
+        expect(wrapper.find(ViewMedications)).toHaveLength(0)
+        expect(wrapper.find(Dashboard)).toHaveLength(1)
+      })
+    })
+
     describe('/incidents', () => {
       it('should render the Incidents component when /incidents is accessed', async () => {
         const store = mockStore({

src/__tests__/medications/Medications.test.tsx

@@ -0,0 +1,135 @@
+import { act } from '@testing-library/react'
+import { mount } from 'enzyme'
+import React from 'react'
+import { Provider } from 'react-redux'
+import { MemoryRouter } from 'react-router-dom'
+import createMockStore from 'redux-mock-store'
+import thunk from 'redux-thunk'
+
+import Medications from '../../medications/Medications'
+import NewMedicationRequest from '../../medications/requests/NewMedicationRequest'
+import ViewMedication from '../../medications/ViewMedication'
+import MedicationRepository from '../../shared/db/MedicationRepository'
+import PatientRepository from '../../shared/db/PatientRepository'
+import Medication from '../../shared/model/Medication'
+import Patient from '../../shared/model/Patient'
+import Permissions from '../../shared/model/Permissions'
+import { RootState } from '../../shared/store'
+
+const mockStore = createMockStore<RootState, any>([thunk])
+
+describe('Medications', () => {
+  jest.spyOn(MedicationRepository, 'findAll').mockResolvedValue([])
+  jest
+    .spyOn(MedicationRepository, 'find')
+    .mockResolvedValue({ id: '1234', requestedOn: new Date().toISOString() } as Medication)
+  jest
+    .spyOn(PatientRepository, 'find')
+    .mockResolvedValue({ id: '12345', fullName: 'test test' } as Patient)
+
+  describe('routing', () => {
+    describe('/medications/new', () => {
+      it('should render the new medication request screen when /medications/new is accessed', () => {
+        const store = mockStore({
+          title: 'test',
+          user: { permissions: [Permissions.RequestMedication] },
+          breadcrumbs: { breadcrumbs: [] },
+          components: { sidebarCollapsed: false },
+          medication: {
+            medication: ({ id: 'medicationId', patientId: 'patientId' } as unknown) as Medication,
+            patient: { id: 'patientId', fullName: 'some name' },
+            error: {},
+          },
+        } as any)
+
+        const wrapper = mount(
+          <Provider store={store}>
+            <MemoryRouter initialEntries={['/medications/new']}>
+              <Medications />
+            </MemoryRouter>
+          </Provider>,
+        )
+
+        expect(wrapper.find(NewMedicationRequest)).toHaveLength(1)
+      })
+
+      it('should not navigate to /medications/new if the user does not have RequestMedication permissions', () => {
+        const store = mockStore({
+          title: 'test',
+          user: { permissions: [] },
+          breadcrumbs: { breadcrumbs: [] },
+          components: { sidebarCollapsed: false },
+        } as any)
+
+        const wrapper = mount(
+          <Provider store={store}>
+            <MemoryRouter initialEntries={['/medications/new']}>
+              <Medications />
+            </MemoryRouter>
+          </Provider>,
+        )
+
+        expect(wrapper.find(NewMedicationRequest)).toHaveLength(0)
+      })
+    })
+
+    describe('/medications/:id', () => {
+      it('should render the view medication screen when /medications/:id is accessed', async () => {
+        const store = mockStore({
+          title: 'test',
+          user: { permissions: [Permissions.ViewMedication] },
+          breadcrumbs: { breadcrumbs: [] },
+          components: { sidebarCollapsed: false },
+          medication: {
+            medication: ({
+              id: 'medicationId',
+              patientId: 'patientId',
+              requestedOn: new Date().toISOString(),
+              medication: 'medication',
+              status: 'draft',
+              intent: 'order',
+              priority: 'routine',
+              quantity: { value: 1, unit: 'unit' },
+              notes: 'medication notes',
+            } as unknown) as Medication,
+            patient: { id: 'patientId', fullName: 'some name' },
+            error: {},
+          },
+        } as any)
+
+        let wrapper: any
+
+        await act(async () => {
+          wrapper = await mount(
+            <Provider store={store}>
+              <MemoryRouter initialEntries={['/medications/1234']}>
+                <Medications />
+              </MemoryRouter>
+            </Provider>,
+          )
+
+          expect(wrapper.find(ViewMedication)).toHaveLength(1)
+        })
+      })
+
+      it('should not navigate to /medications/:id if the user does not have ViewMedication permissions', async () => {
+        const store = mockStore({
+          title: 'test',
+          user: { permissions: [] },
+          breadcrumbs: { breadcrumbs: [] },
+          components: { sidebarCollapsed: false },
+        } as any)
+
+        const wrapper = await mount(
+          <Provider store={store}>
+            <MemoryRouter initialEntries={['/medications/1234']}>
+              <Medications />
+            </MemoryRouter>
+          </Provider>,
+        )
+
+        expect(wrapper.find(ViewMedication)).toHaveLength(0)
+      })
+    })
+  })
+})