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

Author: lukasbriza

src/components/Alert/__tests__/Alert.spec.tsx

@@ -20,6 +20,7 @@ test.describe('Alert', () => {
     ].forEach(({
       name,
       onBeforeTest,
+      onBeforeSnapshot,
       props,
     }) => {
       test(name, async ({
@@ -36,6 +37,10 @@ test.describe('Alert', () => {
           />,
         );
 
+        if (onBeforeSnapshot) {
+          await onBeforeSnapshot(page, component);
+        }
+
         const screenshot = await component.screenshot();
         expect(screenshot).toMatchSnapshot();
       });

src/components/Button/__tests__/Button.spec.tsx

@@ -37,6 +37,7 @@ test.describe('Button', () => {
     ].forEach(({
       name,
       onBeforeTest,
+      onBeforeSnapshot,
       props,
     }) => {
       test(name, async ({
@@ -53,6 +54,10 @@ test.describe('Button', () => {
           />,
         );
 
+        if (onBeforeSnapshot) {
+          await onBeforeSnapshot(page, component);
+        }
+
         const screenshot = await component.screenshot();
         expect(screenshot).toMatchSnapshot();
       });

src/components/Button/__tests__/Button.spec.tsx-snapshots/Button-visual-nodeLabel-1-chromium-linux.png

@@ -46,6 +46,7 @@ test.describe('CheckboxField', () => {
       ].forEach(({
         name,
         onBeforeTest,
+        onBeforeSnapshot,
         props,
       }) => {
         test(name, async ({
@@ -62,6 +63,10 @@ test.describe('CheckboxField', () => {
             />,
           );
 
+          if (onBeforeSnapshot) {
+            await onBeforeSnapshot(page, component);
+          }
+
           const screenshot = await component.screenshot();
           expect(screenshot).toMatchSnapshot();
         });
@@ -118,6 +123,17 @@ test.describe('CheckboxField', () => {
         await component.click({ force: true });
         expect(changeCalled).toBeTruthy();
       });
+
+      test('check on space press when focused', async ({ mount }) => {
+        const component = await mount(
+          <CheckboxFieldForTest />,
+        );
+
+        const input = component.getByRole('checkbox');
+        await input.focus();
+        await input.press('Space');
+        await expect(input).toBeChecked();
+      });
     });
   });
 
@@ -128,6 +144,7 @@ test.describe('CheckboxField', () => {
       ].forEach(({
         name,
         onBeforeTest,
+        onBeforeSnapshot,
         props,
       }) => {
         test(name, async ({
@@ -144,6 +161,10 @@ test.describe('CheckboxField', () => {
             />,
           );
 
+          if (onBeforeSnapshot) {
+            await onBeforeSnapshot(page, component);
+          }
+
           const screenshot = await component.screenshot();
           expect(screenshot).toMatchSnapshot();
         });

src/components/CheckboxField/__tests__/CheckboxField.spec.tsx

@@ -55,6 +55,7 @@ test.describe('CheckboxField', () => {
     ].forEach(({
       name,
       onBeforeTest,
+      onBeforeSnapshot,
       props,
     }) => {
       test(name, async ({
@@ -71,6 +72,10 @@ test.describe('CheckboxField', () => {
           />,
         );
 
+        if (onBeforeSnapshot) {
+          await onBeforeSnapshot(page, component);
+        }
+
         const screenshot = await component.screenshot();
         expect(screenshot).toMatchSnapshot();
       });
@@ -121,5 +126,23 @@ test.describe('CheckboxField', () => {
       await component.getByText(options[1].label).click({ force: true });
       expect(changeCalled).toBeTruthy();
     });
+
+    test('check on space press when focused', async ({ mount }) => {
+      let changeCalled = false;
+      const testId = 'testId';
+
+      const component = await mount(
+        <RadioForTest
+          id={testId}
+          onChange={() => { changeCalled = true; }}
+          options={options}
+        />,
+      );
+
+      const input = component.locator(`input[id=${testId}__item__${options[1].key}]`);
+      await input.focus();
+      await input.press('Space');
+      expect(changeCalled).toBeTruthy();
+    });
   });
 });