suchen

Heim  >  Fragen und Antworten  >  Hauptteil

Alternative zu waitForNextUpdate in renderHook

Ich habe die Testing-Bibliothek aktualisiert, aber in diesem Fall fällt es mir schwer, sie zu finden waitForNextUpdate的替代方法(在react-testing-library v13中不再可用https://github.com/testing-library/react-testing-library/issues/1101)。我尝试使用rerender() aber es scheint nicht zu helfen:

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粉198670603P粉198670603534 Tage vor1079

Antworte allen(1)Ich werde antworten

  • P粉274161593

    P粉2741615932023-09-23 10:57:40

    在较新版本的React Testing Library中,waitForNextUpdate()不再可用。相反,您可以使用act函数来处理异步更新,该函数也由@testing-library/react-hooks提供。 尝试以下代码:

    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: { ... },
      });
    });
    使用act确保组件更新被正确处理

    Antwort
    0
  • StornierenAntwort