Понимание зависимости от инъекций в приложении и тестах в AngularJS

У меня есть проблема с инъекцией зависимостей (понимание) при тестировании директивы (AjaxLoader отображается только тогда, когда есть ожидающий запрос).

Объявление приложения:

angular.module('app', [
    'directives.ajaxLoader',
    'services.httpRequestTracker',
    [...]
])

Код директивы:

angular.module('directives.ajaxLoader', [])
.directive('ajaxLoader', ['httpRequestTracker',
    function(httpRequestTracker) {
        return {
            templateUrl: 'common/ajaxLoader.tpl.html',
            link: function($scope) { // This function can have more parameters after $scope, $element, $attrs, $controller
                $scope.hasPendingRequests = function() {
                    return httpRequestTracker.hasPendingRequests();
                };
            }
        };
    }
])

Тестовый код:

describe('ajaxLoader', function() {


    beforeEach(function() {
        module('directives.ajaxLoader', 'common/ajaxLoader.tpl.html');
    });

    describe('ajaxLoader directive', function() {});
});

Оттуда моя директива прекрасно работает в браузере, но тесты терпят неудачу с ошибкой, например:

Ошибка: [$ injector: unpr] Неизвестный поставщик: httpRequestTrackerProvider <- httpRequestTracker <- ajaxLoaderDirective

Хорошо, поэтому мне нужно каким-то образом ввести свою зависимость. У меня есть два решения:

в моей директиве напрямую:

angular.module('directives.ajaxLoader', [
     'services.httpRequestTracker'
])

в моем тестовом коде напрямую:

beforeEach(function() {
     module('directives.ajaxLoader', 'common/ajaxLoader.tpl.html', 'services.httpRequestTracker');
});

Обе работы, но я не понимаю, какой из них лучше и почему? И почему он работает в моем браузере с самого начала и не работает в моем тесте? В обоих случаях все мои директивы и трекеры вводятся в мою основную декларацию приложения

благодаря