Fix error in validator by proper awaiting

Author: rvsia

packages/react-form-renderer/src/tests/form-renderer/validator.test.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { render, screen, act } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 
 import FormRenderer from '../../form-renderer';
@@ -84,68 +84,62 @@ describe('FormRenderer validator', () => {
     });
 
     it('should convert object validator to warning', async () => {
-      await act(async () => {
-        render(
-          <FormRenderer
-            FormTemplate={FormTemplate}
-            componentMapper={{
-              [componentTypes.TEXT_FIELD]: TextFieldWarning,
-            }}
-            schema={{
-              fields: [{ useWarnings: true, component: 'text-field', name: NAME, validate: [{ type: 'required', warning: true }] }],
-            }}
-            onSubmit={jest.fn()}
-          />
-        );
-      });
-
-      expect(screen.getByText('Required')).toBeInTheDocument();
+      render(
+        <FormRenderer
+          FormTemplate={FormTemplate}
+          componentMapper={{
+            [componentTypes.TEXT_FIELD]: TextFieldWarning,
+          }}
+          schema={{
+            fields: [{ useWarnings: true, component: 'text-field', name: NAME, validate: [{ type: 'required', warning: true }] }],
+          }}
+          onSubmit={jest.fn()}
+        />
+      );
+
+      expect(await screen.findByText('Required')).toBeInTheDocument();
     });
 
     it('should convert function validator to warning', async () => {
       const ERROR = 'SOME-ERROR';
 
       const customValidator = () => ({ type: 'warning', error: ERROR });
 
-      await act(async () => {
-        render(
-          <FormRenderer
-            FormTemplate={FormTemplate}
-            componentMapper={{
-              [componentTypes.TEXT_FIELD]: TextFieldWarning,
-            }}
-            schema={{
-              fields: [{ useWarnings: true, component: 'text-field', name: NAME, validate: [customValidator] }],
-            }}
-            onSubmit={jest.fn()}
-          />
-        );
-      });
-
-      expect(screen.getByText(ERROR)).toBeInTheDocument();
+      render(
+        <FormRenderer
+          FormTemplate={FormTemplate}
+          componentMapper={{
+            [componentTypes.TEXT_FIELD]: TextFieldWarning,
+          }}
+          schema={{
+            fields: [{ useWarnings: true, component: 'text-field', name: NAME, validate: [customValidator] }],
+          }}
+          onSubmit={jest.fn()}
+        />
+      );
+
+      expect(await screen.findByText(ERROR)).toBeInTheDocument();
     });
 
     it('should convert async function validator to warning', async () => {
       const ERROR = 'SOME-ERROR';
 
       const customValidator = () => new Promise((res, rej) => setTimeout(() => rej({ type: 'warning', error: ERROR })));
 
-      await act(async () => {
-        render(
-          <FormRenderer
-            FormTemplate={FormTemplate}
-            componentMapper={{
-              [componentTypes.TEXT_FIELD]: TextFieldWarning,
-            }}
-            schema={{
-              fields: [{ useWarnings: true, component: 'text-field', name: NAME, validate: [customValidator] }],
-            }}
-            onSubmit={jest.fn()}
-          />
-        );
-      });
-
-      expect(screen.getByText(ERROR)).toBeInTheDocument();
+      render(
+        <FormRenderer
+          FormTemplate={FormTemplate}
+          componentMapper={{
+            [componentTypes.TEXT_FIELD]: TextFieldWarning,
+          }}
+          schema={{
+            fields: [{ useWarnings: true, component: 'text-field', name: NAME, validate: [customValidator] }],
+          }}
+          onSubmit={jest.fn()}
+        />
+      );
+
+      expect(await screen.findByText(ERROR)).toBeInTheDocument();
     });
   });
 });