Skip to content

Commit

Permalink
Merge pull request #1962 from GSA/1954-mobile-layout-updates
Browse files Browse the repository at this point in the history
1954 mobile layout updates
  • Loading branch information
scottqueen-bixal authored Dec 9, 2024
2 parents 69d5960 + 138bdaa commit 14b3f8a
Show file tree
Hide file tree
Showing 56 changed files with 730 additions and 1,661 deletions.
8 changes: 4 additions & 4 deletions benefit-finder/cypress/e2e/storybook/dataLayer.cy.js
Original file line number Diff line number Diff line change
Expand Up @@ -103,7 +103,7 @@ const dataLayerValueResultsViewEligible = {
event: resultsView.event,
bfData: {
pageView: resultsView.bfData.pageView[0],
viewTitle: EN_LOCALE_DATA.resultsView.eligible.chevron.heading,
viewTitle: EN_LOCALE_DATA.resultsView.eligible.banner.heading,
...eligibilityCount,
},
}
Expand All @@ -112,7 +112,7 @@ const dataLayerValueResultsViewNotEligible = {
event: resultsView.event,
bfData: {
pageView: resultsView.bfData.pageView[1],
viewTitle: EN_LOCALE_DATA.resultsView.notEligible.chevron.heading,
viewTitle: EN_LOCALE_DATA.resultsView.notEligible.banner.heading,
...eligibilityCount,
},
}
Expand Down Expand Up @@ -158,7 +158,7 @@ const dataLayerValueZeroResultsViewEligible = {
event: resultsView.event,
bfData: {
pageView: resultsView.bfData.pageView[0],
viewTitle: EN_LOCALE_DATA.resultsView.zeroBenefits.eligible.chevron.heading,
viewTitle: EN_LOCALE_DATA.resultsView.zeroBenefits.eligible.banner.heading,
...zeroBenefitsEligibilityCount,
},
}
Expand All @@ -168,7 +168,7 @@ const dataLayerValueZeroResultsViewNotEligible = {
bfData: {
pageView: resultsView.bfData.pageView[1],
viewTitle:
EN_LOCALE_DATA.resultsView.zeroBenefits.notEligible.chevron.heading,
EN_LOCALE_DATA.resultsView.zeroBenefits.notEligible.banner.heading,
...zeroBenefitsEligibilityCount,
},
}
Expand Down
131 changes: 33 additions & 98 deletions benefit-finder/src/App/__tests__/__snapshots__/index.spec.jsx.snap
Original file line number Diff line number Diff line change
Expand Up @@ -19,21 +19,21 @@ exports[`loads intro 1`] = `
class="bf-intro"
>
<div
class="bf-chevron"
class="bf-banner"
>
<div
class="bf-grid-container grid-container"
>
<h1
aria-level="1"
class="bf-chevron-heading "
class="bf-banner-heading "
id="skip-to-h1"
role="heading"
>
Benefit finder: death of a loved one
</h1>
<div
class="bf-chevron-description"
class="bf-banner-description"
>
<p>
<strong>
Expand All @@ -52,26 +52,30 @@ exports[`loads intro 1`] = `
<div
class="bf-grid-container grid-container"
>
<h2
aria-level="2"
class=""
role="heading"
>
Steps
</h2>
<div
class="time-indicator"
>
Estimated time
2-5 minutes
</div>
<div
class="bf-intro-process-group"
>
<div
class="bf-intro-process-list"
>
<div
class="bf-intro-process-heading"
>
<h2
aria-level="2"
class=""
role="heading"
>
Steps to find benefits
</h2>
<div
class="time-indicator"
>
Estimated time to complete
2-5 minutes
</div>
</div>
<ol
class="bf-usa-process-list usa-process-list"
>
Expand All @@ -81,7 +85,7 @@ exports[`loads intro 1`] = `
<h3
class="bf-usa-process-list__heading usa-process-list__heading"
>
Answer questions
Answer a few questions
</h3>
</li>
<li
Expand All @@ -105,10 +109,10 @@ exports[`loads intro 1`] = `
</ol>
</div>
<div
class="bf-line-sperator-wrapper--vertical"
class="bf-line-separator-wrapper--vertical"
>
<div
class="bf-line-sperator--vertical"
class="bf-line-separator--vertical"
/>
</div>
<div
Expand Down Expand Up @@ -155,91 +159,22 @@ exports[`loads intro 1`] = `
class="bf-notice-item"
>
<div>
<strong>
This is not an application.
</strong>
</div>
</div>
</li>
<li
class="bf-notice"
>
<i
aria-label="Important"
data-testid="icon-info"
role="img"
>
<svg
class="bf-info"
fill="none"
height="14"
viewBox="0 0 14 14"
width="14"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M6.33594 3.66732H7.66927V5.00065H6.33594V3.66732ZM6.33594 6.33398H7.66927V10.334H6.33594V6.33398ZM7.0026 0.333984C3.3226 0.333984 0.335938 3.32065 0.335938 7.00065C0.335938 10.6807 3.3226 13.6673 7.0026 13.6673C10.6826 13.6673 13.6693 10.6807 13.6693 7.00065C13.6693 3.32065 10.6826 0.333984 7.0026 0.333984ZM7.0026 12.334C4.0626 12.334 1.66927 9.94065 1.66927 7.00065C1.66927 4.06065 4.0626 1.66732 7.0026 1.66732C9.9426 1.66732 12.3359 4.06065 12.3359 7.00065C12.3359 9.94065 9.9426 12.334 7.0026 12.334Z"
fill="#1B1B1B"
fill-rule="evenodd"
/>
</svg>
</i>
<div
class="bf-notice-item"
>
<strong>
You'll need to apply
</strong>
for benefits with each agency.
</div>
</li>
<li
class="bf-notice"
>
<i
aria-label="Important"
data-testid="icon-info"
role="img"
>
<svg
class="bf-info"
fill="none"
height="14"
viewBox="0 0 14 14"
width="14"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M6.33594 3.66732H7.66927V5.00065H6.33594V3.66732ZM6.33594 6.33398H7.66927V10.334H6.33594V6.33398ZM7.0026 0.333984C3.3226 0.333984 0.335938 3.32065 0.335938 7.00065C0.335938 10.6807 3.3226 13.6673 7.0026 13.6673C10.6826 13.6673 13.6693 10.6807 13.6693 7.00065C13.6693 3.32065 10.6826 0.333984 7.0026 0.333984ZM7.0026 12.334C4.0626 12.334 1.66927 9.94065 1.66927 7.00065C1.66927 4.06065 4.0626 1.66732 7.0026 1.66732C9.9426 1.66732 12.3359 4.06065 12.3359 7.00065C12.3359 9.94065 9.9426 12.334 7.0026 12.334Z"
fill="#1B1B1B"
fill-rule="evenodd"
/>
</svg>
</i>
<div
class="bf-notice-item"
>
<div>
<strong>
We don't share, save, or submit
</strong>
your information.
<p>
<strong>
This is not an application. You will need to apply for benefits
</strong>
with each agency.
</p>
<p>
We do not share, save, or submit your information.
</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div
class="bf-line-sperator-wrapper"
>
<div
class="bf-line-sperator"
/>
</div>
<div
class="bf-cta-wrapper"
>
Expand Down
Loading

0 comments on commit 14b3f8a

Please sign in to comment.