React testing library waitFor

[cossack910]

非同期処理でチェックする必要があるテストで使用する。タイムアウトに到達するまでCallbackを何度も実行する。 ※awaitは必ず併用すること。

it("プラスボタン３回クリック", async () => {
    render(
      <Provider store={store}>
        <Redux />
      </Provider>
    );
    await userEvent.click(screen.getByText("+"));
    await userEvent.click(screen.getByText("+"));
    await userEvent.click(screen.getByText("+"));
    await waitFor(() => {
      expect(screen.getByTestId("count-value")).toHaveTextContent("3");
    });
  });