mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-14 18:01:06 +00:00
parent
024d77493c
commit
ed3928bb01
7 changed files with 102 additions and 20 deletions
|
@ -11,6 +11,7 @@
|
|||
export let pageSizeInputDisabled = false;
|
||||
export let pageSize = 10;
|
||||
export let pageSizes: ReadonlyArray<number> = [10];
|
||||
export let pageWindow: undefined | number = undefined;
|
||||
export let pagesUnknown = false;
|
||||
</script>
|
||||
|
||||
|
@ -23,6 +24,7 @@
|
|||
{itemsPerPageText}
|
||||
{pageInputDisabled}
|
||||
{pageSizeInputDisabled}
|
||||
{pageWindow}
|
||||
bind:pageSize
|
||||
{pageSizes}
|
||||
{pagesUnknown}
|
||||
|
|
|
@ -196,4 +196,22 @@ describe("Pagination", () => {
|
|||
|
||||
expect(screen.getByText("0–0 of 0 items")).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it("renders a cap of 1000 page numbers by default", () => {
|
||||
render(Pagination, {
|
||||
props: { totalItems: 100_000 },
|
||||
});
|
||||
|
||||
const pageNumbers = screen.getByLabelText(/Page number, of 10000 pages/);
|
||||
expect(pageNumbers).toHaveLength(1_000 + 1);
|
||||
});
|
||||
|
||||
it("renders a custom page window", () => {
|
||||
render(Pagination, {
|
||||
props: { totalItems: 100_000, pageWindow: 100 },
|
||||
});
|
||||
|
||||
const pageNumbers = screen.getByLabelText(/Page number, of 10000 pages/);
|
||||
expect(pageNumbers).toHaveLength(100 + 1);
|
||||
});
|
||||
});
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue