test(Link): add smoke visual tests (#1809)

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

@@ -0,0 +1,56 @@
+import React from 'react';
+
+import {smokeTest, test} from '~playwright/core';
+
+import {createSmokeScenarios} from '../../../stories/tests-factory/create-smoke-scenarios';
+import type {LinkProps} from '../Link';
+import {Link} from '../Link';
+
+import {underlineCases, viewCases, visitableCases} from './cases';
+
+test.describe('Link', {tag: '@Link'}, () => {
+    smokeTest('', async ({mount, expectScreenshot}) => {
+        const defaultProps: LinkProps = {
+            href: '#',
+            target: '_blank',
+            children: 'Link',
+        };
+
+        const viewSmokeScenarios = createSmokeScenarios<LinkProps>(
+            defaultProps,
+            {
+                view: viewCases,
+            },
+            {},
+        );
+
+        await mount(
+            <div>
+                {viewSmokeScenarios.map(([title, viewCaseProps]) => {
+                    const fullSmokeScenarios = createSmokeScenarios<LinkProps>(viewCaseProps, {
+                        underline: underlineCases,
+                        visitable: visitableCases,
+                    });
+
+                    return (
+                        <div key={title}>
+                            <h2>{title}</h2>
+                            {fullSmokeScenarios.map(([fullTitle, props]) => {
+                                return (
+                                    <div key={fullTitle}>
+                                        <h4>{fullTitle}</h4>
+                                        <div>
+                                            <Link {...props} />
+                                        </div>
+                                    </div>
+                                );
+                            })}
+                        </div>
+                    );
+                })}
+            </div>,
+        );
+
+        await expectScreenshot({});
+    });
+});

src/components/Link/__tests__/cases.tsx

@@ -0,0 +1,6 @@
+import type {Cases} from '../../../stories/tests-factory/models';
+import type {LinkProps} from '../Link';
+
+export const underlineCases: Cases<LinkProps['underline']> = [true];
+export const visitableCases: Cases<LinkProps['visitable']> = [true];
+export const viewCases: Cases<LinkProps['view']> = ['normal', 'primary', 'secondary'];