笑話測試未通過去抖動 function

Question

我有這個 function

import _ from 'underscore';
const configMap = {};
export function someFunctionName(someValue, dispatch, reduxAction) {
  if (!configMap[someValue]) {
    configMap[someValue] = _.debounce(
      (someValue) => dispatch(reduxAction(someValue)),
      1000,
    );
  }
  return configMap[someValue];
}

開玩笑的測試：

const dispatchMock = jest.fn();
const reduxAction = jest.fn().mockReturnValue({});

jest.useFakeTimers();
describe('someFunctionName', () => {
  it('should dispatch reduxAction', async () => {
    someFunctionName('value', dispatchMock, reduxAction);
    jest.runAllTimers();
    expect(reduxAction).toHaveBeenCalled();
  });
});

測試一直失敗，我不確定為什么。 我最初認為可能是 debounce 方法需要模擬，但這似乎並不能解決問題。

Answer 1

Lodash 的debounce function 是異步的，這意味着debounce的返回語句將在someFunctionName返回一個值之前執行。 此外，function inside debounce在提供的 1000 毫秒等待時間過去之前不會運行。

在返回之前，您需要添加異步邏輯以等待someFunctionName中的debounce結果。 This SO post可能會提供有關如何實現這一目標的進一步幫助。