Fix failing test due to change in renderHook result interface

Author: mendaomn

frontend/src/components/__tests__/useLoadingState.test.tsx

@@ -1,4 +1,4 @@
-import {renderHook} from '@testing-library/react'
+import {renderHook, waitFor} from '@testing-library/react'
 import {useLoadingState} from '../useLoadingState'
 import {Box} from '@cloudscape-design/components'
 import React from 'react'
@@ -44,9 +44,9 @@ jest.mock('../../model', () => {
 })
 
 function expectDataToBeRequested() {
-  expect(mockGetAppConfig).toHaveBeenCalledTimes(1)
-  expect(mockGetIdentity).toHaveBeenCalledTimes(1)
-  expect(mockGetVersion).toHaveBeenCalledTimes(1)
+  waitFor(() => expect(mockGetAppConfig).toHaveBeenCalledTimes(1))
+  waitFor(() => expect(mockGetIdentity).toHaveBeenCalledTimes(1))
+  waitFor(() => expect(mockGetVersion).toHaveBeenCalledTimes(1))
 }
 
 function expectDataNotToBeRequested() {
@@ -114,12 +114,7 @@ describe('given a hook to load all the data necessary for the app to boot', () =
     })
 
     it('should request the data', async () => {
-      const {waitForNextUpdate} = renderHook(
-        () => useLoadingState(<Box></Box>),
-        {wrapper},
-      )
-
-      await waitForNextUpdate()
+      renderHook(() => useLoadingState(<Box></Box>), {wrapper})
 
       expectDataToBeRequested()
     })
@@ -139,12 +134,7 @@ describe('given a hook to load all the data necessary for the app to boot', () =
     })
 
     it('should request the data', async () => {
-      const {waitForNextUpdate} = renderHook(
-        () => useLoadingState(<Box></Box>),
-        {wrapper},
-      )
-
-      await waitForNextUpdate()
+      renderHook(() => useLoadingState(<Box></Box>), {wrapper})
 
       expectDataToBeRequested()
     })
@@ -166,12 +156,7 @@ describe('given a hook to load all the data necessary for the app to boot', () =
     })
 
     it('should request the data', async () => {
-      const {waitForNextUpdate} = renderHook(
-        () => useLoadingState(<Box></Box>),
-        {wrapper},
-      )
-
-      await waitForNextUpdate()
+      renderHook(() => useLoadingState(<Box></Box>), {wrapper})
 
       expectDataToBeRequested()
     })
@@ -259,10 +244,9 @@ describe('given a hook to load all the data necessary for the app to boot', () =
           done()
         })
 
-        const {waitForNextUpdate} = renderHook(() => useLoadingState(<></>), {
+        renderHook(() => useLoadingState(<></>), {
           wrapper,
         })
-        waitForNextUpdate()
       })
     })
   })