src/components/pagination/__snapshots__/pagination.component.test.js.snap
// 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>
`;