嘲笑Uppy时意外的Jest错误

Question

我试图在Jest单元测试中，按照Uppy的指导，从乌皮包中模拟这是先前回答的问题。类。我的错误代码如下：

import Uppy from '@uppy/core';

describe('MyComponent', () => {
  it('renders', () => {
    jest.mock('@uppy/core', () => {
      return {
        Uppy: jest.fn().mockImplementation(() => {
          return {};
        }),
      };
    });
    
    new Uppy();
    expect(Uppy).toHaveBeenCalledTimes(1);
  });
});

以下错误消息导致测试失败：

Matcher error: received value must be a mock or spy function

Received has type:  function
Received has value: [Function Uppy]

@uppy/core的默认导出似乎是Uppy类，因此我的期望是提供的代码将模拟类的构造函数，但情况似乎并非如此。

包版本：

• 乌皮: 2.1.2
• 开玩笑: 27.4.7

Answer 1

我认为问题在于您在错误的时间使用jest.mock()。换句话说，我认为在测试用例中调用jest.mock()为时已晚，因为那时包已经导入了。

我不知道这样做的标准方法是什么，但这里是如何反应的：

• 它有一个名为单独档案 has jest.mock()的
• 从上面看，该文件的路径是Jest的选项的值；如您所见，此选项位于config.base.js文件中：

module.exports = {
  globalSetup: require.resolve('./setupGlobal.js'),
}

• 当测试脚本运行时，它将基于提供的参数进行选择配置。
• 这种配置的一个例子是这个文件，正如您可以看到的那样，它扩展了config.base，这是设置globalSetup选项的地方。

/* ... */
const baseConfig = require('./config.base');

module.exports = Object.assign({}, baseConfig, { /* ... */ });
/* ... */

所以，我想说，利用这个选项应该可以解决问题。