test(Row): improve visual tests

gravity-ui · Aug 27, 2024 · 7b46e58 · 7b46e58
1 parent 092b880
commit 7b46e58
Show file tree

Hide file tree

Showing 10 changed files with 24 additions and 0 deletions.
diff --git a/...Row.visual.test.tsx-snapshots/Flex-render-story-Default-dark-chromium-linux.png b/...Row.visual.test.tsx-snapshots/Flex-render-story-Default-dark-chromium-linux.png
diff --git a/..._/Row.visual.test.tsx-snapshots/Flex-render-story-Default-dark-webkit-linux.png b/..._/Row.visual.test.tsx-snapshots/Flex-render-story-Default-dark-webkit-linux.png
diff --git a/...ow.visual.test.tsx-snapshots/Flex-render-story-Default-light-chromium-linux.png b/...ow.visual.test.tsx-snapshots/Flex-render-story-Default-light-chromium-linux.png
diff --git a/.../Row.visual.test.tsx-snapshots/Flex-render-story-Default-light-webkit-linux.png b/.../Row.visual.test.tsx-snapshots/Flex-render-story-Default-light-webkit-linux.png
diff --git a/...isual.test.tsx-snapshots/Flex-render-story-ZeroSpacings-dark-chromium-linux.png b/...isual.test.tsx-snapshots/Flex-render-story-ZeroSpacings-dark-chromium-linux.png
diff --git a/....visual.test.tsx-snapshots/Flex-render-story-ZeroSpacings-dark-webkit-linux.png b/....visual.test.tsx-snapshots/Flex-render-story-ZeroSpacings-dark-webkit-linux.png
diff --git a/...sual.test.tsx-snapshots/Flex-render-story-ZeroSpacings-light-chromium-linux.png b/...sual.test.tsx-snapshots/Flex-render-story-ZeroSpacings-light-chromium-linux.png
diff --git a/...visual.test.tsx-snapshots/Flex-render-story-ZeroSpacings-light-webkit-linux.png b/...visual.test.tsx-snapshots/Flex-render-story-ZeroSpacings-light-webkit-linux.png
diff --git a/src/components/layout/Row/__tests__/Row.visual.test.tsx b/src/components/layout/Row/__tests__/Row.visual.test.tsx
@@ -0,0 +1,19 @@
+import React from 'react';
+
+import {test} from '~playwright/core';
+
+import {RowStories} from './stories';
+
+test.describe('Flex', {tag: '@Flex'}, () => {
+    test('render story <Default>', async ({mount, expectScreenshot}) => {
+        await mount(<RowStories.Default />);
+
+        await expectScreenshot();
+    });
+
+    test('render story <ZeroSpacings>', async ({mount, expectScreenshot}) => {
+        await mount(<RowStories.ZeroSpacings />);
+
+        await expectScreenshot();
+    });
+});
diff --git a/src/components/layout/Row/__tests__/stories.ts b/src/components/layout/Row/__tests__/stories.ts
@@ -0,0 +1,5 @@
+import {composeStories} from '@storybook/react';
+
+import * as CSFStories from '../__stories__/Row.stories';
+
+export const RowStories = composeStories(CSFStories);