Incident Notes

package.json

@@ -5,7 +5,7 @@
   "private": false,
   "license": "MIT",
   "dependencies": {
-    "@hospitalrun/components": "~3.1.0",
+    "@hospitalrun/components": "~3.3.0",
     "@reduxjs/toolkit": "~1.5.0",
     "@types/escape-string-regexp": "~2.0.1",
     "@types/json2csv": "~5.0.1",
@@ -97,7 +97,7 @@
     "eslint-plugin-jest": "~24.1.0",
     "eslint-plugin-jsx-a11y": "~6.4.1",
     "eslint-plugin-prettier": "~3.3.0",
-    "eslint-plugin-react": "~7.21.0",
+    "eslint-plugin-react": "~7.22.0",
     "eslint-plugin-react-hooks": "~4.1.0",
     "history": "4.10.1",
     "husky": "~4.3.0",
@@ -109,7 +109,7 @@
     "redux-mock-store": "~1.5.4",
     "rimraf": "~3.0.2",
     "source-map-explorer": "^2.2.2",
-    "standard-version": "~9.0.0"
+    "standard-version": "~9.1.0"
   },
   "scripts": {
     "analyze": "source-map-explorer 'build/static/js/*.js'",

src/__tests__/incidents/view/NotesTable.test.tsx

@@ -0,0 +1,92 @@
+import { Alert, Table } from '@hospitalrun/components'
+import { mount, ReactWrapper } from 'enzyme'
+import React from 'react'
+import { act } from 'react-dom/test-utils'
+
+import NotesTable from '../../../incidents/view/NotesTable'
+import Note from '../../../shared/model/Note'
+
+describe('Notes Table', () => {
+  const setup = async (notes: Note[]) => {
+    const onEditSpy = jest.fn()
+    const onDeleteSpy = jest.fn()
+
+    let wrapper: any
+    await act(async () => {
+      wrapper = await mount(
+        <NotesTable onEditNote={onEditSpy} onDeleteNote={onDeleteSpy} notes={notes} />,
+      )
+    })
+    wrapper.update()
+    return { wrapper: wrapper as ReactWrapper, onEditSpy, onDeleteSpy }
+  }
+
+  it('should render a notes table if at least note is in list.', async () => {
+    const { wrapper } = await setup([
+      {
+        id: '1234',
+        date: new Date().toISOString(),
+        text: 'some text',
+        givenBy: 'some user',
+      },
+    ])
+    expect(wrapper.find(Table)).toHaveLength(1)
+  })
+  it('should display edit and delete buttons if notes exist', async () => {
+    const { wrapper } = await setup([
+      {
+        id: '1234',
+        date: new Date().toISOString(),
+        text: 'some text',
+        givenBy: 'some user',
+      },
+    ])
+    const notesTable = wrapper.find(Table)
+    expect(notesTable.prop('actions')).toEqual([
+      expect.objectContaining({ label: 'actions.edit', buttonColor: 'dark' }),
+      expect.objectContaining({ label: 'actions.delete', buttonColor: 'danger' }),
+    ])
+  })
+  it('should display no notes message if no notes exist', async () => {
+    const { wrapper } = await setup([])
+    const alert = wrapper.find(Alert)
+    expect(alert).toHaveLength(1)
+    expect(alert.prop('color')).toEqual('warning')
+    expect(alert.prop('title')).toEqual('patient.notes.warning.noNotes')
+    expect(wrapper.find(Table)).toHaveLength(0)
+  })
+  it('calls on edit note when edit note button clicked', async () => {
+    const { wrapper, onEditSpy } = await setup([
+      {
+        id: '1234',
+        date: new Date().toISOString(),
+        text: 'some text',
+        givenBy: 'some user',
+      },
+    ])
+    act(() => {
+      const table = wrapper.find(Table) as any
+      const onViewClick = table.prop('actions')[0].action as any
+      onViewClick()
+    })
+
+    expect(onEditSpy).toHaveBeenCalledTimes(1)
+  })
+  it('calls on delete note when edit note button clicked', async () => {
+    const { wrapper, onDeleteSpy } = await setup([
+      {
+        id: '1234',
+        date: new Date().toISOString(),
+        text: 'some text',
+        givenBy: 'some user',
+      },
+    ])
+    act(() => {
+      const table = wrapper.find(Table) as any
+      const onViewClick = table.prop('actions')[1].action as any
+      onViewClick()
+    })
+
+    expect(onDeleteSpy).toHaveBeenCalledTimes(1)
+  })
+})