clean up test warnings (#2812)

Author: alexvuong

packages/extension-chakra-storefront/src/pages/account/profile.test.js

@@ -5,7 +5,7 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import {screen, waitFor, within} from '@testing-library/react'
+import {act, screen, waitFor, within} from '@testing-library/react'
 import {createPathWithDefaults, renderWithProviders} from '../../utils/test-utils'
 import {rest} from 'msw'
 import AccountDetail from '../../pages/account/profile'
@@ -69,22 +69,26 @@ test('Allows customer to edit phone number', async () => {
     })
 
     const profileCard = screen.getByTestId('sf-toggle-card-my-profile')
-    // Change phone number
-    await user.click(within(profileCard).getByText(/edit/i))
+    await act(async () => {
+        // Change phone number
+        await user.click(within(profileCard).getByText(/edit/i))
+    })
 
     // Profile Form must be present
     expect(screen.getByLabelText('Profile Form')).toBeInTheDocument()
 
-    await user.type(screen.getByLabelText('Phone Number'), '7275551234')
-
+    await act(async () => {
+        await user.type(screen.getByLabelText('Phone Number'), '7275551234')
+    })
     global.server.use(
         rest.get('*/customers/:customerId', (req, res, ctx) =>
             res(ctx.delay(0), ctx.status(200), ctx.json(mockedRegisteredCustomer))
         )
     )
 
-    await user.click(screen.getByText(/^Save$/i))
-
+    await act(async () => {
+        await user.click(screen.getByText(/^Save$/i))
+    })
     await waitFor(() => {
         // Toast messages are rendered in a portal, so we need to search within document.body
         expect(within(document.body).getByText(/Profile updated/i)).toBeInTheDocument()

packages/extension-chakra-storefront/src/pages/checkout/confirmation.test.js

@@ -79,8 +79,10 @@ test('Create Account form - renders error message', async () => {
 
     const createAccountButton = await screen.findByRole('button', {name: /create account/i})
     const passwordEl = await screen.findByLabelText('Password')
-    await user.type(passwordEl, 'P4ssword!')
-    await user.click(createAccountButton)
+    await act(async () => {
+        await user.type(passwordEl, 'P4ssword!')
+        await user.click(createAccountButton)
+    })
     const alert = await screen.findByRole('alert')
     expect(alert).toBeInTheDocument()
 })