2015-10-13 62 views
0

我使用的是视频并创建了一个需要视频指令的指令。在Angularjs的另一个模块中嘲讽指令

这一切工作正常,但不是我想单元测试我的指令。

我想模拟videogular指令,以便我可以通过API操作数据返回。

但是,我的指令总是拿起视频的具体实现。

我试图嘲笑下面的指令的视频模块实现没有运气。然后我像通常的单元测试一样嘲笑自己的模块。

beforeEach(angular.mock.module('com.2fdevs.videogular')); 
beforeEach(angular.mock.module('com.2fdevs.videogular'),function($provide,$controllerProvider){ 
    videogular = function(){ 
     return { 
      template: '<video class="test"></video>', 
      transclude: true 
     } 
    }; 
    $controllerProvider.register('vgController', function(_$scope_){ 
     $scope = _$scope_; 
     $scope.totalTime = 100; 
    }); 
    $provide.factory('videogularDirective', videogular); 
}); 

我试着用同样的方法将它注入到我自己的模块中,结果相同。

我怎样才能让它使用我的模拟不具体的实现?

我现在有

beforeEach(angular.mock.module('com.2fdevs.videogular')); 
beforeEach(angular.mock.module('com.2fdevs.videogular'),function($provide,$controllerProvider,$compileProvider){ 
    videogular = function(){ 
     return { 
      template: '<video class="test"></video>', 
      transclude: true 
     } 
    }; 
    $provide.factory('videogularDirective', videogular); 
    $compileProvider.directive('videogularDirective', videogular); 
}); 
beforeEach(angular.mock.module('irisApp')); 
beforeEach(angular.mock.module('irisApp', function ($provide) { 

    $provide.constant('LoggingService', require('../../../server/mocks/LoggingService.mock')); 
    $provide.constant('run', {}); 

})); 
beforeEach(angular.mock.inject(function (_$compile_, _$rootScope_) { 
    $rootScope = _$rootScope_; 
    $compile = _$compile_; 
})); 

但它仍然使用的具体指令。

回答

1

可以覆盖指令,但你必须使用$compileProvider为,即:

beforeEach(angular.mock.module('com.2fdevs.videogular')); 
beforeEach(angular.mock.module('com.2fdevs.videogular'),function($compileProvider, $controllerProvider){ 
    // ... 
    // same as above 
    $compileProvider.directive('videogularDirective', videogular); 
}); 
+0

我试过这种方法,现在看到我上面的代码中,我仍然得到具体落实。我一定在做一些愚蠢的事情? – madlad

+0

你能否确定真正的'videogularDirective'代码是* NOT *加载的? –