src/components/project-page/__snapshots__/project-page.component.test.js.snap
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`components - ProjectPage render should render correctly 1`] = `
<main
id="main-content"
>
<Connect(SiteBanner)
title="Projects"
/>
<Breadcrumbs
crumbs={
Array [
Object {
"text": "Home",
"to": "/",
},
Object {
"text": "repo-agency-acronym",
"to": "/browse-projects?agencies=repo-agency-acronym",
},
Object {
"text": "repo-name",
},
]
}
/>
<section
className="grid-container"
>
<header>
<div
className="margin-top-1"
>
<h2
className="font-heading-xl"
>
repo-name
</h2>
<p
className="font-body-2xs margin-y-2px"
>
Last updated on 12/10/2020
</p>
<div
className="grid-row margin-top-0"
id="repo-tags"
>
<Connect(CustomLinkComponent)
className="usa-button font-body-2xs padding-1 padding-x-205 bg-primary text-lowercase radius-md margin-top-1 width-auto"
key="repo-tag-1"
to="/search?query=repo-tag-1"
>
<span
className="text-white text-no-underline text-normal"
>
repo-tag-1
</span>
</Connect(CustomLinkComponent)>
<Connect(CustomLinkComponent)
className="usa-button font-body-2xs padding-1 padding-x-205 bg-primary text-lowercase radius-md margin-top-1 width-auto"
key="repo-tag-2"
to="/search?query=repo-tag-2"
>
<span
className="text-white text-no-underline text-normal"
>
repo-tag-2
</span>
</Connect(CustomLinkComponent)>
</div>
<ul
className="padding-0 font-body-2xs"
>
<li>
<i
className="icon icon-certificate padding-right-05"
/>
repo-license
</li>
<li>
<i
className="icon icon-hourglass-end padding-right-05"
/>
123 hours
</li>
<li>
<i
className="icon icon-code padding-right-05"
/>
repo-lang-1, repo-lang-2
</li>
<li>
<i
className="icon icon-mail padding-right-05"
/>
<a
href="mailto:repo-email?Subject=Contribution%20Inquiry"
target="_top"
>
repo-email
</a>
</li>
</ul>
<p
className="maxw-none font-body-2xs"
>
repo-desc
</p>
<div>
<br />
<div
className="metadata-entry"
>
<div
className="metadata-key"
>
array
</div>
<div
className="metadata-value"
>
<div
key="array-repo-meta-arr-1"
>
repo-meta-arr-1
</div>
</div>
</div>
<div
className="metadata-entry"
>
<div
className="metadata-key"
>
url
</div>
<div
className="metadata-value"
>
<a
href="http://www.repo-meta-url.com"
rel="noopener noreferrer"
target="_blank"
>
<div>
http://www.repo-meta-url.com
</div>
</a>
</div>
</div>
<div
className="metadata-entry"
>
<div
className="metadata-key"
>
string
</div>
<div
className="metadata-value"
>
<div>
repo-meta-string
</div>
</div>
</div>
</div>
<br />
<a
className="usa-button margin-bottom-6 margin-top-neg-2px"
href="https://github.com/repo-url"
rel="noopener noreferrer"
target="_blank"
>
Visit Repo
</a>
</div>
</header>
</section>
</main>
`;