test(Radio): add smoke visual tests (#1805)

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

@@ -0,0 +1,93 @@
+import {smokeTest, test} from '~playwright/core';
+
+import {createSmokeScenarios} from '../../../stories/tests-factory/create-smoke-scenarios';
+import type {RadioProps} from '../Radio';
+import {Radio} from '../Radio';
+
+import {sizeCases} from './cases';
+
+test.describe('Radio', {tag: '@Radio'}, () => {
+    const defaultProps: RadioProps = {
+        children: 'Test',
+        value: '1',
+    };
+
+    const commonPropsCases = {
+        size: sizeCases,
+    } as const;
+
+    smokeTest('', async ({mount, expectScreenshot}) => {
+        const smokeScenarios = createSmokeScenarios<RadioProps>(defaultProps, {
+            ...commonPropsCases,
+        });
+
+        await mount(
+            <div>
+                {smokeScenarios.map(([title, props]) => (
+                    <div key={title}>
+                        <h4>{title}</h4>
+                        <div>
+                            <Radio {...props} />
+                        </div>
+                    </div>
+                ))}
+            </div>,
+        );
+
+        await expectScreenshot({});
+    });
+
+    smokeTest('disabled', async ({mount, expectScreenshot}) => {
+        const smokeScenarios = createSmokeScenarios<RadioProps>(
+            {
+                ...defaultProps,
+                disabled: true,
+            },
+            {
+                ...commonPropsCases,
+            },
+        );
+
+        await mount(
+            <div>
+                {smokeScenarios.map(([title, props]) => (
+                    <div key={title}>
+                        <h4>{title}</h4>
+                        <div>
+                            <Radio {...props} />
+                        </div>
+                    </div>
+                ))}
+            </div>,
+        );
+
+        await expectScreenshot({});
+    });
+
+    smokeTest('default checked', async ({mount, expectScreenshot}) => {
+        const smokeScenarios = createSmokeScenarios<RadioProps>(
+            {
+                ...defaultProps,
+                defaultChecked: true,
+            },
+            {
+                ...commonPropsCases,
+            },
+        );
+
+        await mount(
+            <div>
+                {smokeScenarios.map(([title, props]) => (
+                    <div key={title}>
+                        <h4>{title}</h4>
+                        <div>
+                            <Radio {...props} />
+                        </div>
+                    </div>
+                ))}
+            </div>,
+        );
+
+        await expectScreenshot({});
+    });
+});

src/components/Radio/__tests__/cases.tsx

@@ -0,0 +1,4 @@
+import type {Cases} from '../../../stories/tests-factory/models';
+import type {RadioProps} from '../Radio';
+
+export const sizeCases: Cases<RadioProps['size']> = ['m', 'l'];