Added Story for AddressMotionToVacateView

client/app/queue/mtv/AddressMotionToVacateView.stories.js

@@ -0,0 +1,107 @@
+import React from 'react';
+
+import { v4 as uuidv4 } from 'uuid';
+import { StaticRouter, Route } from 'react-router-dom';
+import ReduxBase from '../../components/ReduxBase';
+import queueReducer, { initialState } from '../reducers';
+
+import TASK_ACTIONS from '../../../constants/TASK_ACTIONS';
+import AddressMotionToVacateView from './AddressMotionToVacateView';
+
+const appealId = uuidv4();
+const taskId = '1';
+const appeal = {
+  externalId: appealId,
+  issues: [
+    { id: 1, program: 'compensation', description: 'issue description' },
+    { id: 2, program: 'compensation', description: 'issue description 2' },
+  ],
+  decisionIssues: [
+    {
+      id: 1,
+      disposition: 'allowed',
+      description: 'Decision issue 1',
+      benefit_type: 'compensation',
+      request_issue_ids: [1],
+    },
+    {
+      id: 2,
+      disposition: 'allowed',
+      description: 'Decision issue 2',
+      benefit_type: 'compensation',
+      request_issue_ids: [2],
+    },
+  ],
+  veteranFullName: 'John Doe',
+  veteranFileNumber: '123456789',
+  veteranInfo: {
+    veteran: {
+      full_name: 'John Doe',
+    },
+  },
+};
+
+const storyState = {
+  appeals: {
+    [appealId]: appeal,
+  },
+  appealDetails: {
+    [appealId]: appeal,
+  },
+  amaTasks: {
+    [taskId]: {
+      uniqueId: taskId,
+      externalAppealId: appealId,
+      label: 'Address Motion to Vacate',
+      type: 'JudgeAddressMotionToVacateTask',
+      instructions: ['I think you should grant vacatur'],
+      availableActions: [
+        {
+          label: 'Address Motion to Vacate',
+          value: 'address_motion_to_vacate',
+          data: {
+            options: [{ label: 'Jane Doe', value: 1 }],
+          },
+        },
+      ],
+    },
+  },
+};
+
+const RouterDecorator = (storyFn) => (
+  <StaticRouter
+    location={{
+      pathname: `/queue/appeals/${appealId}/tasks/1/${
+        TASK_ACTIONS.ADDRESS_MOTION_TO_VACATE.value
+      }`,
+    }}
+  >
+    <Route
+      path={`/queue/appeals/:appealId/tasks/:taskId/${
+        TASK_ACTIONS.ADDRESS_MOTION_TO_VACATE.value
+      }`}
+    >
+      {storyFn()}
+    </Route>
+  </StaticRouter>
+);
+
+const ReduxDecorator = (storyFn) => (
+  <ReduxBase
+    reducer={queueReducer}
+    initialState={{ queue: { ...initialState, ...storyState } }}
+  >
+    {storyFn()}
+  </ReduxBase>
+);
+
+export default {
+  title:
+    'Queue/Motions to Vacate/Judge Address Motion to Vacate/AddressMotionToVacateView',
+  component: AddressMotionToVacateView,
+  decorators: [RouterDecorator, ReduxDecorator],
+};
+
+const Template = () => <AddressMotionToVacateView />;
+
+export const Basic = Template.bind({});

client/app/queue/mtv/MTVIssueSelection.jsx

@@ -3,13 +3,13 @@ import PropTypes from 'prop-types';
 import CheckboxGroup from '../../components/CheckboxGroup';
 import { JUDGE_ADDRESS_MTV_ISSUE_SELECTION_LABEL } from '../../../COPY';
 
-const getDisplayOptions = (issues) => {
+const getDisplayOptions = (issues = []) => {
   // CheckboxGroup expects options with id (string) & label
   return issues.map(({ id, description }, idx) => ({ id: id.toString(),
     label: `${idx + 1}. ${description}` }));
 };
 
-export const MTVIssueSelection = ({ issues, onChange }) => {
+export const MTVIssueSelection = ({ issues = [], onChange }) => {
   const [selectedIssues, setSelectedIssues] = useState({});
 
   useEffect(() => {