Attempt to fix console warnings re: react testing library using await act(async () =>

Author: Linda Peng

Diff for: src/components/Auth/AuthForm.spec.js

@@ -40,7 +40,7 @@ describe('AuthForm', () => {
 });
 
 describe('Signup', () => {
-  fit('Register a new user on the signup form', async () => {
+  it('Register a new user on the signup form', async () => {
     await act(async () => {
       const { getByText, getByLabelText } = render(
         <BrowserRouter>
@@ -58,27 +58,40 @@ describe('Signup', () => {
           email: '[email protected]',
         },
       });
+      await act(async () =>
+        fireEvent.change(getByLabelText(/username/i), {
+          target: { value: 'Carolyne.Carter' },
+        })
+      );
 
-      fireEvent.change(getByLabelText(/username/i), {
-        target: { value: 'Carolyne.Carter' },
-      });
+      await act(async () =>
+        fireEvent.change(getByLabelText(/password/i), {
+          target: { value: 'password' },
+        })
+      );
+
+      await act(async () =>
+        fireEvent.change(getByLabelText(/email/i), {
+          target: { value: '[email protected]' },
+        })
+      );
+
+      await act(async () =>
+        fireEvent.change(getByLabelText(/first name/i), {
+          target: { value: 'Carolyne' },
+        })
+      );
+
+      await act(async () =>
+        fireEvent.change(getByLabelText(/last name/i), {
+          target: { value: 'Carter' },
+        })
+      );
 
-      fireEvent.change(getByLabelText(/password/i), {
-        target: { value: 'password' },
-      });
-      fireEvent.change(getByLabelText(/email/i), {
-        target: { value: '[email protected]' },
-      });
-      fireEvent.change(getByLabelText(/first name/i), {
-        target: { value: 'Carolyne' },
-      });
-      fireEvent.change(getByLabelText(/last name/i), {
-        target: { value: 'Carter' },
-      });
       const submit = getByText('Sign Up');
-      fireEvent.click(submit);
+      await act(async () => fireEvent.click(submit));
 
-      await mockRegisterResponse();
+      await act(async () => mockRegisterResponse());
 
       expect(mockRegisterResponse).toHaveBeenCalledTimes(1);
     });
@@ -100,16 +113,21 @@ describe('Login', () => {
         username: 'Carolyne.Carter',
       },
     });
-    fireEvent.change(getByLabelText(/username/i), {
-      target: { value: 'Carolyne.Carter' },
-    });
+    await act(async () =>
+      fireEvent.change(getByLabelText(/username/i), {
+        target: { value: 'Carolyne.Carter' },
+      })
+    );
+
+    await act(async () =>
+      fireEvent.change(getByLabelText(/password/i), {
+        target: { value: 'password' },
+      })
+    );
 
-    fireEvent.change(getByLabelText(/password/i), {
-      target: { value: 'password' },
-    });
     const submit = getByRole('button');
-    fireEvent.click(submit);
-    await mockLoginResponse();
+    await act(async () => fireEvent.click(submit));
+    await act(async () => mockLoginResponse());
     expect(mockLoginResponse).toHaveBeenCalledTimes(1);
   });
 });