用玩笑嘲笑打字稿界面

Question

是否可以用玩笑来模拟打字稿界面？

例如：

import { IMultiplier } from "./IMultiplier";

export class Math {
  multiplier: IMultiplier;

  public multiply (a: number, b: number) {
    return this.multiplier.multiply(a, b);
  }
}

然后在测试中：

import { Math } from "../src/Math";
import { IMultiplier } from "../src/IMultiplier";

describe("Math", () => {

    it("can multiply", () => {
        let mathlib = new Math();
        mathlib.multiplier = // <--- assign this property a mock
        let result = mathlib.multiply(10, 2);
        expect(result).toEqual(20);
    });
});

我尝试创建一个模拟对象来通过多种方式满足此要求，但是没有任何效果。例如，为其分配此模拟：

let multiplierMock = jest.fn(() => ({ multiply: jest.fn() }));

将产生类似于以下内容的东西：

Error - Type 'Mock<{ multiply: Mock<{}>; }>' is not assignable to type 'IMultiplier'.

Answer 1

我创建了一个库，允许您模拟 TypeScript 接口 - https://github.com/marchaos/jest-mock-extended。

似乎没有库可以在保持完整类型安全的同时干净利落地做到这一点。它松散地基于这里的讨论 - https://github.com/facebook/jest/issues/7832

Answer 2

模拟只需要具有相同的形状接口。

（来自docs：TypeScript的核心原则之一是类型检查着重于值的形状。这有时被称为“鸭子类型”或“结构子类型化”。）

所以mathlib.multiplier只需要分配给一个符合IMultiplier。

我猜IMultiplier从该示例看起来像这样：

interface IMultiplier {
  multiply(a: number, b: number): number
}

因此，通过将相关行更改为此示例测试可以正常工作：

mathlib.multiplier = {
  multiply: jest.fn((a, b) => a * b)
};

Answer 3

试用moq.ts库。

import {Mock} from "moq.ts";

const multiplier = new Mock<IMultiplier>()
   .setup(instance => instance.multiply(3, 4))
   .returns(12)
   .object();

let mathlib = new Math();
mathlib.multiplier = multiplier;