chore(Sheet): add visual test for Default showcase (#1703)

src/components/Sheet/__stories__/DefaultShowcase/DefaultShowcase.stories.tsx

@@ -6,6 +6,7 @@ import {Button, Checkbox, TextInput} from '../../../';
 import {cn} from '../../../utils/cn';
 import {Sheet} from '../../Sheet';
 import type {SheetProps} from '../../Sheet';
+import {DEFAULT_SHEET_QA} from '../constants';
 
 import './DefaultShowcase.scss';
 
@@ -71,6 +72,7 @@ export const Default: StoryFn<SheetProps> = ({
                 visible={visible}
                 onClose={() => setVisible(false)}
                 title={withTitle ? 'Sheet title' : undefined}
+                qa={DEFAULT_SHEET_QA}
             >
                 <div className={b('content-item')}>
                     <TextInput />

src/components/Sheet/__stories__/constants.ts

@@ -0,0 +1 @@
+export const DEFAULT_SHEET_QA = 'default-sheet-qa';

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

@@ -0,0 +1,26 @@
+import React from 'react';
+
+import {expect} from '@playwright/test';
+
+import {test} from '~playwright/core';
+
+import {DEFAULT_SHEET_QA} from '../__stories__/constants';
+
+import {SheetStories} from './helpersPlaywright';
+
+test.describe('Sheet', () => {
+    test('render story: <Default>', async ({page, mount, expectScreenshot}) => {
+        await mount(<SheetStories.Default />);
+
+        await page.getByRole('button').click();
+
+        const sheetLocator = page.locator(`[data-qa=${DEFAULT_SHEET_QA}]`);
+
+        await expect(sheetLocator).toBeVisible();
+
+        await expectScreenshot({
+            animations: 'disabled',
+            component: sheetLocator,
+        });
+    });
+});

src/components/Sheet/__tests__/helpersPlaywright.tsx

@@ -0,0 +1,5 @@
+import {composeStories} from '@storybook/react';
+
+import * as stories from '../__stories__/DefaultShowcase/DefaultShowcase.stories';
+
+export const SheetStories = composeStories(stories);