diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/dark-theme-checked-focused.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/dark-theme-checked-focused.png new file mode 100755 index 0000000000..41a793f931 Binary files /dev/null and b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/dark-theme-checked-focused.png differ diff --git a/packages/react/src/component-tests/IcToggleButton/IcToggleButton.cy.tsx b/packages/react/src/component-tests/IcToggleButton/IcToggleButton.cy.tsx index 55d773fbbc..e1fa564b3b 100644 --- a/packages/react/src/component-tests/IcToggleButton/IcToggleButton.cy.tsx +++ b/packages/react/src/component-tests/IcToggleButton/IcToggleButton.cy.tsx @@ -328,10 +328,8 @@ describe("IcToggleButton visual regression and a11y tests", () => { cy.checkA11yWithWait(undefined, undefined, TOGGLE_BUTTON_AXE_OPTIONS); cy.compareSnapshot({ - name: "light-theme-monochrome", - testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.049), name: "/light-theme-monochrome", - testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.037), + testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.049), }); }); @@ -341,10 +339,28 @@ describe("IcToggleButton visual regression and a11y tests", () => { cy.checkA11yWithWait(undefined, undefined, TOGGLE_BUTTON_AXE_OPTIONS); cy.compareSnapshot({ - name: "dark-theme-monochrome", - testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.049), name: "/dark-theme-monochrome", - testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.033), + testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.049), + }); + }); + + it("should render checked and focused toggle button with dark theme", () => { + mount( +
+ +
+ ); + cy.checkHydrated(IC_TOGGLE_BUTTON_SELECTOR); + + cy.findShadowEl(IC_TOGGLE_BUTTON_SELECTOR, "ic-button") + .shadow() + .find("button") + .focus(); + + cy.checkA11yWithWait(undefined, undefined, TOGGLE_BUTTON_AXE_OPTIONS); + cy.compareSnapshot({ + name: "/dark-theme-checked-focused", + testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.007), }); }); });