2014-03-28 53 views
8

我得到这个错误,当我做如下测试:类型错误:无法读取属性“defaultPrevented”的未定义

it('should call pauseAnimationInterval if in focus', inject(function(SearchBoxData, intervalManager, $timeout){ 
    SearchBoxData.init_array = []; 
    SearchBoxData.inFocus = true; 
    SearchBoxData.init(intervalManager); 
    console.log(intervalManager.pauseTimeout); 
    console.log(intervalManager.pauseTimeoutTime); 
    console.log($timeout); 
    $timeout.flush(intervalManager.pauseTimeoutTime+1); 
    expect(rootScope.$broadcast).toHaveBeenCalledWith('onPauseInterval', intervalManager.loopIndex); 
})); 

它打破了上$timeout.flush(intervalManager.pauseTimeoutTime+1); 的$超时方法是所谓的intervalManager.pauseAnimationInterval()这里面SearchBoxData.init(intervalManager)

intervalManager.pauseAnimationInterval = function(){ 

    intervalManager.safeCancel(intervalManager.continueInterval); 
    intervalManager.safeCancel(intervalManager.initInterval); 
    intervalManager.initInterval = null; 
    intervalManager.continueInterval = null; 

    intervalManager.pauseTimeout = $timeout(function() { 
    if(intervalManager.inFocus === true){ 
     intervalManager.loopIndex += 1; 
     if(intervalManager.loopIndex >= intervalManager.maxLoopIndex){ 
     intervalManager.loopIndex = 0; 
     } 
     $rootScope.$broadcast("onPauseInterval", intervalManager.loopIndex); 
     intervalManager.continueAnimationInterval(); 
    }else{ 
     // Important condition: retry after the timeout if no focus 
     // main reason of glitch 
     intervalManager.pauseAnimationInterval(); 
    } 
    }, intervalManager.pauseTimeoutTime); 

}; 

我之前没有收到这个错误,我不确定我做错了什么。

更新:这里是unminified版本angularJS的堆栈跟踪:

at /Users/foo/projects/bar/vendor/assets/javascripts/angular.js:9268:88 
at Scope.$eval (/Users/foo/projects/bar/vendor/assets/javascripts/angular.js:11986:28) 
at Scope.$digest (/Users/foo/projects/bar/vendor/assets/javascripts/angular.js:11812:31) 
at Scope.$apply (/Users/foo/projects/bar/vendor/assets/javascripts/angular.js:12092:24) 
at Object.fn (/Users/foo/projects/bar/vendor/assets/javascripts/angular.js:13627:36) 
at Function.self.defer.flush (/Users/foo/projects/bar/spec/javascripts/lib/angular/angular-mocks.js:126:32) 
at Function.$delegate.flush (/Users/foo/projects/bar/spec/javascripts/lib/angular/angular-mocks.js:1689:20) 
at null.<anonymous> (/Users/foo/projects/bar/spec/javascripts/unit/services/searchboxdata_service_spec.js:71:16) 

更新2:我追查回SearchBoxData工厂的注入。我不确定它有什么问题。无论何时创建$超时实例并使用flush方法,只需注入它都会导致错误。

更新3:我注意到这种情况,如果我注入或者$位置或依赖的一个途径$(间接的,它与我到处使用一些基本的服务发生)。

更新4:这里是重现它plunker!这是$广播()“d $或发出()” http://plnkr.co/edit/7XweXI?p=info

+0

比较遗憾的是答案,显然没有给予足够的重视。稍后再看;) – bluehallu

+0

你有这样的失败测试的小提琴或蹲跳者吗? – dmahapatro

+0

@dmahapatro我管理一个重现错误的重击者。看我的编辑。 –

回答

25

范围事件D是同步的,当他们完成了返回的事件对象。

在角有些事情取决于返回的事件对象,如ngRoute上。

所以你可以做什么来解决这个问题,只需在你创建你的间谍时添加andCallThrough(),这样它就可以调用原始函数并产生一个返回值。

另外,如果你不想使用真正的$广播,你可以使用andCallFake()提供一个假的函数,可以返回任何你想要的。

例子:

beforeEach(function(){ 
    module('MyApp'); 
    inject(function($injector){ 
    rootScope = $injector.get('$rootScope'); 
    spyOn(rootScope,'$broadcast').andCallThrough(); // will prevent the reference error 
    }) 
}); 
+1

非常感谢@chronicsalsa,这个问题困扰了我好几天。 –

+0

好的。如果没有问题,我就不会那样做。 :)据我们所知,一个很好的问题已经解决了一半。 ;) – dmahapatro

+8

注意,在茉莉花2.0及以上版本,语法是'and.callThrough();' –

相关问题