Maison > Questions et réponses > le corps du texte
J'ai mis à jour la bibliothèque Testing mais j'ai du mal à la trouver dans ce cas waitForNextUpdate
的替代方法(在react-testing-library
v13中不再可用https://github.com/testing-library/react-testing-library/issues/1101)。我尝试使用rerender()
mais cela ne semble pas aider :
const mockGetSummary = getSummary as jest.MockedFunction<any>; test('hook的初始状态', async () => { mockGetSummary.mockImplementation(() => ({ setOptions: () => ({ call: () => Promise.resolve({mycustomObject}), }), })); const { result, rerender } = renderHook(() => useHomePageData()); expect(result.current).toMatchObject({ loading: true, stats: null }); await waitForNextUpdate(); // <--- 如何等待hook执行完毕? expect(result.current).toMatchObject({ loading: false, stats: {...} }); });
P粉2741615932023-09-23 10:57:40
Dans les versions plus récentes de React Testing Library, waitForNextUpdate()
不再可用。相反,您可以使用act函数来处理异步更新,该函数也由@testing-library/react-hooks
est disponible.
Essayez le code suivant :
import { renderHook, act } from '@testing-library/react-hooks'; import { waitFor } from '@testing-library/react'; const mockGetSummary = getSummary as jest.MockedFunction<any>; test('initial state of hook', async () => { mockGetSummary.mockImplementation(() => ({ setOptions: () => ({ call: () => Promise.resolve({ mycustomObject }), }), })); const { result } = renderHook(() => useHomePageData()); expect(result.current).toMatchObject({ loading: true, stats: null, }); // 使用act和waitFor等待异步更新完成 await act(async () => { await waitFor(() => { return !result.current.loading; }); }); expect(result.current).toMatchObject({ loading: false, stats: { ... }, }); });Utilisez
act
pour vous assurer que les mises à jour des composants sont gérées correctement