From 86c3e806f5a07ca68ce0c481f8e4eb23d5ed5694 Mon Sep 17 00:00:00 2001 From: "Napoleon K." <95312667+GcioNapoleon@users.noreply.github.com> Date: Tue, 10 Dec 2024 09:20:20 -0600 Subject: [PATCH] vebt-851 FE - 22-10215 - Confirmation (#33417) * vebt-851 FE - 22-10215 - Confirmation * Update the text va-process-list-item header * VEBT-851 remove data-testId * vebt-851 create a test for 10215 confirmation page. --- .../10215/containers/ConfirmationPage.jsx | 166 +++++++++++------- .../containers/ConfirmationPage.unit.spec.jsx | 38 ++++ 2 files changed, 144 insertions(+), 60 deletions(-) create mode 100644 src/applications/edu-benefits/10215/tests/containers/ConfirmationPage.unit.spec.jsx diff --git a/src/applications/edu-benefits/10215/containers/ConfirmationPage.jsx b/src/applications/edu-benefits/10215/containers/ConfirmationPage.jsx index 063a4f560abc..7f73938ba89f 100644 --- a/src/applications/edu-benefits/10215/containers/ConfirmationPage.jsx +++ b/src/applications/edu-benefits/10215/containers/ConfirmationPage.jsx @@ -1,69 +1,114 @@ import React from 'react'; import PropTypes from 'prop-types'; -import { format, isValid } from 'date-fns'; -import { connect } from 'react-redux'; +import { connect, useSelector } from 'react-redux'; +import { ConfirmationView } from 'platform/forms-system/src/js/components/ConfirmationView'; +import formConfig from '../config/form'; -import scrollToTop from 'platform/utilities/ui/scrollToTop'; -import { focusElement } from 'platform/utilities/ui'; - -export class ConfirmationPage extends React.Component { - componentDidMount() { - focusElement('h2'); - scrollToTop('topScrollElement'); - } - - render() { - const { form } = this.props; - const { formId, data, submission } = form; - const submitDate = new Date(submission?.timestamp); +const childContent = ( +
+

+ Request exemption from the 85/15 Rule reporting requirements +

+

+ 35% exemption request from 85/15 Rule reporting requirements (VA Form + 22-10216) +

+ +

Complete all submission steps

+

+ This form requires additional steps for successful submission. Follow + the instructions below carefully to ensure your form is submitted + correctly. +

+ +

+ To submit your form, follow the steps below +

+ + +
+

Download and save your form

+
+
+

+ We usually process claims within 30 days. We’ll let you know by mail + if we need more information. +

+

+ +

+
+ + +
+

+ Upload the form to the VA education portal +

+
+
+

+ Visit the  + + VA Education File Upload Portal (opens in a new tab) + + , and upload your saved VA Form 22-10216. +

+
+ + +
+

Submit your form

+
+
+

Once uploaded, click submit to finalize your request.

+
+ + +

+ window.print()} + /> +

+

+ +

+

What are my next steps?

+

+ After submitting your exemption request, we will review your submission + within 7-10 business days. Once we complete the review, we will email your + school a letter with the decision.If we accept your request, we will + include a copy of WEAMS form 1998 as confirmation in the letter. If we + deny your request, we will explain the reason for rejection in the letter + and provide further instructions for resubmission or additional steps. +

+
+); - const { fullName } = data; +export const ConfirmationPage = () => { + const form = useSelector(state => state.form || {}); + const { submission } = form; - return ( -
-
- VA logo -

Application for Mock Form

-
-

- Your application has been submitted -

-

We may contact you for more information or documents.

-

Please print this page for your records.

-
-

- 22-10215 Statement of Assurance of Compliance with 95 Percent - Enrollment Ratios Claim{' '} - (Form {formId}) -

- {fullName ? ( - - for {fullName.first} {fullName.middle} {fullName.last} - {fullName.suffix ? `, ${fullName.suffix}` : null} - - ) : null} + const submitDate = submission.timestamp; + const confirmationNumber = submission.response?.confirmationNumber; - {isValid(submitDate) ? ( -

- Date submitted -
- {format(submitDate, 'MMMM d, yyyy')} -

- ) : null} - -
-
- ); - } -} + return ( + + {childContent} + + + ); +}; ConfirmationPage.propTypes = { form: PropTypes.shape({ @@ -81,6 +126,7 @@ ConfirmationPage.propTypes = { }), }), name: PropTypes.string, + route: PropTypes.object, }; function mapStateToProps(state) { diff --git a/src/applications/edu-benefits/10215/tests/containers/ConfirmationPage.unit.spec.jsx b/src/applications/edu-benefits/10215/tests/containers/ConfirmationPage.unit.spec.jsx new file mode 100644 index 000000000000..b72405493341 --- /dev/null +++ b/src/applications/edu-benefits/10215/tests/containers/ConfirmationPage.unit.spec.jsx @@ -0,0 +1,38 @@ +import React from 'react'; +import { expect } from 'chai'; +import { Provider } from 'react-redux'; +import { render } from '@testing-library/react'; +import configureStore from 'redux-mock-store'; +import thunk from 'redux-thunk'; +import { ConfirmationPage } from '../../containers/ConfirmationPage'; + +const storeBase = { + form: { + submission: { + timestamp: '2024-01-02T03:04:05.067Z', + response: { + confirmationNumber: '123123123', + pdfUrl: '', + }, + }, + data: { + institutionName: 'Doe University', + facilityCode: '12345', + termStartDate: '2000-11-26', + dateOfCalculations: '2021-11-26', + }, + }, +}; + +describe('', () => { + const middleware = [thunk]; + const mockStore = configureStore(middleware); + it('should render with data', () => { + const { container } = render( + + + , + ); + expect(container).to.exist; + }); +});