diff --git a/src/applications/post-911-gib-status/components/UserInfoSection.jsx b/src/applications/post-911-gib-status/components/UserInfoSection.jsx index e30b9e3507d1..21e4d247f3c7 100644 --- a/src/applications/post-911-gib-status/components/UserInfoSection.jsx +++ b/src/applications/post-911-gib-status/components/UserInfoSection.jsx @@ -101,7 +101,11 @@ function UserInfoSection({ enrollmentData = {}, showCurrentAsOfAlert }) { You can print your statement and use it as a replacement for a Certificate of Eligibility (COE) to show that you qualify for - benefits. + benefits. This statement only includes entitlement earned through + your own military service. If you recently transferred entitlement, + it may not be reflected here.

+

+ The Supreme Court’s Rudisill decision may increase your months of + entitlement if you have two or more qualifying periods of active + duty. +

+ ); printButton = ( -
+

How can I see my Post-9/11 GI Bill benefit payments?

-
+
If you've received education benefit payments through this program,{' '} @@ -66,10 +77,11 @@ class StatusPage extends React.Component {
-

- Call us at . We're here - Monday through Friday, 8:00 a.m to 9:00 p.m ET. If you have - hearing loss, call . +

+ Call 888-GI-BILL-1 ( + ). We're here from Monday through Friday, 8:00 a.m to 7:00 p.m + ET. If you have hearing loss, call{' '} + .

diff --git a/src/applications/post-911-gib-status/sass/post-911-gib-status.scss b/src/applications/post-911-gib-status/sass/post-911-gib-status.scss index 21206b6383ce..f28651b3da1a 100644 --- a/src/applications/post-911-gib-status/sass/post-911-gib-status.scss +++ b/src/applications/post-911-gib-status/sass/post-911-gib-status.scss @@ -5,8 +5,8 @@ margin-bottom: 5em; h3 { - margin: 1em 0 .5em 0; - padding: 0 0 .25em 0; + margin-bottom: 8.5px; + padding: 0; } hr { @@ -16,18 +16,20 @@ margin-top: 1em; margin-bottom: 1em; } + h2 { + margin-top: 0; + } .section { margin-bottom: 2em; } .section-line { - margin-bottom: .25em; + margin-bottom: 0.25em; + } + #benefit-level { + margin-top: 2em; } - - /*.usa-alert { - margin: 1em 0 1em 0; - }*/ .not-qualified h5 { margin-top: 1em; diff --git a/src/applications/post-911-gib-status/tests/components/UserInfoSection.unit.spec.jsx b/src/applications/post-911-gib-status/tests/components/UserInfoSection.unit.spec.jsx index 6f111e5aa446..fb00ccb41e83 100644 --- a/src/applications/post-911-gib-status/tests/components/UserInfoSection.unit.spec.jsx +++ b/src/applications/post-911-gib-status/tests/components/UserInfoSection.unit.spec.jsx @@ -136,4 +136,29 @@ describe('', () => { expect(benefitEndDate.text()).to.contain('Since you’re on active duty'); }); }); + describe('date of birth InfoPair', () => { + it('should display the formatted date of birth if present', () => { + const tree = SkinDeep.shallowRender(); + const dobInfoPair = tree + .everySubTree('InfoPair') + .find(pair => pair.props.label === 'Date of birth'); + expect(dobInfoPair).to.exist; + expect(dobInfoPair.props.value).to.equal('November 12, 1995'); + }); + + it('should display "Unavailable" if dateOfBirth is missing', () => { + // Create a copy of props but remove dateOfBirth + const noDobProps = _.merge({}, props, { + enrollmentData: { + dateOfBirth: null, + }, + }); + const tree = SkinDeep.shallowRender(); + const dobInfoPair = tree + .everySubTree('InfoPair') + .find(pair => pair.props.label === 'Date of birth'); + expect(dobInfoPair).to.exist; + expect(dobInfoPair.props.value).to.equal('Unavailable'); + }); + }); });