GSA/code-gov-front-end

View on GitHub
src/components/project-page/__snapshots__/project-page.component.test.js.snap

Summary

Maintainability
Test Coverage
// 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>
`;