gridform act fix

packages/gamut/src/GridForm/__tests__/GridForm.test.tsx

@@ -151,9 +151,8 @@ describe('GridForm', () => {
     const { view } = renderView({ onSubmit });
     const { checkboxField, selectField, textField } = getBaseCases(view);
 
-    doBaseFormActions(selectField, textField, checkboxField);
-
     await act(async () => {
+      doBaseFormActions(selectField, textField, checkboxField);
       fireEvent.submit(view.getByRole('button'));
 
       await api.innerPromise;
@@ -491,12 +490,14 @@ describe('GridForm', () => {
       const api = createPromise<{}>();
       const onSubmit = async (values: {}) => api.resolve(values);
 
-      const { view } = renderView({ onSubmit, disableFieldsOnSubmit: true });
+      const { view } = await asyncRenderView({
+        onSubmit,
+        disableFieldsOnSubmit: true,
+      });
       const { checkboxField, selectField, textField } = getBaseCases(view);
 
-      doBaseFormActions(selectField, textField, checkboxField);
-
       await act(async () => {
+        doBaseFormActions(selectField, textField, checkboxField);
         fireEvent.submit(view.getByRole('button'));
       });
 
@@ -534,12 +535,11 @@ describe('GridForm', () => {
       const api = createPromise<{}>();
       const onSubmit = async (values: {}) => api.resolve(values);
 
-      const { view } = renderView({ onSubmit, resetOnSubmit: true });
+      const { view } = await asyncRenderView({ onSubmit, resetOnSubmit: true });
       const { checkboxField, selectField, textField } = getBaseCases(view);
 
-      doBaseFormActions(selectField, textField, checkboxField);
-
       await act(async () => {
+        doBaseFormActions(selectField, textField, checkboxField);
         fireEvent.click(view.getByRole('button'));
       });
       const firstResult = await api.innerPromise;