javascript - Jasmine 监视继承的方法(使用 typescript )不能按预期使用 toHaveBeenCalled()

Question

我目前在监视 typescript 类中调用的继承方法时遇到问题，其中 toHaveBeenCalled() 方法返回 false，即使被监视的方法已被调用。看看下面的场景...

我有两个类，用 TypeScript 编写

class Parent() {
    buyFood() {
        // buy food
    }
}

class Husband extends Parent {
    makeDinner() {
        super.buyFood();
        // make dinner;
    }
}

在我对 Husband 类的测试中，我只关心测试做晚餐的逻辑，因为父类(super class)的购买食物逻辑是在它自己的测试套件中测试的。

因此，我的测试看起来类似于以下类型。

let husband:Husband = new Husband();

it('Should make a good dinner', () => {
    spyOn(husband, 'buyFood');
    husband.makeDinner();

    expect(husband.buyFood).toHaveBeenCalled();
}

即使正在调用 buyFood()，断言也会失败，并显示一个错误，指出从未调用过从父类继承的 husband.buyFood() 方法。

我应该如何解决这个问题，而不必通过 buyFood() 方法调用断言值发生变化？

Answer 1

您必须了解 Typescript 和 spy 背后的机制。

首先是 Typescript ...

我忽略了 class Parent() 中的额外括号.

Typescript 在幕后使用原型(prototype)继承。因此，原型(prototype)会将引用的属性从“基类”复制到新类。这就是for循环在 __extends() 中执行功能。

这是你的 Typescript 被翻译成的 ES5 代码:

var __extends = (this && this.__extends) || function (d, b) {
    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
    function __() { this.constructor = d; }
    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
var Parent = (function () {
    function Parent() {
    }
    Parent.prototype.buyFood = function () {
        // buy food
    };
    return Parent;
}());
var Husband = (function (_super) {
    __extends(Husband, _super);
    function Husband() {
        return _super.apply(this, arguments) || this;
    }
    Husband.prototype.makeDinner = function () {
        _super.prototype.buyFood.call(this);
        // make dinner;
    };
    return Husband;
}(Parent));

您可以使用此 Typescript playground 翻译 typescript .

你的 super表达式调用 buyFood()父类的方法而不是“继承”的方法Husband .

看行

_super.prototype.buyFood.call(this);

然后跟随_super引用。

现在 Jasmine spy ...

spy 将用充当代理的 spy 函数替换传递对象的命名函数。该代理现在可以跟踪调用，并根据编程行为控制是调用原始函数、伪函数、返回值还是不执行任何操作(默认)。

非常简化了 spyOn()可能看起来像这样:

function spyOn(obj, fn) {
    var origFn = obj[fn],
        spy = function() {
            spy.calls.push(arguments);
        };

    spy.calls = [];

    obj[fn] = spy;
}

actual spy method不过要复杂得多。

你的线路

spyOn(husband, 'buyFood');

实际上将替换Husband 的实例 中的方法由 spy 。但是，由于代码调用了基类(父原型(prototype))的引用，所以它与您刚刚替换的函数不同。

解决方案

您应该调用 this引用方法

class Husband extends Parent {
    makeDinner() {
        // call byFood() via this
        this.buyFood();
    }
}

...或监视父原型(prototype)(super):

it('Should make a good dinner', () => {
    spyOn(Parent.prototype, 'buyFood');
    husband.makeDinner();

    expect(Parent.prototype.buyFood).toHaveBeenCalled();
}