Question

我的Angular 1.3应用程序正在使用angular-translate library。在我的Karma测试中，我试图使用我创建的Mock对象来模拟$translate提供程序。

模拟对象名为MockTranslate，它属于myMocks模块。我没有在问题中包含MockTranslate的来源，因为它与问题无关。

我测试的主题是控制器，我可以使用以下内容轻松模拟$translate：

module('myMocks');
inject(function($controller, MockTranslate) {                                                                                              
  $controller("MyController", {                                                                                                           
    $translate: MockTranslate.create(translations);                                                                                        
  });                                                                                                                                      
});

以上模拟工作，但我倾向于使用angular.mock.module模拟提供者，例如：

module('myMocks');
module("myModule", function($provide) {                                                                                                    
  $provide.provider("$translate", function(MockTranslate) {                                                                              
    return MockTranslate.create(translations);                                                                                      
  });                                                                                                                                      
});

但是当我运行测试时出现以下错误：

Error: [$injector:modulerr] Failed to instantiate module function ($provide) due to: Error: [$injector:unpr] Unknown provider: MockTranslate

如何使用angular.mock.module模拟提供商？

Answer 1

如果我理解正确的任务，那么这是一个有效的例子：

angular.module('translateApp', [])
    .controller('translateCtrl', function ($scope, $translate) {
        $scope.translate = function(message) {
            return $translate.translate(message);
        };
    })
    .provider({
        $translate: function() {
            this.$get = function () {
                return {
                    translate: function (msg) {
                        return 'OriginalTranslate: ' + msg;
                    }
                };
            };
        }
    });

describe('Translate Controller Test', function() {
    var mockScope;
    var mockTranslate;

    beforeEach(module('translateApp', function($provide) {
        $provide.provider('MockTranslate', function() {
            this.$get = function () {
                return {
                    translate: function (msg) {
                        return 'MockTranslate: ' + msg;
                    }
                };
            }
        });

        $provide.provider('$translate', function() {
            this.$get = function (MockTranslate) {
                return {
                    translate: function (msg) {
                        return MockTranslate.translate(msg);
                    }
                };
            }
        });
    }));

    beforeEach(inject(function($controller, $rootScope, $translate) {
        mockScope = $rootScope.$new();
        mockTranslate = $translate;

        $controller('translateCtrl', {
            $scope: mockScope,
            $translate: mockTranslate
        });
    }));

    it('Translates messages', function () {
        expect(mockScope.translate('cool message')).toEqual('MockTranslate: cool message');
    });
});

如何模拟提供者

1 个答案: