@spokane-folio/security-incident 1.0.28

package/src/components/incidents/CreatePane.test.js

@@ -0,0 +1,138 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { act } from 'react-dom/test-utils';
+import CreatePane from './CreatePane';
+
+// --- Mocks for External Dependencies ---
+
+// Mock react-intl.
+jest.mock('react-intl', () => ({
+  useIntl: () => ({
+    formatMessage: ({ id }) => id,
+  }),
+  FormattedMessage: (props) => <span>{props.id}</span>,
+}));
+
+// Mock react-router-dom.
+jest.mock('react-router-dom', () => ({
+  useHistory: () => ({ push: jest.fn() }),
+}));
+
+// Mock @folio/stripes/components.
+jest.mock('@folio/stripes/components', () => {
+  const React = require('react');
+  return {
+    Accordion: (props) => <div {...props}>{props.children}</div>,
+    AccordionSet: (props) => <div {...props}>{props.children}</div>,
+    Button: (props) => <button {...props}>{props.children}</button>,
+    Checkbox: (props) => <div {...props}>{props.children}</div>,
+    Col: (props) => <div {...props}>{props.children}</div>,
+    Datepicker: (props) => <input type="date" {...props} />,
+    Editor: (props) => <textarea {...props} />,
+    ExpandAllButton: (props) => <button {...props}>{props.children}</button>,
+    List: (props) => (
+      <ul {...props}>
+        {props.items && props.items.map((item, index) => <li key={index}>{item}</li>)}
+      </ul>
+    ),
+    Icon: (props) => <span {...props}>{props.icon}</span>,
+    Label: (props) => <label {...props}>{props.children}</label>,
+    Pane: (props) => <div {...props}>{props.children}</div>,
+    PaneHeader: (props) => <div {...props}>{props.children}</div>,
+    PaneFooter: (props) => <div {...props}>{props.children}</div>,
+    Row: (props) => <div {...props}>{props.children}</div>,
+    Select: (props) => <select {...props}>{props.children}</select>,
+    Timepicker: (props) => <input type="time" {...props} />,
+  };
+});
+
+// --- Mocks for Child Components ---
+
+jest.mock('../../settings/GetLocationsInService', () => () => <div>Mock GetLocationsInService</div>);
+jest.mock('../../settings/GetIncidentTypesDetails', () => () => <div>Mock GetIncidentTypesDetails</div>);
+jest.mock('./ModalSelectIncidentTypes', () => () => <div>Mock ModalSelectIncidentTypes</div>);
+jest.mock('./ModalSelectKnownCustomer', () => () => <div>Mock ModalSelectKnownCustomer</div>);
+jest.mock('./ModalSelectWitness', () => () => <div>Mock ModalSelectWitness</div>);
+jest.mock('./ModalDescribeCustomer', () => () => <div>Mock ModalDescribeCustomer</div>);
+jest.mock('./ModalTrespass', () => () => <div>Mock ModalTrespass</div>);
+jest.mock('./ModalCustomerDetails', () => () => <div>Mock ModalCustomerDetails</div>);
+jest.mock('./ModalAddMedia', () => () => <div>Mock ModalAddMedia</div>);
+jest.mock('./CreateMedia', () => () => <div>Mock CreateMedia</div>);
+jest.mock('./GetLocations', () => () => <div>Mock GetLocations</div>);
+jest.mock('./GetSelf', () => () => <div>Mock GetSelf</div>);
+jest.mock('./CreateReport', () => () => <div>Mock CreateReport</div>);
+jest.mock('../../settings/helpers/makeId', () => () => 'mockedId');
+jest.mock('./ThumbnailTempPreSave', () => () => <div>Mock ThumbnailTempPreSave</div>);
+jest.mock('./ModalCustomWitness', () => () => <div>Mock ModalCustomWitness</div>);
+jest.mock('../../settings/GetTrespassTemplates', () => () => <div>Mock GetTrespassTemplates</div>);
+
+// --- Mocks for Helper Functions ---
+jest.mock('./helpers/stripHTML', () => jest.fn((str) => str));
+jest.mock('./helpers/getTodayDate', () => jest.fn(() => '01/01/2020'));
+jest.mock('./helpers/isValidDateFormat', () => jest.fn(() => true));
+jest.mock('./helpers/isValidTimeInput', () => jest.fn(() => true));
+jest.mock('./helpers/convertUTCISOToPrettyDate', () => jest.fn((date) => date));
+jest.mock('./helpers/formatDateToUTCISO', () => jest.fn((date) => date));
+jest.mock('./helpers/formatDateAndTimeToUTCISO', () => jest.fn((date, time) => `${date}T${time}`));
+jest.mock('./helpers/getCurrentTime', () => jest.fn(() => '12:00'));
+
+// --- Mock for Incident Context ---
+jest.mock('../../contexts/IncidentContext', () => ({
+  useIncidents: () => ({
+    openModalSelectTypes: jest.fn(),
+    closeCreatePane: jest.fn(),
+    openModalUnknownCust: jest.fn(),
+    openModalSelectKnownCust: jest.fn(),
+    openModalSelectWitness: jest.fn(),
+    openModalMedia: jest.fn(),
+    idForMediaCreate: null,
+    setIdForMediaCreate: jest.fn(),
+    formDataArrayForMediaCreate: null,
+    setFormDataArrayForMediaCreate: jest.fn(),
+    selectedCustomers: [],
+    setSelectedCustomers: jest.fn(),
+    selectedWitnesses: [],
+    setSelectedWitnesses: jest.fn(),
+    attachmentsData: [],
+    setAttachmentsData: jest.fn(),
+    self: { id: 'self-id', barcode: 'self-barcode', lastName: 'SelfLast', firstName: 'SelfFirst' },
+    openModalTrespass: jest.fn(),
+    openModalCustomerDetails: jest.fn(),
+    incidentTypesList: [],
+    isModalCustomWitness: false,
+    openModalCustomWitness: jest.fn(),
+    locationsInService: [],
+    trespassTemplates: [],
+    triggerDocumentError: jest.fn(),
+  }),
+}));
+
+// --- Test Setup ---
+let container = null;
+beforeEach(() => {
+  container = document.createElement('div');
+  document.body.appendChild(container);
+});
+afterEach(() => {
+  document.body.removeChild(container);
+  container = null;
+});
+
+// --- Test Cases ---
+
+test('CreatePane renders correctly (snapshot test)', () => {
+  act(() => {
+    ReactDOM.render(<CreatePane />, container);
+  });
+  // Capture the snapshot of the rendered output.
+  expect(container.innerHTML).toMatchSnapshot();
+});
+
+test('CreatePane loads child components', () => {
+  act(() => {
+    ReactDOM.render(<CreatePane />, container);
+  });
+  // Check that at least one of the mocked child components appears.
+  expect(container.textContent).toMatch(/Mock ModalSelectIncidentTypes/);
+  expect(container.textContent).toMatch(/Mock GetLocationsInService/);
+});

package/src/components/incidents/CreateReport.js

@@ -0,0 +1,102 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { stripesConnect } from '@folio/stripes/core';
+import { IncidentContext } from '../../contexts/IncidentContext';
+class CreateReport extends React.Component {
+  static contextType = IncidentContext;
+
+  static manifest = Object.freeze({
+    incident: {
+      type: 'okapi',
+      records: 'incidents',
+      POST: {
+        path: 'incidents',
+        // path: 'invalid_test_endpoint',
+      },
+      accumulate: true,
+    },
+  });
+
+  // console.log("manifest _resourceData:", JSON.stringify(_resourceData, null, 2));
+
+  static propTypes = {
+    data: PropTypes.object,
+    mutator: PropTypes.shape({
+      incident: PropTypes.shape({
+        POST: PropTypes.func.isRequired,
+      }).isRequired,
+    }).isRequired,
+  };
+
+  componentDidUpdate(prevProps) {
+    if (this.props.data !== prevProps.data) {
+      this.createReport(this.props.data);
+    }
+  }
+
+  createReport = (data) => {
+    // handle create report w/ attachments
+    if (data.attachments && data.attachments.length > 0) {
+      const attachmentsArray = data.attachments.map(att => ({ ...att }) );
+      const { attachments, ...preppedData } = data; 
+      
+      this.props.mutator.incident
+        .POST(preppedData)
+        .then((response) => {
+          const id = response.data.id;
+          this.context.setIdForMediaCreate(id);
+          this.context.setFormDataArrayForMediaCreate(attachmentsArray);
+          // setIsCreatingReport(false) invoked at CreateMedia
+          this.context.setMode('createMode');
+          // const defaultQuery = ''; // server response defaults to show most recent top 1000
+          // this.context.setQueryString(defaultQuery);
+          return response;
+        })
+        .catch((error) => {
+          console.error(
+            '@createReport - WITH Attachments - Error occurred:',
+            error
+          );
+        });
+
+      // handle create report w/out attachments
+    } else if (data.attachments && data.attachments.length === 0) {
+      this.props.mutator.incident
+        .POST(data)
+        .then((response) => {
+          const id = response.data.id;
+          this.context.setIdForMediaCreate(null);
+          this.context.setFormDataArrayForMediaCreate(null);
+          this.context.setIncidentsList([]);
+          this.context.setMode('createMode');
+          // const defaultQuery = ''; // server response defaults to show most recent n
+          // this.context.setQueryString(defaultQuery);
+          this.context.setIsCreatingReport(false);
+          this.props.handleCloseNewOnSuccess(id);
+          return response;
+        })
+        .catch((error) => {
+          console.error(
+            '@createReport - NO Attachments - Error occurred:',
+            error
+          );
+          console.log('The error object: ', JSON.stringify(error, null, 2));
+          this.context.setModalErrorContent(
+            error.message || '@CreateReport - Unknown error'
+          );
+          this.context.openModalError();
+        });
+    }
+  };
+
+  render() {
+    return <></>;
+  }
+}
+
+CreateReport.contextType = IncidentContext;
+CreateReport.propTypes = {
+  handleCloseNewOnSuccess: PropTypes.func.isRequired,
+};
+
+export default stripesConnect(CreateReport, '@spokane-folio/security-incident');