Jest spyOn 不使用打字稿：“'Spy' 类型中缺少属性 'mockRestore'”

【问题标题】：Jest spyOn not working with typescript: "Property 'mockRestore' is missing in type 'Spy'"Jest spyOn 不使用打字稿：“'Spy' 类型中缺少属性 'mockRestore'”
【发布时间】：2019-01-01 07:04:33
【问题描述】：

将spyOn 与 jest 和 typescript 一起使用时，我收到此类型错误：

类型“Spy”不可分配给类型“SpyInstance”。财产 “Spy”类型中缺少“mockRestore”。

这是导致它的代码示例：

class A {
  foo = () => this.bar() + 1;
  bar = () => 1;
}

test('should pass', () => {
  const a = new A();
  let barSpy: jest.SpyInstance;
  barSpy = spyOn(a, 'bar');
  a.foo();
  expect(barSpy).toHaveBeenCalled();
});

当我运行这个例子时，测试通过了，但是打字稿编译器失败了。

【问题讨论】：

标签： typescript jestjs

【解决方案1】：

简答

全局spyOn(...) 函数返回jasmine.Spy 而不是jest.SpyInstance。据我所知，原因是ease migration from Jasmine to Jest.

这里有两个选项：

let barSpy: jest.SpyInstance;
barSpy = jest.spyOn(a, 'bar'); // <--- explicitly use jest.spyOn

// or

let barSpy: jasmine.Spy; // <--- use jasmine.Spy as your type
barSpy = spyOn(a, 'bar');

进一步说明

node_modules\@types\jest\index.d.ts 文件具有 Jest 类型定义。通过查看它们，我们可以看到spyOn 的两个实现。

返回jest.SpyInstance 的spyOn 位于jest 命名空间内。
返回jasmine.Spy 的spyOn 位于全局命名空间中。

除非您正在从 Jasmine 迁移到 Jest，否则我会使用 jest.spyOn 函数而不是全局函数。

【讨论】：