fixup! Transform Action jest tests into playwright (#592)

Author: lukasbriza

src/components/TextLink/__tests__/TextLink.spec.tsx

@@ -7,78 +7,78 @@ import { propTests } from '../../../../tests/playwright';
 import { TextLinkForTest } from './TextLink.story';
 
 test.describe('TextLink', () => {
-    test.describe('visual', () => {
-      [
-        ...propTests.labelPropTest
-      ].forEach(({
-        name,
-        onBeforeTest,
-        props,
+  test.describe('visual', () => {
+    [
+      ...propTests.labelPropTest,
+    ].forEach(({
+      name,
+      onBeforeTest,
+      props,
+    }) => {
+      test(name, async ({
+        mount,
+        page,
       }) => {
-        test(name, async ({
-          mount,
-          page
-        }) => {
-          if (onBeforeTest) {
-            await onBeforeTest(page);
-          }
+        if (onBeforeTest) {
+          await onBeforeTest(page);
+        }
 
-          const component = await mount(
-            <TextLinkForTest
-              {...props}
-            />
-          );
-
-          const screenshot = await component.screenshot();
-          expect(screenshot).toMatchSnapshot();
-        });
-      });
-    })
-
-    test.describe('non-visual', () => {
-      test('href', async ({ mount }) => {
         const component = await mount(
           <TextLinkForTest
-            href='/test/uri'
-            label='test-label'
-          />
-        )
-
-        await expect(component).toHaveAttribute('href', '/test/uri');
-      });
-    })
-
-    test.describe('functionality', () => {
-      test('calls onClick when clicked', async ({mount}) => {
-        let clicked = false;
-        const component = await mount(
-          <TextLinkForTest
-            href='/test/uri'
-            label='test-label'
-            onClick={() => {
-              clicked = true;
-            }}
+            {...props}
           />,
         );
-        await component.click();
 
-        expect(clicked).toBeTruthy();
+        const screenshot = await component.screenshot();
+        expect(screenshot).toMatchSnapshot();
       });
+    });
+  });
 
-      test('calls onClick when Enter pressed', async ({ mount }) => {
-        let clicked = false;
-        const component = await mount(
-          <TextLinkForTest
-            href='/test/uri'
-            label='test-label'
-            onClick={() => {
-                clicked = true;
-            }}
-          />,
-        );
-        await component.press('Enter');
-      
-        expect(clicked).toBeTruthy();
-      });
-    })
-});
+  test.describe('non-visual', () => {
+    test('href', async ({ mount }) => {
+      const component = await mount(
+        <TextLinkForTest
+          href="/test/uri"
+          label="test-label"
+        />,
+      );
+
+      await expect(component).toHaveAttribute('href', '/test/uri');
+    });
+  });
+
+  test.describe('functionality', () => {
+    test('calls onClick when clicked', async ({ mount }) => {
+      let clicked = false;
+      const component = await mount(
+        <TextLinkForTest
+          href="/test/uri"
+          label="test-label"
+          onClick={() => {
+            clicked = true;
+          }}
+        />,
+      );
+      await component.click();
+
+      expect(clicked).toBeTruthy();
+    });
+
+    test('calls onClick when Enter pressed', async ({ mount }) => {
+      let clicked = false;
+      const component = await mount(
+        <TextLinkForTest
+          href="/test/uri"
+          label="test-label"
+          onClick={() => {
+            clicked = true;
+          }}
+        />,
+      );
+
+      await component.press('Enter');
+      expect(clicked).toBeTruthy();
+    });
+  });
+});

src/components/TextLink/__tests__/TextLink.story.tsx

@@ -8,5 +8,5 @@ type TextLinkForTestProps = AnchorHTMLAttributes<HTMLAnchorElement>;
 export const TextLinkForTest = ({
   ...props
 }: TextLinkForTestProps) => (
-  <TextLink {...props}/>
-);
+  <TextLink {...props} />
+);