test: add tests for ViewLayouts

Author: itwillwork

src/lib/kit/components/ViewLayouts/ViewColumn/__snapshots__/ViewColumn.visual.test.tsx-snapshots/ViewColumn-View-object-spec-dark-chromium-linux.png

@@ -0,0 +1,20 @@
+import React from 'react';
+
+import {VALUE, VIEW_COLUMN} from './helpers';
+
+import {test} from '~playwright/core';
+import {DynamicView} from '~playwright/core/DynamicView';
+
+test.describe('ViewColumn View', () => {
+    test('object spec', async ({mount, expectScreenshot}) => {
+        await mount(<DynamicView spec={VIEW_COLUMN} value={VALUE} />);
+
+        await expectScreenshot();
+    });
+
+    test('object spec with layoutDescription', async ({mount, expectScreenshot}) => {
+        await mount(<DynamicView spec={VIEW_COLUMN} value={VALUE} showLayoutDescription />);
+
+        await expectScreenshot();
+    });
+});

src/lib/kit/components/ViewLayouts/ViewColumn/__snapshots__/ViewColumn.visual.test.tsx-snapshots/ViewColumn-View-object-spec-dark-webkit-linux.png

@@ -0,0 +1,52 @@
+import {FormValue, ObjectSpec, SpecTypes} from '../../../../../core';
+
+export const VIEW_COLUMN: ObjectSpec = {
+    defaultValue: {
+        name: 'value',
+        age: 10,
+        license: false,
+    },
+    type: SpecTypes.Object,
+    properties: {
+        name: {
+            type: SpecTypes.String,
+            viewSpec: {
+                type: 'base',
+                layout: 'column',
+                layoutDescription: 'Description for Name',
+                layoutTitle: 'Name',
+            },
+        },
+        age: {
+            type: SpecTypes.Number,
+            viewSpec: {
+                type: 'base',
+                layout: 'column',
+                layoutDescription: 'Description for Age',
+                layoutTitle: 'Age',
+            },
+        },
+        license: {
+            type: SpecTypes.Boolean,
+            viewSpec: {
+                type: 'base',
+                layout: 'column',
+                layoutDescription: 'Description for License',
+                layoutTitle: 'License',
+            },
+        },
+    },
+    viewSpec: {
+        type: 'base',
+        layout: 'accordeon',
+        layoutTitle: 'Candidate',
+        layoutDescription: 'Description for base',
+        layoutOpen: true,
+    },
+};
+
+export const VALUE: FormValue = {
+    name: 'name',
+    age: 21,
+    license: true,
+};