mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-08-21 08:51:40 -07:00
226017654a* Add initial side nav * Add Download page as a sub-page under Meth&Data - udpate S3 file path in .envs - remove the DownloadPacket component - move download copy from methodology to download - modify header to use two types of navs: -- mobile (with sub-pages) and -- desktop (without subpages) - create a SubPageNav component - add SubPagNav to Meth and Download page - update snapshots - add global CSS overide to remove minus sign on mobile nav link accordion as it's permanently open * Remove the update tag above Public eng button * Make the 3rd bullet on explore page update on 5/25 * Make the RFI box text change after 5/25/22 * Update site with RFI expired copy, remove Alerts - add Spanish translations - update snapshots * Fix typo on XLS file path * Refactor HowYouCanHelp to standard form * Add custom download links with icons - add new DownloadLink compnent - add Spanish translations * Update download file sizes * Allow meth&data nav link to collapse on mobile
592 lines
20 KiB
Text
592 lines
20 KiB
Text
// 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>
|
||
<img
|
||
alt="language icon for selecting language"
|
||
src="test-file-stub"
|
||
/>
|
||
<a
|
||
href="#"
|
||
>
|
||
English
|
||
</a>
|
||
<a
|
||
href="#"
|
||
>
|
||
Español
|
||
</a>
|
||
</div>
|
||
</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-map"
|
||
href="/en/"
|
||
>
|
||
Explore the map
|
||
</a>
|
||
</li>
|
||
<li
|
||
class="usa-nav__primary-item"
|
||
>
|
||
<button
|
||
aria-controls="methMenu"
|
||
aria-expanded="true"
|
||
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"
|
||
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>
|
||
</ul>
|
||
</li>
|
||
<li
|
||
class="usa-nav__primary-item"
|
||
>
|
||
<a
|
||
data-cy="nav-link-about"
|
||
href="/en/about"
|
||
>
|
||
About
|
||
</a>
|
||
</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>
|
||
<div>
|
||
<img
|
||
alt="language icon for selecting language"
|
||
src="test-file-stub"
|
||
/>
|
||
<a
|
||
href="#"
|
||
>
|
||
English
|
||
</a>
|
||
<a
|
||
href="#"
|
||
>
|
||
Español
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
</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="footer-link-first-child"
|
||
href="/en/public-engagement"
|
||
>
|
||
Engagement calendar
|
||
</a>
|
||
</li>
|
||
<li
|
||
class="usa-footer__secondary-link"
|
||
>
|
||
<a
|
||
class="usa-link usa-link--external"
|
||
data-cy="request-for-information"
|
||
href="https://www.federalregister.gov/d/2022-03920"
|
||
rel="noreferrer"
|
||
target="_blank"
|
||
>
|
||
Request for Information
|
||
</a>
|
||
</li>
|
||
<li
|
||
class="usa-footer__secondary-link"
|
||
>
|
||
<a
|
||
class="usa-link usa-link--external"
|
||
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>
|
||
<li
|
||
class="usa-footer__secondary-link"
|
||
>
|
||
<a
|
||
class="usa-link usa-link--external"
|
||
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
|
||
class="mobile-lg:grid-col-12 desktop:grid-col-4"
|
||
>
|
||
<section>
|
||
<div
|
||
class="j40-h4"
|
||
>
|
||
Want to contribute?
|
||
</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="check-out-the-code-on-github"
|
||
href="https://github.com/usds/justice40-tool"
|
||
rel="noreferrer"
|
||
target="_blank"
|
||
>
|
||
Check out the code on GitHub
|
||
</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"
|
||
>
|
||
<a
|
||
href="https://www.surveymonkey.com/r/cejst-survey"
|
||
rel="noreferrer"
|
||
target="_blank"
|
||
>
|
||
<button
|
||
class="usa-button"
|
||
data-testid="button"
|
||
type="button"
|
||
>
|
||
Help improve the site & data
|
||
<img
|
||
alt="launch icon"
|
||
src="test-file-stub"
|
||
/>
|
||
</button>
|
||
</a>
|
||
</div>
|
||
</footer>
|
||
</DocumentFragment>
|
||
`;
|