javascript - 如何解决单元测试中的 promise ？

Question

在我的 componentDidMount 测试中添加 Promise 后，测试不再通过。我如何解决 componentDidMount 中的 promise ？我需要像 runOnlyPendingTimers 这样的东西，但是为了 Promise。

我的测试是:

it("should clear canvas on each frame draw", () => {
    mount(<CoinsAndStars stars={true} coins={true} DeviceSupport={DeviceSupport} />);
    ctxMock.clearRect = jest.fn();
    jest.runOnlyPendingTimers();
    expect(ctxMock.clearRect).toHaveBeenCalledTimes(1);
    jest.runOnlyPendingTimers();
    expect(ctxMock.clearRect).toHaveBeenCalledTimes(2);
    jest.runOnlyPendingTimers();
    expect(ctxMock.clearRect).toHaveBeenCalledTimes(3);
});

Answer 1

也许对任何人都能派上用场。如果你在 componentDidMount 中使用 promise，在测试中你需要 await while mount while mount will end

it("should clear canvas on each frame draw", async () => {
    await mount(<CoinsAndStars stars={true} coins={true} DeviceSupport={DeviceSupport} />);
    ctxMock.clearRect = jest.fn();
    jest.runOnlyPendingTimers();
    expect(ctxMock.clearRect).toHaveBeenCalledTimes(1);
    jest.runOnlyPendingTimers();
    expect(ctxMock.clearRect).toHaveBeenCalledTimes(2);
    jest.runOnlyPendingTimers();
    expect(ctxMock.clearRect).toHaveBeenCalledTimes(3);
});