Javascript 在useEffect react钩子中使用路由时，RTL中的waitForElementToBeRemoved错误在waitForElementToBeRemoved中超时

我尝试了不同的解决方案，但都没有奏效。我正在使用React测试库测试登录组件。我有不同的路线，如下所示：

<BrowserRouter>
      <div>
        <Home />
        <Switch>
          <Route path="/" exact component={Home} />
          <Route path="/user" exact component={User} />
          <Route path="/login" component={Login} />
          <Route component={NotFound} />
        </Switch>
      </div>
    </BrowserRouter>

  it("redirects to /user", async () => {
    testRender(<Login />);
    await waitForElementToBeRemoved(() =>
      screen.findByTestId("user-login")
    );
    screen.debug();
  });

当我为以下对象运行测试用例时：

expect(getByTestId("user-login").textContent).toBe(
      "In progress"
    );

它正在传递，但“waitForElementToBeRemoved”案例不起作用（错误-“waitForElementToBeRemoved中超时”）。组件确实执行useffect，但是history.push（“/user”）似乎不起作用。请告诉我是否有更好的方法来测试这种场景

import React from "react";
import { render } from "@testing-library/react";
import { MemoryRouter } from "react-router-dom";

export function testRender(tsx) {
  window.history.pushState({}, "Test page", "/");
  return render(tsx, { wrapper: MemoryRouter });
}

expect(getByTestId("user-login").textContent).toBe(
      "In progress"
    );