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

Author: lukasbriza

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

@@ -10,14 +10,18 @@ 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', () => {
+    /**
+     * `autoWidth` is not tested because subgrid is already supported in all browsers
+     * we aim to support within RUI. The issue this property was intended to solve has
+     * either already been resolved or cannot be reproduced with the tools
+     * currently available to us.
+    */
     test.describe('visual', () => {
       [
         ...propTests.defaultComponentPropTest,
-        ...autoWidthPropTest,
         ...labelWidthPropTest,
         ...fieldLayoutPropTest,
       ].forEach(({

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

@@ -10,6 +10,7 @@ import {
   InputGroupWithoutChildrenForTest,
 } from './InputGroup.story';
 import { validationTextsPropTest } from './_propTests/validationTextsPropTest';
+import { validationStatePropTest } from './_propTests/validationStatePropTest';
 
 test.describe('InputGroup', () => {
   test.describe('base', () => {
@@ -22,6 +23,7 @@ test.describe('InputGroup', () => {
         ...propTests.requiredPropTest,
         ...propTests.sizePropTest,
         ...validationTextsPropTest,
+        ...validationStatePropTest,
       ].forEach(({
         name,
         onBeforeTest,

src/components/InputGroup/__tests__/InputGroup.spec.tsx

@@ -0,0 +1,16 @@
+import { validationStatePropTest as generaValidationPropTest } from '../../../../../tests/playwright/propTests/validationStatePropTest';
+import type { PropTests } from '../../../../../tests/playwright/types';
+
+export const validationStatePropTest: PropTests = generaValidationPropTest
+  .map(({
+    name,
+    props,
+  }) => ({
+    name,
+    props: {
+      inputProps: {
+        validationState: props.validationState as string,
+      },
+      validationTexts: ['Validation text.'],
+    },
+  }));