尝试使用Jasmine间谍程序并出现“不是功能”错误

Question

这是我的课：

class Clock {

  // Runs callback while it continues
  // to returns truthy values

  constructor(callback, delay) {
    this.callback = callback;
    this.delay = delay;
    this.timerId = null;
  }

  start() {
    this.timerId = setTimeout(() => {
      if (this.callback.call()) this.start();
    }, this.delay);
  }

  // Want to kill some time?

  kill() {
    clearTimeout(this.timerId);
  }

}

export default Clock;

以及相关测试：

import Clock from '../../src/js/lib/clock.js';

describe("Clock", function() {

  it("Has a callback and a delay", function() {
    let clock = ClockFactory();
    expect(clock.callback).toBeDefined();
    expect(clock.delay).toBeDefined();
  });

  describe("Is a clock", function() {
    let observer,
    clock;

    beforeEach(function() {
      jasmine.clock().install();

      observer = { callback: function() {} };
      spyOn(observer, 'callback')
      console.log(observer)

      clock = ClockFactory({callback: observer});
    });

    afterEach(function() {
      jasmine.clock().uninstall();
      clock.kill()
    });

    it("It periodically executes a callback", function() {
      clock.start()
      expect(observer.callback).not.toHaveBeenCalled();

      jasmine.clock().tick(5001);
      expect(observer.callback.calls.count()).toEqual(1);

      jasmine.clock().tick(2500);
      expect(observer.callback.calls.count()).toEqual(1);

      jasmine.clock().tick(2500);
      expect(observer.callback.calls.count()).toEqual(2);
    });

    it("It can stop ticking", function() {
      clock.start()
      expect(observer.callback).not.toHaveBeenCalled();

      jasmine.clock().tick(5001);
      expect(observer.callback.calls.count()).toEqual(1);

      clock.kill()

      jasmine.clock().tick(5000);
      expect(observer.callback.calls.count()).toEqual(1);
    });

  });

  function ClockFactory(options = {}) {
    return new Clock(
      (options.callback || function() {}),
      options.delay || 5000
      );
  }

});

现在，当我运行测试时，出现以下故障：

Failures:
1) Clock Is a clock It periodically executes a callback
  Message:
    TypeError: _this.callback.call is not a function
  Stack:
    TypeError: _this.callback.call is not a function
        at clock.js:14:25
        at Object.<anonymous> (clock_spec.js:34:23)

2) Clock Is a clock It can stop ticking
  Message:
    TypeError: _this.callback.call is not a function
  Stack:
    TypeError: _this.callback.call is not a function
        at clock.js:14:25
        at Object.<anonymous> (clock_spec.js:48:23)

我认为我根据示例正确使用了间谍，但是显然存在问题！ 有什么建议么？

Answer 1

您的Clock构造函数期望将函数（或至少一个具有call()方法的对象）作为其第一个参数。 在测试中，您正在像调用ClockFactory

observer = { callback: function () {} };
spyOn(observer, 'callback');
clock = ClockFactory({ callback: observer });

即传递给ClockFactory的第一个参数是

{ callback: { callback: function () {} } }

这很可能不是您想要的（除非ClockFactory签名与Clock构造函数签名不匹配）。 尝试做类似的事情

observer = jasmine.createSpy('observer');
clock = ClockFactory(observer);

---

另外，您可以在Clock构造函数中使用“选项对象”模式，并编写类似

constructor({callback, delay}) {
  this.callback = callback;
  this.delay = delay;
  ...
}

然后，您可以传递具有callback和delay属性的单个对象，例如

observer = { callback: function () {} };
spyOn(observer, 'callback');
clock = ClockFactory(observer);