diff --git a/e2e/tests/core/components/core-koros-spec.ts b/e2e/tests/core/components/core-koros-spec.ts new file mode 100644 index 0000000000..c6caf50a48 --- /dev/null +++ b/e2e/tests/core/components/core-koros-spec.ts @@ -0,0 +1,12 @@ +import { test } from '@playwright/test'; +import { takeAllStorySnapshots } from '../../../helpers'; + +const componentName = 'koros'; +const storybook = 'core'; +const takeStateSnapshots = false; + +test.describe(`Testing ${storybook} component "${componentName}"`, () => { + test('Take snapshots of all stories', async ({ page, isMobile }) => { + await takeAllStorySnapshots({ page, isMobile, takeStateSnapshots, storybook, componentName }); + }); +}); diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--basic-desktop.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--basic-desktop.png new file mode 100644 index 0000000000..266f381671 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--basic-desktop.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--basic-mobile.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--basic-mobile.png new file mode 100644 index 0000000000..7e50f77549 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--basic-mobile.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--beat-desktop.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--beat-desktop.png new file mode 100644 index 0000000000..90e8691b15 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--beat-desktop.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--beat-mobile.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--beat-mobile.png new file mode 100644 index 0000000000..6749f0d3cb Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--beat-mobile.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--calm-desktop.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--calm-desktop.png new file mode 100644 index 0000000000..5da4166ff1 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--calm-desktop.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--calm-mobile.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--calm-mobile.png new file mode 100644 index 0000000000..e913301576 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--calm-mobile.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--custom-color-desktop.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--custom-color-desktop.png new file mode 100644 index 0000000000..ac3f3a41ad Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--custom-color-desktop.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--custom-color-mobile.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--custom-color-mobile.png new file mode 100644 index 0000000000..49b713fe72 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--custom-color-mobile.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--dense-desktop.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--dense-desktop.png new file mode 100644 index 0000000000..f79c24b6ea Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--dense-desktop.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--dense-mobile.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--dense-mobile.png new file mode 100644 index 0000000000..09fff9d4c3 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--dense-mobile.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--flipped-desktop.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--flipped-desktop.png new file mode 100644 index 0000000000..a444b2cc86 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--flipped-desktop.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--flipped-mobile.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--flipped-mobile.png new file mode 100644 index 0000000000..b00d86035d Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--flipped-mobile.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--pulse-desktop.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--pulse-desktop.png new file mode 100644 index 0000000000..d1f3c130ed Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--pulse-desktop.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--pulse-mobile.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--pulse-mobile.png new file mode 100644 index 0000000000..f49ed00f39 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--pulse-mobile.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-135-deg-desktop.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-135-deg-desktop.png new file mode 100644 index 0000000000..922131d757 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-135-deg-desktop.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-135-deg-mobile.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-135-deg-mobile.png new file mode 100644 index 0000000000..41be00cd18 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-135-deg-mobile.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-225-deg-desktop.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-225-deg-desktop.png new file mode 100644 index 0000000000..77841ae0a7 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-225-deg-desktop.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-225-deg-mobile.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-225-deg-mobile.png new file mode 100644 index 0000000000..1b7f593cce Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-225-deg-mobile.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-270-deg-desktop.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-270-deg-desktop.png new file mode 100644 index 0000000000..404deaacba Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-270-deg-desktop.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-270-deg-mobile.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-270-deg-mobile.png new file mode 100644 index 0000000000..41ea4838ec Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-270-deg-mobile.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-315-deg-desktop.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-315-deg-desktop.png new file mode 100644 index 0000000000..4d7d6c8aa1 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-315-deg-desktop.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-315-deg-mobile.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-315-deg-mobile.png new file mode 100644 index 0000000000..8870978d00 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-315-deg-mobile.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-45-deg-desktop.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-45-deg-desktop.png new file mode 100644 index 0000000000..ee2721fc2e Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-45-deg-desktop.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-45-deg-mobile.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-45-deg-mobile.png new file mode 100644 index 0000000000..6c70633360 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-45-deg-mobile.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-90-deg-desktop.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-90-deg-desktop.png new file mode 100644 index 0000000000..18403ec807 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-90-deg-desktop.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-90-deg-mobile.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-90-deg-mobile.png new file mode 100644 index 0000000000..637809fe43 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-90-deg-mobile.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--vibration-desktop.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--vibration-desktop.png new file mode 100644 index 0000000000..b427b1b95b Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--vibration-desktop.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--vibration-mobile.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--vibration-mobile.png new file mode 100644 index 0000000000..4e91011383 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--vibration-mobile.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts b/e2e/tests/react/components/react-koros-spec.ts new file mode 100644 index 0000000000..f9cab405db --- /dev/null +++ b/e2e/tests/react/components/react-koros-spec.ts @@ -0,0 +1,12 @@ +import { test } from '@playwright/test'; +import { takeAllStorySnapshots } from '../../../helpers'; + +const componentName = 'koros'; +const storybook = 'react'; +const takeStateSnapshots = false; + +test.describe(`Testing ${storybook} component "${componentName}"`, () => { + test('Take snapshots of all stories', async ({ page, isMobile }) => { + await takeAllStorySnapshots({ page, isMobile, takeStateSnapshots, storybook, componentName }); + }); +}); diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--basic-desktop.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--basic-desktop.png new file mode 100644 index 0000000000..266f381671 Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--basic-desktop.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--basic-mobile.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--basic-mobile.png new file mode 100644 index 0000000000..7e50f77549 Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--basic-mobile.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--beat-desktop.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--beat-desktop.png new file mode 100644 index 0000000000..90e8691b15 Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--beat-desktop.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--beat-mobile.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--beat-mobile.png new file mode 100644 index 0000000000..6749f0d3cb Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--beat-mobile.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--calm-desktop.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--calm-desktop.png new file mode 100644 index 0000000000..5da4166ff1 Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--calm-desktop.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--calm-mobile.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--calm-mobile.png new file mode 100644 index 0000000000..e913301576 Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--calm-mobile.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--custom-color-desktop.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--custom-color-desktop.png new file mode 100644 index 0000000000..ac3f3a41ad Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--custom-color-desktop.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--custom-color-mobile.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--custom-color-mobile.png new file mode 100644 index 0000000000..49b713fe72 Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--custom-color-mobile.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--dense-desktop.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--dense-desktop.png new file mode 100644 index 0000000000..f79c24b6ea Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--dense-desktop.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--dense-mobile.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--dense-mobile.png new file mode 100644 index 0000000000..09fff9d4c3 Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--dense-mobile.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--exact-fit-desktop.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--exact-fit-desktop.png new file mode 100644 index 0000000000..5eb47bd684 Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--exact-fit-desktop.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--exact-fit-mobile.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--exact-fit-mobile.png new file mode 100644 index 0000000000..3b706d64c7 Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--exact-fit-mobile.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--flipped-desktop.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--flipped-desktop.png new file mode 100644 index 0000000000..a444b2cc86 Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--flipped-desktop.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--flipped-mobile.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--flipped-mobile.png new file mode 100644 index 0000000000..b00d86035d Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--flipped-mobile.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--pulse-desktop.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--pulse-desktop.png new file mode 100644 index 0000000000..d1f3c130ed Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--pulse-desktop.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--pulse-mobile.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--pulse-mobile.png new file mode 100644 index 0000000000..f49ed00f39 Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--pulse-mobile.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--rotated-desktop.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--rotated-desktop.png new file mode 100644 index 0000000000..070dbdf476 Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--rotated-desktop.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--rotated-in-container-desktop.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--rotated-in-container-desktop.png new file mode 100644 index 0000000000..543bcaa259 Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--rotated-in-container-desktop.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--rotated-in-container-mobile.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--rotated-in-container-mobile.png new file mode 100644 index 0000000000..cca6067502 Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--rotated-in-container-mobile.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--rotated-mobile.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--rotated-mobile.png new file mode 100644 index 0000000000..3893a22c68 Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--rotated-mobile.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--vibration-desktop.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--vibration-desktop.png new file mode 100644 index 0000000000..b427b1b95b Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--vibration-desktop.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--vibration-mobile.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--vibration-mobile.png new file mode 100644 index 0000000000..4e91011383 Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--vibration-mobile.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--wave-desktop.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--wave-desktop.png new file mode 100644 index 0000000000..33fa4ae81f Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--wave-desktop.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--wave-mobile.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--wave-mobile.png new file mode 100644 index 0000000000..55c59d1dd0 Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--wave-mobile.png differ diff --git a/packages/core/src/components/koros/koros.stories.js b/packages/core/src/components/koros/koros.stories.js index 5341e45fd1..a43d9dac1f 100644 --- a/packages/core/src/components/koros/koros.stories.js +++ b/packages/core/src/components/koros/koros.stories.js @@ -99,11 +99,11 @@ export const Dense = () => `