JS/Jest: mocking a class 檢查方法是否被調用

Question

我正在嘗試在我的主 js 文件中測試播放器的加載。 它只是創建了一個 IVSPlayer class 的新實例，然后對其調用init() 。
主.js

const ivsPlayer = new IVSPlayer({
  id: VIDEO_PLAYER_ID,
  config: VIDEO_JS_CONFIG,
  ivsTech: win.registerIVSTech,
});
ivsPlayer.init();

player = ivsPlayer.player;

我正在嘗試模擬下面的實現

MAIN.test.js

import IVSPlayer from './ivs-player';

it('should load the  player', async () => {
  const mockInit = () => jest.fn();

  jest.mock('./ivs-player', () => {
    return {
      init: mockInit,
    };
  });

  await createPlayers();

  expect(?????).toHaveBeenCalled();
});

自從我嘲笑了 ivs-player 后，我該放什么來期待聽

Answer 1

我認為您的 mocking 是錯誤的。 試試這個（模擬原型）

it('should load the  player', async () => {
  IVSPlayer.prototype.init = jest.fn().mockImplementation(() => {
    return {
      init: jest.fn(),
    };
  });

  // execute code that causes the init function to run

  expect(IVSPlayer.prototype.init).toHaveBeenCalled();
});

或者，你可以試試這個

import { IVSPlayer } from './ivs-player';

jest.mock('./ivs-player'); // Automatic mock of the file

it('should load the  player', async () => {
  // execute code that causes the init function to run

  const mockInit = IVSPlayer.mock.instances[0].init;

  expect(mockInit).toHaveBeenCalled();
});

您可以在此處閱讀有關 class 模擬的更多信息。