Question

我正在尝试监视$ timeout，以便我可以验证它是否已被调用。具体来说，我的生产代码（见下文）将$ timeout称为函数，而不是对象：

$timeout(function() { ... })

而不是

$timeout.cancel() // for instance

然而，Jasmine需要一个物体被监视，如下所示：

spyOn(someObject, '$timeout')

我不知道'someObject'会是什么。

我正在使用Angular模拟，如果这有任何区别。

编辑：我正在尝试测试的相关生产代码如下所示：

EventHandler.prototype._updateDurationInOneSecondOn = function (call) {
    var _this = this;
    var _updateDurationPromise = this._$timeout(function () {
            call.duration = new Date().getTime() - call.startTime;
            _this._updateDurationInOneSecondOn(call);
        }, 1000);
    // ... more irrelevant code
}

在特定的测试场景中，我试图断言永远不会调用$ timeout。

编辑2：明确指出我使用$ timeout作为函数，而不是对象。

Answer 1

遇到同样的问题，最后用间谍装饰$ timeout服务。

beforeEach(module(function($provide) {
    $provide.decorator('$timeout', function($delegate) {
        return sinon.spy($delegate);
    });
}));

详细了解其原因here。

Answer 2

在angular $timeout中是一个执行/调用函数的服务。 “间谍”$timeout的请求有点奇怪，它正在做的是在给定时间内执行X函数。我要做的是监视这些服务是“模拟”超时功能并将其注入控制器中，如：

 it('shouldvalidate time',inject(function($window, $timeout){

        function timeout(fn, delay, invokeApply) {
            console.log('spy timeout invocation here');
            $window.setTimeout(fn,delay);
        }

//instead of injecting $timeout in the controller you can inject the mock version timeout
        createController(timeout);

// inside your controller|service|directive everything stays the same 
/*      $timeout(function(){
           console.log('hello world');
            x = true;
        },100); */
        var x = false; //some variable or action to wait for

        waitsFor(function(){
            return x;
        },"timeout",200);

...

Answer 3

此代码适用于我

var element, scope, rootScope, mock = {
    timeout : function(callback, lapse){
        setTimeout(callback, lapse);
    }
};

beforeEach(module(function($provide) {
    $provide.decorator('$timeout', function($delegate) {
      return function(callback, lapse){
          mock.timeout(callback, lapse);
          return $delegate.apply(this, arguments);
      };
    });
}));
describe("when showing alert message", function(){

    it("should be able to show message", function(){
        rootScope.modalHtml = undefined;
        spyOn(mock, 'timeout').and.callFake(function(callback){
            callback();
        });
        rootScope.showMessage('SAMPLE');

        expect(rootScope.modalHtml).toBe('SAMPLE');

    });

});

你如何使用Jasmine监视AngularJS的$ timeout？

3 个答案: