21

自分で作成したサービスに依存するコントローラーをテストしようとしています。このサービスはDOMと通信するため、このサービスをモックしたいと思います。

これが私の現在のテストです：

describe('Player Controllers', function () {

    beforeEach(function () {
        this.addMatchers({
            toEqualData: function (expected) {
                return angular.equals(this.actual, expected);
            }
        });
    });

    describe('TestPSPlayerModule', function () {
        var $httpBackend, scope, ctrl;

        beforeEach(module('PSPlayerModule'));

        beforeEach(inject(function (_$httpBackend_, $rootScope, $controller) {
            $httpBackend = _$httpBackend_;

            scope = $rootScope.$new();
            ctrl = $controller(PlayerController, { $scope: scope });
        }));

        it('should request a clip url from the server when clipClicked is called', function () {
            expect(1).toBe(1);
        });
    });

});

私のコントローラーは次のようになります。

w.PlayerController = function ($scope, $http, $window, speedSlider, $location) {
    ...
}

だから私がモックしたいのはspeedSliderです。

テストコードで作成した、スピードスライダーの偽の実装を提供できるモジュールを使用することを考えたので、test.jsファイルの先頭に次を追加しました。

module('TestPSPlayerModule', []).factory('speedSlider', function () {
    return = {
       ...
    };
});

次に、そのモジュールを具体的なモジュールの代わりにbeforeEach（）呼び出しにリストしますが、そうすると、次のエラーが発生します。

Injector already created, can not register a module!

したがって、自分のサービスの1つの模擬実装を提供するためのより良い方法があるはずだと思います。おそらくsinon.jsを使用できるもの...

4

4 に答える 4

40

また、inject関数呼び出し内でこれを実行しようとしていないことを確認してください。

これにより、エラーがスローされます。

    beforeEach(inject(function(someOtherService) {
        module('theApp', function($provide) {
            myMock = {foo: 'bar'};
            $provide.value('myService', myServiceMock);
            someOtherService.doSomething();
        });
    }));

これはしません：

    beforeEach(function() {
        module('theApp', function($provide) {
            myMock = {foo: 'bar'};
            $provide.value('myService', myServiceMock);
        });

        inject(function(someOtherService) {
           someOtherService.doSomething();
        });
    });
于 2013-09-05T13:58:55.233 に答える
6

定義後にモジュールを使用するときは、余分な括弧がないことを確認してください。したがってmodule('TestPSPlayer')、の代わりにmodule('TestPSPlayer',[])。

于 2012-07-12T21:38:13.843 に答える
4

私の場合、これは機能しませんでした：

beforeEach(module('user'));
beforeEach(inject(function ($http) {
}));

beforeEach(module('community'));
beforeEach(inject(function ($controller, $rootScope) {
}));

私はそれを機能させるためにこれに変更しました：

beforeEach(module('user'));
beforeEach(module('community'));

beforeEach(inject(function ($http) {
}));
beforeEach(inject(function ($controller, $rootScope) {
}));
于 2014-12-08T15:42:11.793 に答える
0

プロバイダーがグローバルinitを使用しない場合は、元の挿入されたプロバイダーを使用してモックすることができます。以下の例では、testedProviderがコントローラーです。

var injectedProviderMock;

beforeEach(function () {
    module('myModule');
});

beforeEach(inject(function (_injected_) {
    injectedProviderMock  = mock(_injected_);
}));


var  testedProvider;
beforeEach(inject(function (_testedProvider_) {
    testedProvider = _testedProvider_;
}));

it("return value from injected provider", function () {
    injectedProviderMock.myFunc.andReturn('testvalue');
    var res = testedProvider.executeMyFuncFromInjected();
    expect(res).toBe('testvalue');
});

//mock all provider's methods
function mock(angularProviderToMock) {

    for (var i = 0; i < Object.getOwnPropertyNames(angularProviderToMock).length; i++) {
        spyOn(angularProviderToMock,Object.getOwnPropertyNames(angularProviderToMock)[i]);
    }
    return angularProviderToMock;
}
于 2015-07-08T11:14:25.313 に答える