Question

各种Jest文档显示了“自动”模拟，“手动”模拟或ES6 class模拟（它们在构造函数中实例化依赖项）的创建。

但是我想使用DI / IOC并将依赖项注入ctor：

// IBar.ts                                           <--- mock this
export default interface IBar {
  /* ...methods... */
}

// Baz.ts                                            <--- mock this
export default class Baz {
  constructor(spam: Spam, ham: IHam) { /* ... */}
  /* ...other methods... */
}

// Foo.ts                                            <--- test this
export default class Foo {
  constructor(bar: IBar, baz: Baz) { /* ... */}
  /* ...other methods... */
}

所以我想在测试中做到这一点：

const barMock = jest.giveMeAMock("../../IBar");  // or jest.giveMeAMock<IBar>();
const bazMock = jest.giveMeAMock("./Baz");       // or jest.giveMeAMock<Baz>();
const foo = new Foo(bar, baz);

expect(foo.something()).toBe(true);

Jest有可能吗？

（我在上面使用了一些TypeScript语法，但是对于JS / ES6和TS来说是同样的问题。）

Answer 1

当代码转换为JavaScript时，TypeScript接口才被编译出来。

...但是class绝对有可能。

您可以使用jest.mock自动模拟模块，而Jest将模块的API表面保持不变，同时用空的mock functions替换实现：

baz.js

export default class Baz {
  doSomething() {
    throw new Error('the actual function throws an error');
  }
}

foo.js

export default class Foo {
  constructor(baz) {
    this.baz = baz;
  }
  doSomething() {
    // ...
    this.baz.doSomething();
    // ...
  }
}

code.test.js

jest.mock('./baz');  // <= auto-mock the module

import Baz from './baz';
import Foo from './foo';

test('Foo', () => {
  const baz = new Baz();  // <= baz is an auto-mocked instance of Baz
  const foo = new Foo(baz);

  foo.doSomething();  // (no error)

  expect(baz.doSomething).toHaveBeenCalled();  // Success!
})

嘲笑具有DI依赖关系的类

1 个答案: