diff --git a/src/applications/edu-benefits/10216/components/SubmissionInstructions.jsx b/src/applications/edu-benefits/10216/components/SubmissionInstructions.jsx new file mode 100644 index 000000000000..65c52aa6c80f --- /dev/null +++ b/src/applications/edu-benefits/10216/components/SubmissionInstructions.jsx @@ -0,0 +1,19 @@ +import React from 'react'; + +const SubmissionInstructions = () => { + return ( +
+

+ How to submit your form +

+

+ Please note: 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. +

+
+ ); +}; + +export default SubmissionInstructions; diff --git a/src/applications/edu-benefits/10216/config/form.js b/src/applications/edu-benefits/10216/config/form.js index fa59a05082ac..d39a4105a3a4 100644 --- a/src/applications/edu-benefits/10216/config/form.js +++ b/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: {}, + }, + }, + }, + }, }, }; diff --git a/src/applications/edu-benefits/10216/sass/10216-edu-benefits.scss b/src/applications/edu-benefits/10216/sass/10216-edu-benefits.scss index ca0c7df72e36..f8c129849fdf 100644 --- a/src/applications/edu-benefits/10216/sass/10216-edu-benefits.scss +++ b/src/applications/edu-benefits/10216/sass/10216-edu-benefits.scss @@ -12,3 +12,6 @@ display: none; } } +va-accordion-item[data-chapter="submissionInstructionsChapter"] { + display: none; +} \ No newline at end of file diff --git a/src/applications/edu-benefits/10216/tests/components/SubmissionInstructions.unit.spec.jsx b/src/applications/edu-benefits/10216/tests/components/SubmissionInstructions.unit.spec.jsx new file mode 100644 index 000000000000..cf822a038b48 --- /dev/null +++ b/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('', () => { + it('should render without crashing', () => { + const wrapper = shallow(); + expect(wrapper.exists()).to.be.ok; + wrapper.unmount(); + }); +}); diff --git a/src/applications/edu-benefits/10216/utilities.js b/src/applications/edu-benefits/10216/utilities.js index d45d617ea0be..692b4d1b627a 100644 --- a/src/applications/edu-benefits/10216/utilities.js +++ b/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: ['']