diff --git a/playwright/core/expectScreenshotFixture.ts b/playwright/core/expectScreenshotFixture.ts index 2f9e790304..bf0a60069e 100644 --- a/playwright/core/expectScreenshotFixture.ts +++ b/playwright/core/expectScreenshotFixture.ts @@ -9,7 +9,7 @@ export const expectScreenshotFixture: PlaywrightFixture ) => { const expectScreenshot: ExpectScreenshotFixture = async ({ component, - screenshotName, + nameSuffix, ...pageScreenshotOptions } = {}) => { const captureScreenshot = async (theme: string) => { @@ -25,14 +25,15 @@ export const expectScreenshotFixture: PlaywrightFixture }); }; - const nameScreenshot = testInfo.titlePath.slice(1).join(' '); + const nameScreenshot = + testInfo.titlePath.slice(1).join(' ') + (nameSuffix ? ` ${nameSuffix}` : ''); expect(await captureScreenshot('dark')).toMatchSnapshot({ - name: `${screenshotName || nameScreenshot} dark.png`, + name: `${nameScreenshot} dark.png`, }); expect(await captureScreenshot('light')).toMatchSnapshot({ - name: `${screenshotName || nameScreenshot} light.png`, + name: `${nameScreenshot} light.png`, }); }; diff --git a/playwright/core/index.ts b/playwright/core/index.ts index 62cc1fe8cd..e405b3e99a 100644 --- a/playwright/core/index.ts +++ b/playwright/core/index.ts @@ -8,3 +8,5 @@ export const test = base.extend({ mount: mountFixture, expectScreenshot: expectScreenshotFixture, }); + +export {expect} from '@playwright/experimental-ct-react'; diff --git a/playwright/core/types.ts b/playwright/core/types.ts index 9a4c6d6862..888639bf67 100644 --- a/playwright/core/types.ts +++ b/playwright/core/types.ts @@ -34,6 +34,6 @@ export interface ExpectScreenshotFixture { } interface CaptureScreenshotParams extends PageScreenshotOptions { - screenshotName?: string; + nameSuffix?: string; component?: Locator; } diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-dark-chromium-linux.png similarity index 100% rename from src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-dark-chromium-linux.png rename to src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-dark-chromium-linux.png diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-dark-webkit-linux.png similarity index 100% rename from src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-dark-webkit-linux.png rename to src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-dark-webkit-linux.png diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..48b401772e Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..ee0551a799 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..7e39630751 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..eecf9b056d Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-light-chromium-linux.png similarity index 100% rename from src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-light-chromium-linux.png rename to src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-light-chromium-linux.png diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-light-webkit-linux.png similarity index 100% rename from src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-light-webkit-linux.png rename to src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-light-webkit-linux.png diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-brick-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-brick-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..32c4f2d99f Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-brick-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-brick-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-brick-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..95c8fa5730 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-brick-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-brick-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-brick-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..4ea7cb4e90 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-brick-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-brick-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-brick-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..409087548f Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-brick-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-circle-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-circle-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..9813913a8d Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-circle-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-circle-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-circle-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..a43f910e9e Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-circle-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-circle-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-circle-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..505baed5c8 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-circle-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-circle-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-circle-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..f54c7a3529 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-circle-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-clear-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-clear-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..32c4f2d99f Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-clear-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-clear-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-clear-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..95c8fa5730 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-clear-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-clear-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-clear-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..4ea7cb4e90 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-clear-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-clear-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-clear-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..409087548f Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-clear-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-round-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-round-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..05677eec4c Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-round-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-round-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-round-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..420b2b86ea Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-round-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-round-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-round-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..6cfeb27122 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-round-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-round-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-round-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..c246867c67 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-round-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-brick-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-brick-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..aa407a3c38 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-brick-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-brick-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-brick-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..93ee150635 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-brick-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-brick-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-brick-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..5cfcd97287 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-brick-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-brick-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-brick-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..e9ec8d4689 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-brick-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-circle-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-circle-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..4c4ee5aa3a Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-circle-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-circle-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-circle-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..da93be31e9 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-circle-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-circle-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-circle-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..c1b53ac81e Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-circle-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-circle-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-circle-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..b34ac6a98b Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-circle-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-clear-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-clear-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..aa407a3c38 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-clear-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-clear-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-clear-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..93ee150635 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-clear-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-clear-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-clear-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..5cfcd97287 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-clear-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-clear-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-clear-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..e9ec8d4689 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-clear-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-brick-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-brick-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..32c4f2d99f Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-brick-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-brick-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-brick-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..95c8fa5730 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-brick-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-brick-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-brick-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..4ea7cb4e90 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-brick-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-brick-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-brick-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..409087548f Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-brick-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-circle-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-circle-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..9813913a8d Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-circle-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-circle-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-circle-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..a43f910e9e Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-circle-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-circle-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-circle-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..505baed5c8 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-circle-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-circle-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-circle-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..f54c7a3529 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-circle-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-clear-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-clear-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..32c4f2d99f Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-clear-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-clear-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-clear-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..95c8fa5730 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-clear-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-clear-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-clear-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..4ea7cb4e90 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-clear-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-clear-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-clear-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..409087548f Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-clear-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-round-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-round-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..05677eec4c Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-round-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-round-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-round-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..420b2b86ea Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-round-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-round-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-round-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..6cfeb27122 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-round-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-round-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-round-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..c246867c67 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-round-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-brick-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-brick-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..ef91528da4 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-brick-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-brick-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-brick-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..4c0e117550 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-brick-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-brick-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-brick-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..7a159e6d06 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-brick-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-brick-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-brick-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..e5a0ffac26 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-brick-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-clear-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-clear-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..ef91528da4 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-clear-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-clear-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-clear-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..4c0e117550 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-clear-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-clear-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-clear-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..7a159e6d06 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-clear-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-clear-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-clear-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..e5a0ffac26 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-clear-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-round-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-round-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..48b401772e Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-round-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-round-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-round-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..ee0551a799 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-round-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-round-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-round-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..7e39630751 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-round-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-round-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-round-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..eecf9b056d Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-round-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..22d0d4d88c Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..5233fbe806 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..74ee67b92b Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..fc04c2594b Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..79acaf907d Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..38cbbef523 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..3154d2346b Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..a91a7546f1 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..48b401772e Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..ee0551a799 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..7e39630751 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..eecf9b056d Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..81106f350b Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..7522aced79 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..f8530c0019 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..068ba92f9e Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..4d1cd64e08 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..67a67007ba Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..230a5c7711 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..a8bcfc9fe5 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..e42b9cdf94 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..3da1b45ecd Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..268100e11f Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..ac08b75996 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-action-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-action-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..81a9ccb907 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-action-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-action-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-action-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..a805820ecd Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-action-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-action-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-action-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..42b32c6f36 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-action-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-action-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-action-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..fd41c14b7c Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-action-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-action-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-action-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..702b8f7edd Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-action-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-action-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-action-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..8883ec3600 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-action-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-action-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-action-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..7f8d514f4e Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-action-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-action-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-action-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..ee34a576de Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-action-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-contrast-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-contrast-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..48b401772e Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-contrast-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-contrast-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-contrast-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..ee0551a799 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-contrast-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-contrast-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-contrast-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..30ed32b5c3 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-contrast-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-contrast-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-contrast-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..bef6b2e538 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-contrast-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-danger-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-danger-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..470861ad8e Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-danger-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-danger-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-danger-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..6811284936 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-danger-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-danger-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-danger-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..1e2e1330cc Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-danger-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-danger-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-danger-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..1b06ce1432 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-danger-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..77c73f8a14 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..fed9c95b21 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..be71793dbe Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..39aec11edd Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-info-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-info-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..2703a6dcc1 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-info-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-info-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-info-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..b723f0df9f Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-info-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-info-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-info-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..40d17bccc6 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-info-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-info-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-info-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..29d94cd32d Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-info-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-secondary-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-secondary-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..77c73f8a14 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-secondary-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-secondary-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-secondary-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..fed9c95b21 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-secondary-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-secondary-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-secondary-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..be71793dbe Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-secondary-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-secondary-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-secondary-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..39aec11edd Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-secondary-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-success-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-success-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..31dd76fbb8 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-success-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-success-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-success-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..eed15fdb64 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-success-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-success-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-success-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..c80738cc7b Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-success-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-success-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-success-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..0a2e097bfd Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-success-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-utility-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-utility-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..e3c9de621e Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-utility-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-utility-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-utility-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..29de70ba07 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-utility-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-utility-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-utility-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..9da0bb7e67 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-utility-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-utility-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-utility-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..d922b7dc23 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-utility-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-warning-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-warning-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..0833885156 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-warning-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-warning-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-warning-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..b46da883f5 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-warning-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-warning-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-warning-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..7f8d514f4e Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-warning-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-warning-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-warning-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..ee34a576de Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-warning-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-contrast-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-contrast-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..ad0f0f5b1e Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-contrast-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-contrast-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-contrast-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..04fcfc722b Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-contrast-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-contrast-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-contrast-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..293a64b334 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-contrast-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-contrast-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-contrast-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..88bfd7aefc Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-contrast-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..48b401772e Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..ee0551a799 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..7e39630751 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..eecf9b056d Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-action-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-action-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..a61cf4e84c Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-action-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-action-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-action-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..4ed26b8d8e Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-action-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-action-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-action-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..65b80e9274 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-action-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-action-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-action-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..081f1fa0e2 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-action-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-contrast-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-contrast-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..4d5c346c95 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-contrast-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-contrast-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-contrast-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..f5fe992bed Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-contrast-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-contrast-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-contrast-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..30ed32b5c3 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-contrast-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-contrast-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-contrast-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..bef6b2e538 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-contrast-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-danger-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-danger-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..ef906799af Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-danger-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-danger-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-danger-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..ec72ac37cb Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-danger-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-danger-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-danger-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..296ac15ca4 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-danger-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-danger-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-danger-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..830f08df0f Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-danger-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..6cdf60072b Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..3bac3cbfb8 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..b5e8378f19 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..8a5070b734 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-info-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-info-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..5c6b3b50c9 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-info-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-info-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-info-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..6619e667e2 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-info-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-info-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-info-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..cafa4069bb Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-info-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-info-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-info-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..e2c2187242 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-info-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-success-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-success-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..ad5e397c8d Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-success-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-success-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-success-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..e67b302879 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-success-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-success-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-success-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..997c59e35c Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-success-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-success-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-success-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..a37faafde1 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-success-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-utility-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-utility-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..da2b4993e6 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-utility-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-utility-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-utility-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..4257af6fc3 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-utility-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-utility-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-utility-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..c224b85c2d Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-utility-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-utility-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-utility-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..f92e4b43b3 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-utility-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-warning-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-warning-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..3fecfa526f Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-warning-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-warning-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-warning-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..a2360967eb Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-warning-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-warning-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-warning-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..65b80e9274 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-warning-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-warning-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-warning-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..081f1fa0e2 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-warning-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-raised-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-raised-hovered-dark-chromium-linux.png new file mode 100644 index 0000000000..666a4b6444 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-raised-hovered-dark-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-raised-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-raised-hovered-dark-webkit-linux.png new file mode 100644 index 0000000000..5f83e6b9b0 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-raised-hovered-dark-webkit-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-raised-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-raised-hovered-light-chromium-linux.png new file mode 100644 index 0000000000..ea13dd10b0 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-raised-hovered-light-chromium-linux.png differ diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-raised-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-raised-hovered-light-webkit-linux.png new file mode 100644 index 0000000000..9765b82e06 Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-raised-hovered-light-webkit-linux.png differ diff --git a/src/components/Button/__tests__/Button.visual.test.tsx b/src/components/Button/__tests__/Button.visual.test.tsx index 43ad44a26e..516a2e906b 100644 --- a/src/components/Button/__tests__/Button.visual.test.tsx +++ b/src/components/Button/__tests__/Button.visual.test.tsx @@ -3,10 +3,10 @@ import React from 'react'; import {test} from '~playwright/core'; import {createSmokeScenarios} from '../../../stories/tests-factory/create-smoke-scenarios'; +import type {ButtonProps} from '../Button'; import {Button} from '../Button'; import { - defaultProps, disabledCases, loadingCases, pinsCases, @@ -89,20 +89,36 @@ test.describe('Button', {tag: '@Button'}, () => { await expectScreenshot(); }); - const smokeScenarios = createSmokeScenarios(defaultProps, { - size: sizeCases, - selected: selectedCases, - disabled: disabledCases, - loading: loadingCases, - view: viewsCases, - pin: pinsCases, - }); - - smokeScenarios.forEach(([title, details, props]) => { + const qa = 'test-button'; + + createSmokeScenarios( + { + children: 'Text', + qa, + }, + { + size: sizeCases, + selected: selectedCases, + disabled: disabledCases, + loading: loadingCases, + view: viewsCases, + pin: pinsCases, + }, + ).forEach(([title, details, props]) => { test(title, details, async ({mount, expectScreenshot}) => { - await mount(