test(Checkbox): add smoke visual tests (#1774)

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

@@ -0,0 +1,36 @@
+import React from 'react';
+
+import {test} from '~playwright/core';
+
+import {createSmokeScenarios} from '../../../stories/tests-factory/create-smoke-scenarios';
+import type {CheckboxProps} from '../Checkbox';
+import {Checkbox} from '../Checkbox';
+
+import {checkedCases, disabledCases, indeterminateCases, sizeCases} from './cases';
+
+test.describe('Checkbox', {tag: '@Checkbox'}, () => {
+    const defaultProps: CheckboxProps = {
+        name: '',
+        value: '',
+        content: 'Checkbox label',
+    };
+
+    createSmokeScenarios(
+        defaultProps,
+        {
+            size: sizeCases,
+            disabled: disabledCases,
+            checked: checkedCases,
+            indeterminate: indeterminateCases,
+        },
+        {
+            scenarioName: 'selection',
+        },
+    ).forEach(([title, details, props]) => {
+        test(title, details, async ({mount, expectScreenshot}) => {
+            await mount(<Checkbox {...props} />);
+
+            await expectScreenshot();
+        });
+    });
+});

src/components/Checkbox/__tests__/cases.tsx

@@ -0,0 +1,10 @@
+import type {Cases} from '../../../stories/tests-factory/models';
+import type {CheckboxProps} from '../Checkbox';
+
+export const sizeCases: Array<CheckboxProps['size']> = ['m', 'l'];
+
+export const disabledCases: Cases<CheckboxProps['disabled']> = [true];
+
+export const checkedCases: Cases<CheckboxProps['checked']> = [true];
+
+export const indeterminateCases: Cases<CheckboxProps['indeterminate']> = [true];