GSA/code-gov-front-end

View on GitHub
src/components/agency-card/__snapshots__/agency-card.component.test.js.snap

Summary

Maintainability
Test Coverage
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`components - RepoCard render should render correctly 1`] = `
<li
  className="usa-card width-full margin-bottom-2"
>
  <div
    className="usa-card__container border-base-light radius-0 border-1px hover:shadow-2 card-list-item"
  >
    <QualityTag
      className="display-flex flex-justify-end"
      score="repo-score"
    />
    <header
      className="usa-card__header grid-col-9"
    >
      <h3
        className="usa-card__heading font-heading-lg margin-top-0"
      >
        <Connect(CustomLinkComponent)
          className="project-link"
          to="/projects/repo-id"
        >
          repo-name
        </Connect(CustomLinkComponent)>
      </h3>
    </header>
    <div
      className="width-full usa-card__body font-body-2xs"
    >
      repo-desc
    </div>
    <ul
      className="width-full usa-card__body font-body-3xs padding-bottom-3 border-bottom-1px border-base-light"
    >
      <li>
         
        <span
          className="text-bold"
        >
          Agency: 
        </span>
        <Connect(CustomLinkComponent)
          to="/browse-projects?agencies=repo-agency-acronym"
        >
          repo-agency-name
        </Connect(CustomLinkComponent)>
      </li>
      <li>
        <span
          className="text-bold"
        >
          Last Updated: 
        </span>
        12/10/2020
      </li>
    </ul>
    <div
      className="usa-card__footer font-body-3xs padding-bottom-1 padding-top-1px grid-container margin-0"
    >
      <div
        className="grid-row margin-bottom-0"
      >
        <ul
          className="display-inline-block tablet:grid-col-9 desktop:grid-col-10 grid-col-12 padding-0"
        >
          <CardPart
            text="repo-usage"
            title="Usage Type"
          />
          <CardPart
            text="repo-lang-1, repo-lang-2"
            title="Languages"
          />
          <CardPart
            text="repo-license"
            title="License"
          />
        </ul>
        <div
          className="tablet:grid-col-3 desktop:grid-col-2 margin-bottom-2 grid-col-12 margin-top-5 tablet:margin-top-0"
        >
          <a
            className="usa-button font-heading-2xs padding-x-2 pin-bottom pin-right"
            href="https://github.com/repo-url"
            rel="noopener noreferrer"
            target="_blank"
          >
            Go to Repo
            <p
              className="usa-sr-only"
            >
              repo-name
            </p>
          </a>
        </div>
      </div>
    </div>
  </div>
</li>
`;