publicdata/j40-cejst-2
1
0
Fork 0
mirror of https://github.com/DOI-DO/j40-cejst-2.git synced 2025-02-23 10:04:18 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add two placeholder pages

Browse source 
- FAQs
- TSD
This commit is contained in:
Vim USDS 2022-04-04 21:17:28 -07:00
parent abf49a9cbc
commit 975e91003e
18 changed files with 1376 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
client/cypress/integration/LegacyTests/constants.js
View file

@ -4,7 +4,7 @@ export const PAGES_ENDPOINTS = {
DOWNLOADS: '/downloads',
TSD: '/technical-support-document',
ABOUT: '/about',
FAQS: '/faqs',
FAQS: '/frequently-asked-questions',
PUBLIC_ENG: '/public-engagement',
CONTACT: '/contact',
};

6
client/src/components/J40Header/__snapshots__/J40Header.test.tsx.snap
View file

@ -315,9 +315,9 @@ exports[`rendering of the J40Header checks if component renders 1`] = `
>
<a
data-cy="nav-link-faqs"
href="/en/faqs"
href="/en/frequently-asked-questions"
>
FAQs
Frequently asked questions
</a>
</li>
<li
@ -327,7 +327,7 @@ exports[`rendering of the J40Header checks if component renders 1`] = `
data-cy="nav-link-public-engagement"
href="/en/public-engagement"
>
Public Engagement
Engagement calendar
</a>
</li>
</ul>

2
client/src/data/constants.tsx
View file

@ -11,7 +11,7 @@ export const PAGES_ENDPOINTS = {
DOWNLOADS: '/downloads',
TSD: '/technical-support-document',
ABOUT: '/about',
FAQS: '/faqs',
FAQS: '/frequently-asked-questions',
PUBLIC_ENG: '/public-engagement',
CONTACT: '/contact',
};

4
client/src/data/copy/common.tsx
View file

@ -96,12 +96,12 @@ export const HEADER = defineMessages({
},
FAQs: {
id: 'common.pages.header.faqs',
defaultMessage: 'FAQs',
defaultMessage: 'Frequently asked questions',
description: 'Navigate to the about page. This is Header navigate item to the faqs page',
},
PUBLIC_ENG: {
id: 'common.pages.header.public.eng',
defaultMessage: 'Public Engagement',
defaultMessage: 'Engagement calendar',
description: 'Navigate to the about page. This is Header navigate item to the public eng page',
},
TSD: {

16
client/src/data/copy/faqs.tsx Normal file
View file

@ -0,0 +1,16 @@
/* eslint-disable max-len */
import {defineMessages} from 'react-intl';
export const PAGE_INTRO = defineMessages({
PAGE_TILE: {
id: 'faqs.page.title.text',
defaultMessage: 'Frequently asked questions',
description: 'Navigate to the the FAQs page, this will be the page title text',
},
COMING_SOON: {
id: 'faqs.page.coming.soon.text',
defaultMessage: 'Coming Soon!',
description: 'Navigate to the the FAQs page, this will be the page coming soon text',
},
});

16
client/src/data/copy/tsd.tsx Normal file
View file

@ -0,0 +1,16 @@
/* eslint-disable max-len */
import {defineMessages} from 'react-intl';
export const PAGE_INTRO = defineMessages({
PAGE_TILE: {
id: 'technical.support.doc.page.title.text',
defaultMessage: 'Technical Support Document',
description: 'Navigate to the the Technical Support Doc page, this will be the page title text',
},
COMING_SOON: {
id: 'technical.support.doc.page.coming.soon.text',
defaultMessage: 'Coming Soon!',
description: 'Navigate to the the Technical Support Doc page, this will be the page coming soon text',
},
});

20
client/src/intl/en.json
View file

@ -172,7 +172,7 @@
"description": "Navigate to the about page. This is Header navigate item to the Explore the tool page"
},
"common.pages.header.faqs": {
"defaultMessage": "FAQs",
"defaultMessage": "Frequently asked questions",
"description": "Navigate to the about page. This is Header navigate item to the faqs page"
},
"common.pages.header.methodology": {
@ -180,7 +180,7 @@
"description": "Navigate to the about page. This is Header navigate item to the Methodology page"
},
"common.pages.header.public.eng": {
"defaultMessage": "Public Engagement",
"defaultMessage": "Engagement calendar",
"description": "Navigate to the about page. This is Header navigate item to the public eng page"
},
"common.pages.header.title.line1": {
@ -791,6 +791,14 @@
"defaultMessage": "Help improve the site & data",
"description": "Navigate to the the public engagement page, this will be the text for floating action button"
},
"faqs.page.coming.soon.text": {
"defaultMessage": "Coming Soon!",
"description": "Navigate to the the FAQs page, this will be the page coming soon text"
},
"faqs.page.title.text": {
"defaultMessage": "Frequently asked questions",
"description": "Navigate to the the FAQs page, this will be the page title text"
},
"indicator.categories.afford.house.title": {
"defaultMessage": "Affordable and sustainable housing",
"description": "Navigate to the methodology page. Navigate to the category section. This will set the category title"
@ -1390,5 +1398,13 @@
"public.eng.page.whejac.meeting.day.1.info": {
"defaultMessage": "March 31th (3:00 - 7:30 PM EST)",
"description": "public engagement page event WHEJAC"
},
"technical.support.doc.page.coming.soon.text": {
"defaultMessage": "Coming Soon!",
"description": "Navigate to the the Technical Support Doc page, this will be the page coming soon text"
},
"technical.support.doc.page.title.text": {
"defaultMessage": "Technical Support Document",
"description": "Navigate to the the Technical Support Doc page, this will be the page title text"
}
}

32
client/src/pages/frequently-asked-questions.tsx Normal file
View file

@ -0,0 +1,32 @@
import * as React from 'react';
import {Grid} from '@trussworks/react-uswds';
import {useIntl} from 'gatsby-plugin-intl';
import J40MainGridContainer from '../components/J40MainGridContainer';
import Layout from '../components/layout';
import * as FAQS_COPY from '../data/copy/faqs';
interface IFAQPageProps {
location: Location;
}
const FAQPage = ({location}: IFAQPageProps) => {
const intl = useIntl();
return (
<Layout location={location} title={intl.formatMessage(FAQS_COPY.PAGE_INTRO.PAGE_TILE)}>
<J40MainGridContainer>
<h1>{intl.formatMessage(FAQS_COPY.PAGE_INTRO.PAGE_TILE)}</h1>
<Grid row>
{intl.formatMessage(FAQS_COPY.PAGE_INTRO.COMING_SOON)}
</Grid>
</J40MainGridContainer>
</Layout>
);
};
export default FAQPage;

32
client/src/pages/technical-support-document.tsx Normal file
View file

@ -0,0 +1,32 @@
import * as React from 'react';
import {Grid} from '@trussworks/react-uswds';
import {useIntl} from 'gatsby-plugin-intl';
import J40MainGridContainer from '../components/J40MainGridContainer';
import Layout from '../components/layout';
import * as TSD_COPY from '../data/copy/tsd';
interface ITSDPageProps {
location: Location;
}
const TSDPage = ({location}: ITSDPageProps) => {
const intl = useIntl();
return (
<Layout location={location} title={intl.formatMessage(TSD_COPY.PAGE_INTRO.PAGE_TILE)}>
<J40MainGridContainer>
<h1>{intl.formatMessage(TSD_COPY.PAGE_INTRO.PAGE_TILE)}</h1>
<Grid row>
{intl.formatMessage(TSD_COPY.PAGE_INTRO.COMING_SOON)}
</Grid>
</J40MainGridContainer>
</Layout>
);
};
export default TSDPage;

6
client/src/pages/tests/__snapshots__/about.test.tsx.snap
View file

@ -315,9 +315,9 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
>
<a
data-cy="nav-link-faqs"
href="/en/faqs"
href="/en/frequently-asked-questions"
>
FAQs
Frequently asked questions
</a>
</li>
<li
@ -327,7 +327,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
data-cy="nav-link-public-engagement"
href="/en/public-engagement"
>
Public Engagement
Engagement calendar
</a>
</li>
</ul>

6
client/src/pages/tests/__snapshots__/contact.test.tsx.snap
View file

@ -315,9 +315,9 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
>
<a
data-cy="nav-link-faqs"
href="/en/faqs"
href="/en/frequently-asked-questions"
>
FAQs
Frequently asked questions
</a>
</li>
<li
@ -327,7 +327,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
data-cy="nav-link-public-engagement"
href="/en/public-engagement"
>
Public Engagement
Engagement calendar
</a>
</li>
</ul>

6
client/src/pages/tests/__snapshots__/downloads.test.tsx.snap
View file

@ -315,9 +315,9 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
>
<a
data-cy="nav-link-faqs"
href="/en/faqs"
href="/en/frequently-asked-questions"
>
FAQs
Frequently asked questions
</a>
</li>
<li
@ -327,7 +327,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
data-cy="nav-link-public-engagement"
href="/en/public-engagement"
>
Public Engagement
Engagement calendar
</a>
</li>
</ul>

604
client/src/pages/tests/__snapshots__/freqAskedQuestions.test.tsx.snap Normal file
View file

@ -0,0 +1,604 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`rendering of the DatasetContainer checks if various text fields are visible 1`] = `
<DocumentFragment>
<header
class="usa-header usa-header--basic"
data-testid="header"
role="banner"
>
<div>
<div>
<section
class="usa-banner"
data-testid="govBanner"
>
<div
class="usa-accordion"
>
<header
class="usa-banner__header"
>
<div
class="usa-banner__inner"
>
<div
class="grid-col-auto"
>
<img
alt="U.S. flag"
class="usa-banner__header-flag"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAG1BMVEUdM7EeNLIeM7HgQCDaPh/bPh/bPx/////bPyBEby41AAAAUElEQVQI123MNw4CABDEwD3jC/9/MQ1BQrgeOSkIqYe2o2FZtthXgQLgbHVMZdlsfUQFQnHtjP1+8BUhBDKOqtmfot6ojqPzR7TjdU+f6vkED+IDPhTBcMAAAAAASUVORK5CYII="
/>
</div>
<div
class="grid-col-fill tablet:grid-col-auto"
>
<p
class="usa-banner__header-text"
>
An official website of the United States government
</p>
<p
aria-hidden="true"
class="usa-banner__header-action"
>
Here’s how you know
</p>
</div>
<button
aria-controls="gov-banner"
aria-expanded="false"
class="usa-accordion__button usa-banner__button"
type="button"
>
<span
class="usa-banner__button-text"
>
Here’s how you know
</span>
</button>
</div>
</header>
<div
class="usa-banner__content usa-accordion__content"
hidden=""
id="gov-banner"
>
<div
class="grid-row grid-gap-lg"
>
<div
class="usa-banner__guidance tablet:grid-col-6"
>
<img
alt=""
aria-hidden="true"
class="usa-banner__icon usa-media-block__img"
role="img"
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5pY29uLWRvdC1nb3Y8L3RpdGxlPjxwYXRoIGZpbGw9IiMyMzc4QzMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTMyIDBjMTcuNjczIDAgMzIgMTQuMzI3IDMyIDMyIDAgMTcuNjczLTE0LjMyNyAzMi0zMiAzMkMxNC4zMjcgNjQgMCA0OS42NzMgMCAzMiAwIDE0LjMyNyAxNC4zMjcgMCAzMiAwem0wIDEuMjA4QzE0Ljk5NCAxLjIwOCAxLjIwOCAxNC45OTQgMS4yMDggMzJTMTQuOTk0IDYyLjc5MiAzMiA2Mi43OTIgNjIuNzkyIDQ5LjAwNiA2Mi43OTIgMzIgNDkuMDA2IDEuMjA4IDMyIDEuMjA4em0xMC41OSAzOC44NThhLjg1Ny44NTcgMCAwIDEgLjg4Mi44MjJ2MS42NDJIMTguODg2di0xLjY0MmEuODU3Ljg1NyAwIDAgMSAuODgyLS44MjJINDIuNTl6TTI1LjQ0MyAyNy43NzR2OS44MjloMS42NDJ2LTkuODNoMy4yNzN2OS44M0gzMnYtOS44M2gzLjI3MnY5LjgzaDEuNjQzdi05LjgzaDMuMjcydjkuODNoLjc2YS44NTcuODU3IDAgMCAxIC44ODIuODIxdi44MjFoLTIxLjN2LS44MDlhLjg1Ny44NTcgMCAwIDEgLjg4LS44MmguNzYydi05Ljg0MmgzLjI3MnptNS43MzYtOC4xODhsMTIuMjkzIDQuOTE1djEuNjQyaC0xLjYzYS44NTcuODU3IDAgMCAxLS44ODIuODIySDIxLjQxYS44NTcuODU3IDAgMCAxLS44ODItLjgyMmgtMS42NDJ2LTEuNjQybDEyLjI5My00LjkxNXoiLz48L3N2Zz4="
/>
<div
class="usa-media-block__body"
>
<p>
<strong>
Official websites use .gov
</strong>
<br />
A
<strong>
.gov
</strong>
website belongs to an official government organization in the United States.
</p>
</div>
</div>
<div
class="usa-banner__guidance tablet:grid-col-6"
>
<img
alt=""
aria-hidden="true"
class="usa-banner__icon usa-media-block__img"
role="img"
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5pY29uLWh0dHBzPC90aXRsZT48cGF0aCBmaWxsPSIjNzE5RjJBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMiAwYzE3LjY3MyAwIDMyIDE0LjMyNyAzMiAzMiAwIDE3LjY3My0xNC4zMjcgMzItMzIgMzJDMTQuMzI3IDY0IDAgNDkuNjczIDAgMzIgMCAxNC4zMjcgMTQuMzI3IDAgMzIgMHptMCAxLjIwOEMxNC45OTQgMS4yMDggMS4yMDggMTQuOTk0IDEuMjA4IDMyUzE0Ljk5NCA2Mi43OTIgMzIgNjIuNzkyIDYyLjc5MiA0OS4wMDYgNjIuNzkyIDMyIDQ5LjAwNiAxLjIwOCAzMiAxLjIwOHptMCAxOC44ODZhNy4yNDUgNy4yNDUgMCAwIDEgNy4yNDUgNy4yNDV2My4xMDNoLjUyYy44NiAwIDEuNTU3LjY5OCAxLjU1NyAxLjU1OHY5LjMyMmMwIC44Ni0uNjk3IDEuNTU4LTEuNTU3IDEuNTU4aC0xNS41M2MtLjg2IDAtMS41NTctLjY5Ny0xLjU1Ny0xLjU1OFYzMmMwLS44Ni42OTctMS41NTggMS41NTctMS41NThoLjUyVjI3LjM0QTcuMjQ1IDcuMjQ1IDAgMCAxIDMyIDIwLjA5NHptMCAzLjEwM2E0LjE0MiA0LjE0MiAwIDAgMC00LjE0MiA0LjE0MnYzLjEwM2g4LjI4NFYyNy4zNEE0LjE0MiA0LjE0MiAwIDAgMCAzMiAyMy4xOTd6Ii8+PC9zdmc+"
/>
<div
class="usa-media-block__body"
>
<p>
<strong>
Secure .gov websites use HTTPS
</strong>
<br />
A
<strong>
lock (
<span
class="icon-lock"
>
<img
alt="lock"
class="usa-banner__lock-image"
role="img"
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUyIiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNTIgNjQiPjx0aXRsZT5sb2NrPC90aXRsZT48cGF0aCBmaWxsPSIjMUIxQjFCIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNiAwYzEwLjQ5MyAwIDE5IDguNTA3IDE5IDE5djloM2E0IDQgMCAwIDEgNCA0djI4YTQgNCAwIDAgMS00IDRINGE0IDQgMCAwIDEtNC00VjMyYTQgNCAwIDAgMSA0LTRoM3YtOUM3IDguNTA3IDE1LjUwNyAwIDI2IDB6bTAgOGMtNS45NzkgMC0xMC44NDMgNC43Ny0xMC45OTYgMTAuNzEyTDE1IDE5djloMjJ2LTljMC02LjA3NS00LjkyNS0xMS0xMS0xMXoiLz48L3N2Zz4="
title="Lock"
/>
</span>
)
</strong>
or
<strong>
https://
</strong>
means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<div>
<div>
<div />
<div>
<span>
This is a beta site.
</span>
<span>
It is an early, in-progress version of the tool with limited datasets that will
be regularly updated.
</span>
</div>
</div>
</div>
<div
class="grid-container-desktop-lg"
data-testid="gridContainer"
>
<div
class="grid-row"
data-testid="grid"
>
<div
class="grid-col-1"
data-testid="grid"
>
<img
alt="Climate and Economic Justice Screening Tool"
src="test-file-stub"
/>
</div>
<div
class="grid-col-6"
data-testid="grid"
>
<div>
<div>
Climate and Economic Justice
</div>
<div>
<div>
Screening Tool
</div>
<div>
BETA
</div>
</div>
</div>
</div>
<div
class="grid-col-fill"
data-testid="grid"
>
<button
class="usa-menu-btn"
data-testid="navMenuButton"
type="button"
>
Menu
</button>
<nav
class="usa-nav"
>
<button
class="usa-nav__close"
data-testid="navCloseButton"
type="button"
>
<img
alt="close"
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5jbG9zZTwvdGl0bGU+PHBhdGggZmlsbD0iIzU2NUM2NSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNTcuMDQyIDEuMTVsNS44MDkgNS44MDhhNCA0IDAgMCAxIDAgNS42NTdMNDMuNDY1IDMybDE5LjM4NiAxOS4zODVhNCA0IDAgMCAxIDAgNS42NTdsLTUuODA5IDUuODA5YTQgNCAwIDAgMS01LjY1NyAwTDMyIDQzLjQ2NSAxMi42MTUgNjIuODUxYTQgNCAwIDAgMS01LjY1NyAwbC01LjgwOS01LjgwOWE0IDQgMCAwIDEgMC01LjY1N0wyMC41MzUgMzIgMS4xNDkgMTIuNjE1YTQgNCAwIDAgMSAwLTUuNjU3bDUuODA5LTUuODA5YTQgNCAwIDAgMSA1LjY1NyAwTDMyIDIwLjUzNSA1MS4zODUgMS4xNDlhNCA0IDAgMCAxIDUuNjU3IDB6Ii8+PC9zdmc+"
/>
</button>
<ul
class="usa-nav__primary usa-accordion"
>
<li
class="usa-nav__primary-item"
>
<a
data-cy="nav-link-explore-the-tool"
href="/en/"
>
Explore the tool
</a>
</li>
<li
class="usa-nav__primary-item"
>
<button
aria-controls="methMenu"
aria-expanded="false"
class="usa-accordion__button usa-nav__link"
data-cy="nav-dropdown-methodology"
data-testid="navDropDownButton"
type="button"
>
<span>
Methodology & data
</span>
</button>
<ul
class="usa-nav__submenu"
hidden=""
id="methMenu"
>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-methodology"
href="/en/methodology"
>
Methodology & data
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-downloads"
href="/en/downloads"
>
Downloads
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-technical-support-docs"
href="/en/technical-support-document"
>
Technical Support Document
</a>
</li>
</ul>
</li>
<li
class="usa-nav__primary-item"
>
<button
aria-controls="aboutMenu"
aria-expanded="false"
class="usa-accordion__button usa-nav__link"
data-cy="nav-dropdown-about"
data-testid="navDropDownButton"
type="button"
>
<span>
About
</span>
</button>
<ul
class="usa-nav__submenu"
hidden=""
id="aboutMenu"
>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-about"
href="/en/about"
>
About
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-faqs"
href="/en/frequently-asked-questions"
>
Frequently asked questions
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-public-engagement"
href="/en/public-engagement"
>
Engagement calendar
</a>
</li>
</ul>
</li>
<li
class="usa-nav__primary-item"
>
<a
data-cy="nav-link-contact"
href="/en/contact"
>
Contact
</a>
</li>
<li
class="usa-nav__primary-item"
>
<div />
</li>
</ul>
</nav>
</div>
</div>
</div>
<div
class="grid-container-desktop-lg"
data-testid="gridContainer"
>
<div
class="usa-alert usa-alert--info"
data-testid="alert"
>
<div
class="usa-alert__body"
>
<h4
class="usa-alert__heading"
>
Improvements to the map on the Explore the tool page
</h4>
<p
class="usa-alert__text"
>
View improvements made to the display of the information for each census tract and
<a
class="usa-link usa-link--external"
data-cy=""
href="mailto:Screeningtool-Support@omb.eop.gov"
rel="noreferrer"
target="_blank"
>
send feedback
</a>
.
</p>
</div>
</div>
</div>
</header>
<main
id="main-content"
>
<div
class="grid-container-desktop-lg"
data-testid="gridContainer"
>
<h1>
Frequently asked questions
</h1>
<div
class="grid-row"
data-testid="grid"
>
Coming Soon!
</div>
</div>
</main>
<footer
class="j40-footer"
>
<div
class="usa-footer__primary-section pb2"
data-cy="footer-primary-block"
>
<div
class="grid-container-desktop-lg"
data-testid="gridContainer"
>
<div
class="grid-row tablet-lg:grid-col4"
>
<div
class="mobile-lg:grid-col-12 desktop:grid-col-4"
>
<section>
<div
class="j40-h4"
>
Contact
</div>
<ul
class="usa-list usa-list--unstyled"
>
<li
class="usa-footer__secondary-link"
>
<address
class="usa-footer__address j40-footer-address"
>
<div
class="usa-footer__contact-info grid-row grid-gap"
>
<div
class="grid-col-auto"
>
Council on Environmental Quality
</div>
<div
class="grid-col-auto"
>
730 Jackson Pl NW
</div>
<div
class="grid-col-auto"
>
Washington, D.C. 20506
</div>
<div
class="grid-col-auto"
>
(202) 395-5750
</div>
</div>
</address>
</li>
</ul>
</section>
</div>
<div
class="mobile-lg:grid-col-12 desktop:grid-col-4"
>
<section>
<div
class="j40-h4"
>
More information
</div>
<ul
class="usa-list usa-list--unstyled"
>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external footer-link-first-child"
data-cy="whitehouse-gov"
href="https://www.whitehouse.gov/"
rel="noreferrer"
target="_blank"
>
Whitehouse.gov
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="freedom-of-information-act-(foia)"
href="https://www.whitehouse.gov/ceq/foia"
rel="noreferrer"
target="_blank"
>
Freedom of Information Act (FOIA)
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="privacy-policy"
href="https://www.whitehouse.gov/privacy/"
rel="noreferrer"
target="_blank"
>
Privacy Policy
</a>
</li>
</ul>
</section>
</div>
<div
class="mobile-lg:grid-col-12 desktop:grid-col-4"
>
<section>
<div
class="j40-h4"
>
Have a question about government services?
</div>
<ul
class="usa-list usa-list--unstyled"
>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external footer-link-first-child"
data-cy="find-a-contact-at-usa-gov"
href="https://www.usa.gov/"
rel="noreferrer"
target="_blank"
>
Find a contact at USA.gov
</a>
</li>
</ul>
</section>
</div>
</div>
</div>
</div>
<div
class="usa-footer__secondary-section"
>
<div
class="grid-container-desktop-lg"
data-testid="gridContainer"
>
<div
class="usa-footer__logo grid-row mobile-lg:grid-col-6 mobile-lg:grid-gap-2"
data-testid="footerLogo"
>
<div
class="mobile-lg:grid-col-auto"
>
<img
alt="Whitehouse logo"
class="usa-footer__logo-img"
src="test-file-stub"
/>
</div>
<div
class="mobile-lg:grid-col-auto"
>
<div
class="j40-footer-ceq-font"
>
Council on Environmental Quality
</div>
</div>
</div>
</div>
</div>
<div
class="grid-container-desktop-lg"
data-testid="gridContainer"
>
<button
class="usa-button"
data-testid="button"
type="button"
>
Help improve the site & data
<img
alt="launch icon"
src="test-file-stub"
/>
</button>
</div>
</footer>
</DocumentFragment>
`;

6
client/src/pages/tests/__snapshots__/methodology.test.tsx.snap
View file

@ -315,9 +315,9 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
>
<a
data-cy="nav-link-faqs"
href="/en/faqs"
href="/en/frequently-asked-questions"
>
FAQs
Frequently asked questions
</a>
</li>
<li
@ -327,7 +327,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
data-cy="nav-link-public-engagement"
href="/en/public-engagement"
>
Public Engagement
Engagement calendar
</a>
</li>
</ul>

6
client/src/pages/tests/__snapshots__/publicEng.test.tsx.snap
View file

@ -315,9 +315,9 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
>
<a
data-cy="nav-link-faqs"
href="/en/faqs"
href="/en/frequently-asked-questions"
>
FAQs
Frequently asked questions
</a>
</li>
<li
@ -327,7 +327,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
data-cy="nav-link-public-engagement"
href="/en/public-engagement"
>
Public Engagement
Engagement calendar
</a>
</li>
</ul>

604
client/src/pages/tests/__snapshots__/techSupportDoc.test.tsx.snap Normal file
View file

@ -0,0 +1,604 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`rendering of the DatasetContainer checks if various text fields are visible 1`] = `
<DocumentFragment>
<header
class="usa-header usa-header--basic"
data-testid="header"
role="banner"
>
<div>
<div>
<section
class="usa-banner"
data-testid="govBanner"
>
<div
class="usa-accordion"
>
<header
class="usa-banner__header"
>
<div
class="usa-banner__inner"
>
<div
class="grid-col-auto"
>
<img
alt="U.S. flag"
class="usa-banner__header-flag"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAG1BMVEUdM7EeNLIeM7HgQCDaPh/bPh/bPx/////bPyBEby41AAAAUElEQVQI123MNw4CABDEwD3jC/9/MQ1BQrgeOSkIqYe2o2FZtthXgQLgbHVMZdlsfUQFQnHtjP1+8BUhBDKOqtmfot6ojqPzR7TjdU+f6vkED+IDPhTBcMAAAAAASUVORK5CYII="
/>
</div>
<div
class="grid-col-fill tablet:grid-col-auto"
>
<p
class="usa-banner__header-text"
>
An official website of the United States government
</p>
<p
aria-hidden="true"
class="usa-banner__header-action"
>
Here’s how you know
</p>
</div>
<button
aria-controls="gov-banner"
aria-expanded="false"
class="usa-accordion__button usa-banner__button"
type="button"
>
<span
class="usa-banner__button-text"
>
Here’s how you know
</span>
</button>
</div>
</header>
<div
class="usa-banner__content usa-accordion__content"
hidden=""
id="gov-banner"
>
<div
class="grid-row grid-gap-lg"
>
<div
class="usa-banner__guidance tablet:grid-col-6"
>
<img
alt=""
aria-hidden="true"
class="usa-banner__icon usa-media-block__img"
role="img"
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5pY29uLWRvdC1nb3Y8L3RpdGxlPjxwYXRoIGZpbGw9IiMyMzc4QzMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTMyIDBjMTcuNjczIDAgMzIgMTQuMzI3IDMyIDMyIDAgMTcuNjczLTE0LjMyNyAzMi0zMiAzMkMxNC4zMjcgNjQgMCA0OS42NzMgMCAzMiAwIDE0LjMyNyAxNC4zMjcgMCAzMiAwem0wIDEuMjA4QzE0Ljk5NCAxLjIwOCAxLjIwOCAxNC45OTQgMS4yMDggMzJTMTQuOTk0IDYyLjc5MiAzMiA2Mi43OTIgNjIuNzkyIDQ5LjAwNiA2Mi43OTIgMzIgNDkuMDA2IDEuMjA4IDMyIDEuMjA4em0xMC41OSAzOC44NThhLjg1Ny44NTcgMCAwIDEgLjg4Mi44MjJ2MS42NDJIMTguODg2di0xLjY0MmEuODU3Ljg1NyAwIDAgMSAuODgyLS44MjJINDIuNTl6TTI1LjQ0MyAyNy43NzR2OS44MjloMS42NDJ2LTkuODNoMy4yNzN2OS44M0gzMnYtOS44M2gzLjI3MnY5LjgzaDEuNjQzdi05LjgzaDMuMjcydjkuODNoLjc2YS44NTcuODU3IDAgMCAxIC44ODIuODIxdi44MjFoLTIxLjN2LS44MDlhLjg1Ny44NTcgMCAwIDEgLjg4LS44MmguNzYydi05Ljg0MmgzLjI3MnptNS43MzYtOC4xODhsMTIuMjkzIDQuOTE1djEuNjQyaC0xLjYzYS44NTcuODU3IDAgMCAxLS44ODIuODIySDIxLjQxYS44NTcuODU3IDAgMCAxLS44ODItLjgyMmgtMS42NDJ2LTEuNjQybDEyLjI5My00LjkxNXoiLz48L3N2Zz4="
/>
<div
class="usa-media-block__body"
>
<p>
<strong>
Official websites use .gov
</strong>
<br />
A
<strong>
.gov
</strong>
website belongs to an official government organization in the United States.
</p>
</div>
</div>
<div
class="usa-banner__guidance tablet:grid-col-6"
>
<img
alt=""
aria-hidden="true"
class="usa-banner__icon usa-media-block__img"
role="img"
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5pY29uLWh0dHBzPC90aXRsZT48cGF0aCBmaWxsPSIjNzE5RjJBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMiAwYzE3LjY3MyAwIDMyIDE0LjMyNyAzMiAzMiAwIDE3LjY3My0xNC4zMjcgMzItMzIgMzJDMTQuMzI3IDY0IDAgNDkuNjczIDAgMzIgMCAxNC4zMjcgMTQuMzI3IDAgMzIgMHptMCAxLjIwOEMxNC45OTQgMS4yMDggMS4yMDggMTQuOTk0IDEuMjA4IDMyUzE0Ljk5NCA2Mi43OTIgMzIgNjIuNzkyIDYyLjc5MiA0OS4wMDYgNjIuNzkyIDMyIDQ5LjAwNiAxLjIwOCAzMiAxLjIwOHptMCAxOC44ODZhNy4yNDUgNy4yNDUgMCAwIDEgNy4yNDUgNy4yNDV2My4xMDNoLjUyYy44NiAwIDEuNTU3LjY5OCAxLjU1NyAxLjU1OHY5LjMyMmMwIC44Ni0uNjk3IDEuNTU4LTEuNTU3IDEuNTU4aC0xNS41M2MtLjg2IDAtMS41NTctLjY5Ny0xLjU1Ny0xLjU1OFYzMmMwLS44Ni42OTctMS41NTggMS41NTctMS41NThoLjUyVjI3LjM0QTcuMjQ1IDcuMjQ1IDAgMCAxIDMyIDIwLjA5NHptMCAzLjEwM2E0LjE0MiA0LjE0MiAwIDAgMC00LjE0MiA0LjE0MnYzLjEwM2g4LjI4NFYyNy4zNEE0LjE0MiA0LjE0MiAwIDAgMCAzMiAyMy4xOTd6Ii8+PC9zdmc+"
/>
<div
class="usa-media-block__body"
>
<p>
<strong>
Secure .gov websites use HTTPS
</strong>
<br />
A
<strong>
lock (
<span
class="icon-lock"
>
<img
alt="lock"
class="usa-banner__lock-image"
role="img"
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUyIiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNTIgNjQiPjx0aXRsZT5sb2NrPC90aXRsZT48cGF0aCBmaWxsPSIjMUIxQjFCIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNiAwYzEwLjQ5MyAwIDE5IDguNTA3IDE5IDE5djloM2E0IDQgMCAwIDEgNCA0djI4YTQgNCAwIDAgMS00IDRINGE0IDQgMCAwIDEtNC00VjMyYTQgNCAwIDAgMSA0LTRoM3YtOUM3IDguNTA3IDE1LjUwNyAwIDI2IDB6bTAgOGMtNS45NzkgMC0xMC44NDMgNC43Ny0xMC45OTYgMTAuNzEyTDE1IDE5djloMjJ2LTljMC02LjA3NS00LjkyNS0xMS0xMS0xMXoiLz48L3N2Zz4="
title="Lock"
/>
</span>
)
</strong>
or
<strong>
https://
</strong>
means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<div>
<div>
<div />
<div>
<span>
This is a beta site.
</span>
<span>
It is an early, in-progress version of the tool with limited datasets that will
be regularly updated.
</span>
</div>
</div>
</div>
<div
class="grid-container-desktop-lg"
data-testid="gridContainer"
>
<div
class="grid-row"
data-testid="grid"
>
<div
class="grid-col-1"
data-testid="grid"
>
<img
alt="Climate and Economic Justice Screening Tool"
src="test-file-stub"
/>
</div>
<div
class="grid-col-6"
data-testid="grid"
>
<div>
<div>
Climate and Economic Justice
</div>
<div>
<div>
Screening Tool
</div>
<div>
BETA
</div>
</div>
</div>
</div>
<div
class="grid-col-fill"
data-testid="grid"
>
<button
class="usa-menu-btn"
data-testid="navMenuButton"
type="button"
>
Menu
</button>
<nav
class="usa-nav"
>
<button
class="usa-nav__close"
data-testid="navCloseButton"
type="button"
>
<img
alt="close"
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5jbG9zZTwvdGl0bGU+PHBhdGggZmlsbD0iIzU2NUM2NSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNTcuMDQyIDEuMTVsNS44MDkgNS44MDhhNCA0IDAgMCAxIDAgNS42NTdMNDMuNDY1IDMybDE5LjM4NiAxOS4zODVhNCA0IDAgMCAxIDAgNS42NTdsLTUuODA5IDUuODA5YTQgNCAwIDAgMS01LjY1NyAwTDMyIDQzLjQ2NSAxMi42MTUgNjIuODUxYTQgNCAwIDAgMS01LjY1NyAwbC01LjgwOS01LjgwOWE0IDQgMCAwIDEgMC01LjY1N0wyMC41MzUgMzIgMS4xNDkgMTIuNjE1YTQgNCAwIDAgMSAwLTUuNjU3bDUuODA5LTUuODA5YTQgNCAwIDAgMSA1LjY1NyAwTDMyIDIwLjUzNSA1MS4zODUgMS4xNDlhNCA0IDAgMCAxIDUuNjU3IDB6Ii8+PC9zdmc+"
/>
</button>
<ul
class="usa-nav__primary usa-accordion"
>
<li
class="usa-nav__primary-item"
>
<a
data-cy="nav-link-explore-the-tool"
href="/en/"
>
Explore the tool
</a>
</li>
<li
class="usa-nav__primary-item"
>
<button
aria-controls="methMenu"
aria-expanded="false"
class="usa-accordion__button usa-nav__link"
data-cy="nav-dropdown-methodology"
data-testid="navDropDownButton"
type="button"
>
<span>
Methodology & data
</span>
</button>
<ul
class="usa-nav__submenu"
hidden=""
id="methMenu"
>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-methodology"
href="/en/methodology"
>
Methodology & data
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-downloads"
href="/en/downloads"
>
Downloads
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-technical-support-docs"
href="/en/technical-support-document"
>
Technical Support Document
</a>
</li>
</ul>
</li>
<li
class="usa-nav__primary-item"
>
<button
aria-controls="aboutMenu"
aria-expanded="false"
class="usa-accordion__button usa-nav__link"
data-cy="nav-dropdown-about"
data-testid="navDropDownButton"
type="button"
>
<span>
About
</span>
</button>
<ul
class="usa-nav__submenu"
hidden=""
id="aboutMenu"
>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-about"
href="/en/about"
>
About
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-faqs"
href="/en/frequently-asked-questions"
>
Frequently asked questions
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-public-engagement"
href="/en/public-engagement"
>
Engagement calendar
</a>
</li>
</ul>
</li>
<li
class="usa-nav__primary-item"
>
<a
data-cy="nav-link-contact"
href="/en/contact"
>
Contact
</a>
</li>
<li
class="usa-nav__primary-item"
>
<div />
</li>
</ul>
</nav>
</div>
</div>
</div>
<div
class="grid-container-desktop-lg"
data-testid="gridContainer"
>
<div
class="usa-alert usa-alert--info"
data-testid="alert"
>
<div
class="usa-alert__body"
>
<h4
class="usa-alert__heading"
>
Improvements to the map on the Explore the tool page
</h4>
<p
class="usa-alert__text"
>
View improvements made to the display of the information for each census tract and
<a
class="usa-link usa-link--external"
data-cy=""
href="mailto:Screeningtool-Support@omb.eop.gov"
rel="noreferrer"
target="_blank"
>
send feedback
</a>
.
</p>
</div>
</div>
</div>
</header>
<main
id="main-content"
>
<div
class="grid-container-desktop-lg"
data-testid="gridContainer"
>
<h1>
Technical Support Document
</h1>
<div
class="grid-row"
data-testid="grid"
>
Coming Soon!
</div>
</div>
</main>
<footer
class="j40-footer"
>
<div
class="usa-footer__primary-section pb2"
data-cy="footer-primary-block"
>
<div
class="grid-container-desktop-lg"
data-testid="gridContainer"
>
<div
class="grid-row tablet-lg:grid-col4"
>
<div
class="mobile-lg:grid-col-12 desktop:grid-col-4"
>
<section>
<div
class="j40-h4"
>
Contact
</div>
<ul
class="usa-list usa-list--unstyled"
>
<li
class="usa-footer__secondary-link"
>
<address
class="usa-footer__address j40-footer-address"
>
<div
class="usa-footer__contact-info grid-row grid-gap"
>
<div
class="grid-col-auto"
>
Council on Environmental Quality
</div>
<div
class="grid-col-auto"
>
730 Jackson Pl NW
</div>
<div
class="grid-col-auto"
>
Washington, D.C. 20506
</div>
<div
class="grid-col-auto"
>
(202) 395-5750
</div>
</div>
</address>
</li>
</ul>
</section>
</div>
<div
class="mobile-lg:grid-col-12 desktop:grid-col-4"
>
<section>
<div
class="j40-h4"
>
More information
</div>
<ul
class="usa-list usa-list--unstyled"
>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external footer-link-first-child"
data-cy="whitehouse-gov"
href="https://www.whitehouse.gov/"
rel="noreferrer"
target="_blank"
>
Whitehouse.gov
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="freedom-of-information-act-(foia)"
href="https://www.whitehouse.gov/ceq/foia"
rel="noreferrer"
target="_blank"
>
Freedom of Information Act (FOIA)
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="privacy-policy"
href="https://www.whitehouse.gov/privacy/"
rel="noreferrer"
target="_blank"
>
Privacy Policy
</a>
</li>
</ul>
</section>
</div>
<div
class="mobile-lg:grid-col-12 desktop:grid-col-4"
>
<section>
<div
class="j40-h4"
>
Have a question about government services?
</div>
<ul
class="usa-list usa-list--unstyled"
>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external footer-link-first-child"
data-cy="find-a-contact-at-usa-gov"
href="https://www.usa.gov/"
rel="noreferrer"
target="_blank"
>
Find a contact at USA.gov
</a>
</li>
</ul>
</section>
</div>
</div>
</div>
</div>
<div
class="usa-footer__secondary-section"
>
<div
class="grid-container-desktop-lg"
data-testid="gridContainer"
>
<div
class="usa-footer__logo grid-row mobile-lg:grid-col-6 mobile-lg:grid-gap-2"
data-testid="footerLogo"
>
<div
class="mobile-lg:grid-col-auto"
>
<img
alt="Whitehouse logo"
class="usa-footer__logo-img"
src="test-file-stub"
/>
</div>
<div
class="mobile-lg:grid-col-auto"
>
<div
class="j40-footer-ceq-font"
>
Council on Environmental Quality
</div>
</div>
</div>
</div>
</div>
<div
class="grid-container-desktop-lg"
data-testid="gridContainer"
>
<button
class="usa-button"
data-testid="button"
type="button"
>
Help improve the site & data
<img
alt="launch icon"
src="test-file-stub"
/>
</button>
</div>
</footer>
</DocumentFragment>
`;

16
client/src/pages/tests/freqAskedQuestions.test.tsx Normal file
View file

@ -0,0 +1,16 @@
import * as React from 'react';
import {render} from '@testing-library/react';
import {LocalizedComponent} from '../../test/testHelpers';
import FAQPage from '../frequently-asked-questions';
describe('rendering of the DatasetContainer', () => {
const {asFragment} = render(
<LocalizedComponent>
<FAQPage location={window.location}/>
</LocalizedComponent>,
);
it('checks if various text fields are visible', () => {
expect(asFragment()).toMatchSnapshot();
});
});

16
client/src/pages/tests/techSupportDoc.test.tsx Normal file
View file

@ -0,0 +1,16 @@
import * as React from 'react';
import {render} from '@testing-library/react';
import {LocalizedComponent} from '../../test/testHelpers';
import TSDPage from '../technical-support-document';
describe('rendering of the DatasetContainer', () => {
const {asFragment} = render(
<LocalizedComponent>
<TSDPage location={window.location}/>
</LocalizedComponent>,
);
it('checks if various text fields are visible', () => {
expect(asFragment()).toMatchSnapshot();
});
});