test(Button): add 'render custom Icon size' test (#1455)

src/components/Button/__tests__/Button.visual.test.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 
 import {test} from '~playwright/core';
 
-import {ButtonStories} from './helpersPlaywright';
+import {ButtonStories, CustomIconSizeButton} from './helpersPlaywright';
 
 test.describe('Button', () => {
     test('render story: <Default>', async ({mount, expectScreenshot}) => {
@@ -70,4 +70,10 @@ test.describe('Button', () => {
 
         await expectScreenshot();
     });
+
+    test('render custom Icon size', async ({mount, expectScreenshot}) => {
+        await mount(<CustomIconSizeButton />);
+
+        await expectScreenshot();
+    });
 });

src/components/Button/__tests__/helpersPlaywright.tsx

@@ -0,0 +1,41 @@
+import React from 'react';
+
+import {ChevronDown, Globe} from '@gravity-ui/icons';
+import {composeStories} from '@storybook/react';
+
+import {Button} from '..';
+import {Showcase} from '../../../demo/Showcase';
+import {Icon} from '../../Icon';
+import * as DefaultButtonStories from '../__stories__/Button.stories';
+
+export const ButtonStories = composeStories(DefaultButtonStories);
+
+export const CustomIconSizeButton = () => (
+    <Showcase>
+        <Button size="xs">
+            <Icon size={16} data={Globe} />
+            Both bigger icons
+            <Icon size={16} data={ChevronDown} />
+        </Button>
+        <Button size="s">
+            <Icon size={20} data={Globe} />
+            Both bigger icons
+            <Icon size={20} data={ChevronDown} />
+        </Button>
+        <Button size="m">
+            <Icon size={20} data={Globe} />
+            Both bigger icons
+            <Icon size={20} data={ChevronDown} />
+        </Button>
+        <Button size="l">
+            <Icon size={20} data={Globe} />
+            Both bigger icons
+            <Icon size={20} data={ChevronDown} />
+        </Button>
+        <Button size="xl">
+            <Icon size={24} data={Globe} />
+            Both bigger icons
+            <Icon size={24} data={ChevronDown} />
+        </Button>
+    </Showcase>
+);