我需要测试一个指令，对一些注入的服务做一些调用。
下面的代码是一个示例指令，监听事件，如果在指定的元素内按下enter键，则重定向浏览器。
下面的代码是一个示例指令，监听事件，如果在指定的元素内按下enter键，则重定向浏览器。
编辑：我得到我可能在涉及E2E测试土地的感觉？
angular.module('fooApp')
.directive('gotoOnEnter',['$location',function ($location) {
var _linkFn = function link(scope,element,attrs) {
element.off('keypress').on('keypress',function(e) {
if(e.keyCode === 13)
{
$location.path(scope.redirectUrl);
}
});
}
return {
restrict: 'A',link: _linkFn
};
}]);
问题是，我还没有想出如何注入服务，以窥探他们的指令。
我提出的解决方案如下：
它不工作，如预期，因为我没有成功注入$ locacion服务成功地窥探。
describe('Directive: gotoOnEnter',function () {
beforeEach(module('fooApp'));
var element;
it('should visit the link in scope.url when enter is pressed',inject(function ($rootScope,$compile,$location) {
element = angular.element('<input type="text" goto-on-enter>');
element = $compile(element)($rootScope);
$rootScope.redirectUrl = 'http://www.google.com';
$rootScope.$digest();
var e = jQuery.Event('keypress');
e.keyCode = 13;
element.trigger(e);
spyOn($location,'path');
expect($location.path).toHaveBeenCalledWith('http://www.google.com');
}));
这产生
Expected spy path to have been called with [ 'http://www.google.com' ] but it was never called.
要装饰，存根，提供模拟或覆盖任何给定的服务，您可以使用$ provide服务。
$ provide.value，$ provide.decorator等文档 here。
$ provide.value，$ provide.decorator等文档 here。
然后你可以做这样的东西：
var $location;
beforeEach(function() {
module('studentportalenApp',function($provide) {
$provide.decorator('$location',function($delegate) {
$delegate.path = jasmine.createSpy();
return $delegate;
});
});
inject(function(_$location_) {
$location = _$location_;
});
});
… …
it('should visit the link in scope.redirectUrl when enter is pressed',$location) {
element = angular.element('<input type="text" goto-on-enter>');
element = $compile(element)($rootScope);
$rootScope.redirectUrl = 'http://www.google.com';
$rootScope.$digest();
var e = jQuery.Event('keypress');
e.keyCode = 13;
element.trigger(e);
$rootScope.$digest();
expect($location.path).toHaveBeenCalledWith('http://www.google.com');
}));
