Vebt 841 (#33576)

* vebt-841 added Submission Instructions page to 22-10216 Form

* vebt-841 added unit test for SubmissionInstructions

src/applications/edu-benefits/10216/components/SubmissionInstructions.jsx

@@ -0,0 +1,19 @@
+import React from 'react';
+
+const SubmissionInstructions = () => {
+  return (
+    <div>
+      <h3 className="vads-u-color--gray-dark vads-u-margin-top--0">
+        How to submit your form
+      </h3>
+      <p>
+        <strong>Please note:</strong> This form does not submit automatically.
+        After you review your information, download the completed VA Form
+        22-10216. Then, upload it manually through the VA Education Portal to
+        complete the submission process.
+      </p>
+    </div>
+  );
+};
+
+export default SubmissionInstructions;

src/applications/edu-benefits/10216/config/form.js

@@ -24,6 +24,7 @@ import { validateFacilityCode } from '../utilities';
 import Alert from '../components/Alert';
 import InstitutionDetails from '../pages/institutionDetails';
 import { transform } from './submit-transformer';
+import SubmissionInstructions from '../components/SubmissionInstructions';
 // import submitForm from './submitForm';
 
 const { date, dateRange } = commonDefinitions;
@@ -117,6 +118,25 @@ const formConfig = {
         },
       },
     },
+    submissionInstructionsChapter: {
+      title: 'Submission instructions',
+      pages: {
+        submissionInstructions: {
+          path: 'submission-instructions',
+          title: '',
+          uiSchema: {
+            'ui:description': SubmissionInstructions,
+            'ui:options': {
+              hideOnReview: true,
+            },
+          },
+          schema: {
+            type: 'object',
+            properties: {},
+          },
+        },
+      },
+    },
   },
 };
 

src/applications/edu-benefits/10216/sass/10216-edu-benefits.scss

@@ -12,3 +12,6 @@
         display: none;
     }
 }
+va-accordion-item[data-chapter="submissionInstructionsChapter"] {
+    display: none;
+}

src/applications/edu-benefits/10216/tests/components/SubmissionInstructions.unit.spec.jsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import { expect } from 'chai';
+import { shallow } from 'enzyme';
+import SubmissionInstructions from '../../components/SubmissionInstructions';
+
+describe('<SubmissionInstructions />', () => {
+  it('should render without crashing', () => {
+    const wrapper = shallow(<SubmissionInstructions />);
+    expect(wrapper.exists()).to.be.ok;
+    wrapper.unmount();
+  });
+});

src/applications/edu-benefits/10216/utilities.js

@@ -1,5 +1,6 @@
 import { waitForShadowRoot } from 'platform/utilities/ui/webComponents';
 import { apiRequest } from '@department-of-veterans-affairs/platform-utilities/api';
+// import { REVIEW_CONTACT } from 'platform/forms-system/src/js/utilities/data/profile';
 
 /*
 * @param {Array} urlArray Array of page URLs where these styles should be applied - to target all URLs, use value: ['']