GSA/code-gov-front-end

View on GitHub
src/components/pagination/__snapshots__/pagination.component.test.js.snap

Summary

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

exports[`components - Pagination render should render correctly 1`] = `
<Fragment>
  <nav
    aria-label="Pagination Navigation"
    className="margin-top-neg-3"
    role="navigation"
  >
    <ul
      className="display-block font-body-3xs text-bold text-center padding-bottom-4 float-none tablet-lg:float-right padding-left-0"
    >
      <li
        className="tablet-lg:display-inline-block display-block"
      >
        <p
          className="display-inline-block"
        >
          Results 
          <strong>
            11-20
          </strong>
           of 
          <strong>
            30
          </strong>
        </p>
      </li>
      <li
        aria-label="Go to the previous page."
        className="display-inline-block padding-left-2 padding-right-1"
      >
        <button
          className="text-no-underline border-0 bg-white text-bold padding-0 text-primary"
          onClick={[Function]}
        >
          <i
            className="icon icon-angle-circled-left"
          />
           Prev
        </button>
      </li>
      <li
        className="display-none tablet:display-inline padding-left-1 padding-right-1 page first"
        key="1"
      >
        <a
          aria-label="Go to page 1"
          className="text-no-underline"
          data-testid="component-pagination-page-link-1"
          index={1}
          onClick={[Function]}
          onKeyPress={[Function]}
          tabIndex={0}
        >
          1
        </a>
      </li>
      <li
        className="display-none tablet:display-inline padding-left-1 padding-right-1 page current"
        key="2"
      >
        <span
          aria-current="true"
          aria-label="Current Page 2"
        >
          2
        </span>
      </li>
      <li
        className="display-none tablet:display-inline padding-left-1 padding-right-1 page"
        key="3"
      >
        <a
          aria-label="Go to page 3"
          className="text-no-underline"
          data-testid="component-pagination-page-link-3"
          index={3}
          onClick={[Function]}
          onKeyPress={[Function]}
          tabIndex={0}
        >
          3
        </a>
      </li>
      <li
        aria-label="Go to the next page."
        className="display-inline padding-left-1 tablet:padding-right-1 padding-right-2"
      >
        <button
          className="text-no-underline border-0 bg-white text-bold padding-0 text-primary"
          onClick={[Function]}
        >
          Next 
          <i
            className="icon icon-angle-circled-right"
          />
        </button>
      </li>
    </ul>
  </nav>
</Fragment>
`;