fixup! fixup! fixup! Transform Layouts jest tests into playwright (#594)

Author: lukasbriza

src/components/FormLayout/__tests__/FormLayout.spec.tsx

@@ -10,12 +10,14 @@ import {
 } from './FormLayout.story';
 import { labelWidthPropTest } from './_propTests/labelWidthPropTest';
 import { fieldLayoutPropTest } from './_propTests/fieldLayoutPropTest';
+import { autoWidthPropTest } from './_propTests/autoWidthPropTest';
 
 test.describe('FormLayout', () => {
   test.describe('base', () => {
     test.describe('visual', () => {
       [
         ...propTests.defaultComponentPropTest,
+        ...autoWidthPropTest,
         ...labelWidthPropTest,
         ...fieldLayoutPropTest,
       ].forEach(({

src/components/FormLayout/__tests__/FormLayout.spec.tsx-snapshots/FormLayout-base-visual-autoWidth-boolean-false-1-chromium-linux.png

@@ -0,0 +1,16 @@
+import type { PropTests } from '../../../../../tests/playwright/types';
+
+export const autoWidthPropTest:PropTests = [
+  {
+    name: 'autoWidth:boolean=true',
+    props: {
+      autoWidth: true,
+    },
+  },
+  {
+    name: 'autoWidth:boolean=false',
+    props: {
+      autoWidth: false,
+    },
+  },
+];

src/components/FormLayout/__tests__/FormLayout.spec.tsx-snapshots/FormLayout-base-visual-autoWidth-boolean-true-1-chromium-linux.png

@@ -24,4 +24,13 @@ export const customFieldRequiredPropTest: CustomFieldTestsType = [
     name: 'required:boolean=true',
     props: formLayoutHorizontalBaseProps,
   },
+  {
+    customFieldLayoutProps: {
+      ...customFieldLayoutBaseProps,
+      required: false,
+    },
+    customFieldProps: customFieldBaseProps,
+    name: 'required:boolean=false',
+    props: formLayoutHorizontalBaseProps,
+  },
 ];

src/components/FormLayout/__tests__/FormLayout.spec.tsx-snapshots/FormLayout-base-visual-fieldLayout-string-vertical-1-chromium-linux.png

@@ -7,4 +7,10 @@ export const fieldLayoutPropTest: PropTests = [
       fieldLayout: 'horizontal',
     },
   },
+  {
+    name: 'fieldLayout:string=vertical',
+    props: {
+      fieldLayout: 'vertical',
+    },
+  },
 ];

src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx-snapshots/FormLayoutCustomField-base-visual-required-boolean-false-1-chromium-linux.png

@@ -1,6 +1,12 @@
 import type { PropTests } from '../../../../../tests/playwright/types';
 
 export const alignPropTest: PropTests = [
+  {
+    name: 'align:string=top',
+    props: {
+      align: 'top',
+    },
+  },
   {
     name: 'align:string=middle',
     props: {

src/components/FormLayout/__tests__/_propTests/autoWidthPropTest.ts

@@ -7,4 +7,10 @@ export const densePropTest: PropTests = [
       dense: true,
     },
   },
+  {
+    name: 'dense:boolean=false',
+    props: {
+      dense: false,
+    },
+  },
 ];

src/components/FormLayout/__tests__/_propTests/customFieldTests/customFieldRequiredPropTest.ts

@@ -1,6 +1,12 @@
 import type { PropTests } from '../../../../../tests/playwright/types';
 
 export const justifyPropTest: PropTests = [
+  {
+    name: 'justify:string=start',
+    props: {
+      justify: 'start',
+    },
+  },
   {
     name: 'justify:string=center',
     props: {

src/components/FormLayout/__tests__/_propTests/fieldLayoutPropTest.ts

@@ -1,6 +1,18 @@
 import type { PropTests } from '../../../../../tests/playwright/types';
 
 export const nowrapPropTest: PropTests = [
+  {
+    name: 'nowrap:boolean=false',
+    onBeforeTest: async (page) => {
+      await page.setViewportSize({
+        height: 100,
+        width: 150,
+      });
+    },
+    props: {
+      nowrap: false,
+    },
+  },
   {
     name: 'nowrap:boolean=true',
     onBeforeTest: async (page) => {