@bulmil/core
Version:
93 lines (90 loc) • 2.53 kB
JavaScript
/*!
* Bulmil - MIT License
*/
import { newSpecPage } from "@stencil/core/testing";
import { Pagination } from "../pagination";
it('Should render properly', async () => {
const page = await newSpecPage({
components: [Pagination],
html: `
<bm-pagination>
<a class="pagination-previous">Previous</a>
<a class="pagination-next">Next page</a>
<ul class="pagination-list">
<li>
<a class="pagination-link" aria-label="Goto page 1">
1
</a>
</li>
<li>
<span class="pagination-ellipsis">…</span>
</li>
<li>
<a class="pagination-link" aria-label="Goto page 45">
45
</a>
</li>
<li>
<a class="pagination-link is-current" aria-label="Page 46" aria-current="page">
46
</a>
</li>
<li>
<a class="pagination-link" aria-label="Goto page 47">
47
</a>
</li>
<li>
<span class="pagination-ellipsis">…</span>
</li>
<li>
<a class="pagination-link" aria-label="Goto page 86">
86
</a>
</li>
</ul>
</bm-pagination>
`,
});
expect(page.root).toEqualHtml(`
<bm-pagination>
<nav class="pagination" role="navigation" aria-label="pagination">
<a class="pagination-previous">Previous</a>
<a class="pagination-next">Next page</a>
<ul class="pagination-list">
<li>
<a class="pagination-link" aria-label="Goto page 1">
1
</a>
</li>
<li>
<span class="pagination-ellipsis">…</span>
</li>
<li>
<a class="pagination-link" aria-label="Goto page 45">
45
</a>
</li>
<li>
<a class="pagination-link is-current" aria-label="Page 46" aria-current="page">
46
</a>
</li>
<li>
<a class="pagination-link" aria-label="Goto page 47">
47
</a>
</li>
<li>
<span class="pagination-ellipsis">…</span>
</li>
<li>
<a class="pagination-link" aria-label="Goto page 86">
86
</a>
</li>
</ul>
</nav>
</bm-pagination>
`);
});