From 449391c33c4ad63bf93bb5d286711b2e6e307a69 Mon Sep 17 00:00:00 2001 From: dn55333 <147149405+dn55533@users.noreply.github.com> Date: Fri, 3 Jan 2025 18:33:05 +0000 Subject: [PATCH] fix(canary-react): Fix the All option of the items per page dropdown in the IcPaginationBar when there are fewer items than available options include the all option when there are fewer items than the available options fix #2843 --- ...sible-due-to-matching-item-upper-bound.png | Bin 0 -> 13141 bytes ...r.cy.tsx-hide-all-option-still-visible.png | Bin 0 -> 12548 bytes .../IcPaginationBar/IcPaginationBar.cy.tsx | 30 ++++++++++++++++++ .../src/stories/ic-pagination-bar.stories.mdx | 2 ++ 4 files changed, 32 insertions(+) create mode 100755 packages/canary-react/cypress-image-diff-screenshots/baseline/IcPaginationBar.cy.tsx-hide-all-option-still-visible-due-to-matching-item-upper-bound.png create mode 100755 packages/canary-react/cypress-image-diff-screenshots/baseline/IcPaginationBar.cy.tsx-hide-all-option-still-visible.png diff --git a/packages/canary-react/cypress-image-diff-screenshots/baseline/IcPaginationBar.cy.tsx-hide-all-option-still-visible-due-to-matching-item-upper-bound.png b/packages/canary-react/cypress-image-diff-screenshots/baseline/IcPaginationBar.cy.tsx-hide-all-option-still-visible-due-to-matching-item-upper-bound.png new file mode 100755 index 0000000000000000000000000000000000000000..6ad1f03cc2a101f8694ae930402db8c694932cae GIT binary patch literal 13141 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 { testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD), }); }); + + it("should render with 'All' visible from items per page dropdown when there are fewer items than the available options", () => { + mount(); + + cy.checkHydrated(PAGINATION_BAR); + + cy.findShadowEl(PAGINATION_BAR, ".items-per-page-input").click(); + + cy.checkA11yWithWait(); + cy.compareSnapshot({ + name: "hide-all-option-still-visible", + testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD), + }); + }); + + it("should render with 'All' visible in the items per page dropdown when the number of items matches the upper bound of the lowest available option", () => { + mount( + + ); + + cy.checkHydrated(PAGINATION_BAR); + + cy.findShadowEl(PAGINATION_BAR, ".items-per-page-input").click(); + + cy.checkA11yWithWait(); + cy.compareSnapshot({ + name: "hide-all-option-still-visible-due-to-matching-item-upper-bound", + testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD), + }); + }); }); describe("IcPaginationBar visual regression tests in high contrast mode", () => { diff --git a/packages/canary-react/src/stories/ic-pagination-bar.stories.mdx b/packages/canary-react/src/stories/ic-pagination-bar.stories.mdx index a63967ff6b..24b9b71958 100644 --- a/packages/canary-react/src/stories/ic-pagination-bar.stories.mdx +++ b/packages/canary-react/src/stories/ic-pagination-bar.stories.mdx @@ -503,6 +503,7 @@ export const defaultArgs = { showGoToPageControl: false, totalItems: 100, type: "simple", + hideAllFromItemsPerPage: false }; @@ -548,6 +549,7 @@ export const defaultArgs = { showGoToPageControl={args.showGoToPageControl} totalItems={args.totalItems} type={args.type} + hideAllFromItemsPerPage={args.hideAllFromItemsPerPage} onIcPageChange={updatePageNum} >