茉莉花/棱角.js $scope在加载控制器上未定义

Question

我正在尝试对我的代码启动单元测试。我在互联网上遵循了很多指南，但我无法开始建立我的UT。

我想测试该代码：

"use strict";
var app = angular.module('address', []);
app.controller("AddressBookController", ["$rootScope", "$scope", "viewState",
    function($rootScope, $scope, viewState)
{   
    // PAGE DATA
    $scope.pageLimit = 7;
    $scope.pages = (viewState.state.pages) ? viewState.state.pages : [];
    $scope.currentPage = (viewState.state.currentPage) ? viewState.state.currentPage : 0;
    /* Other Code */
}

我的工厂代码是这样的：

app.factory("viewState", [function(){
    return {
       state : {},
       data : {}
    };
 }])

因此，按照一些指南，我编写了测试代码：

describe('Address Book Controller Testing', function() {
    var $scope;
    var controller;
    var viewStateMock;
    beforeEach(function() {
        module('address');
        //mocking factories for test
        module(function($provide){
             $provide.factory('viewState', function() {
                    return {
                        prova: function() {
                            return {
                                state : {},
                                data : {}
                            };
                        }
                    };
                });
             });
          });
        beforeEach(inject(function ($rootScope, $controller, viewState) {
            $scope = $rootScope.$new();
            viewStateMock = viewState;
            spyOn(viewStateMock, 'prova').and.callThrough();
            controller = $controller('AddressBookController', { 
                $scope: $scope,
                viewState: viewStateMock
            });
        }));
        describe('All initialized', function (){
            it('$scope should be defined', function() {
                expect($scope).toBeDefined();
            });
        });
    });
});

但是，如果我每次都启动测试，则给我此错误：

TypeError: Cannot read property 'pages' of undefined

我注意到在执行该部分代码时会抛出错误：

controller = $controller('AddressBookController', { 
    $scope: $scope,
    viewState: viewStateMock
});

如果我在该部分代码之前在控制台$scope上打印，我可以找到"pageLimit"属性。

我怎样才能继续我的测试？

谢谢大家的回答。

Answer 1

问题不在于您的$scope注射，而在于提供viewState。

当你使用$provide.factory()时，你实际上是在构建一个工厂（并提供它）。 所以语法应该与工厂相同：

module(function($provide) {
   $provide.factory('viewState', function() {
       return {
           state: {},
           data: {}
       };
   });
});

参见 jsFiddle。