javascript - 模拟服务返回对象（$$state）错误

Question

我一直在关注 John Papa 和 Ward Bell 在 PluralSight 上的 Play by Play 角度测试。

当我运行我的规范时，我目前收到以下错误。

AssertionError: expected { Object ($$state) } to have a property 'length'
at Assertion.assertLength (bower_components/chai/chai.js:1331:37)
at Assertion.assert (bower_components/chai/chai.js:4121:49)
at Context.<anonymous> (scripts/home/homeController.Specs.js:48:49)

请注意，我只包含了我认为相关的代码，这样我就不会用不相关的信息使这个问题重载。如果您需要查看更多代码，这不是问题。

我的代码如下：

homeController.js：

window.app.controller('homeController', ['$scope', 'sidebarService',
             function ($scope, sidebarService) {

    $scope.title = 'Slapdash';
    $scope.sidebar = {
        "items": sidebarService.getSidebarItems()
    };

}])

侧边栏服务.js：

(function () {
window.app

    .service('sidebarService',['$http', function ($http) {

    this.getSidebarItems = function () {
        $http.get("http://wwww.something.com/getSidebarItems")
            .then(function (response) {
                return response.data;
            });
       };
   }]);
}());

homeController.Specs.js：

之前每个：

beforeEach(function () {

    bard.appModule('slapdash');

    bard.inject(this, '$controller', '$q', '$rootScope')

    var mockSidebarService = {
        getSidebarItems : function(){
            return $q.when(mockSidebarMenuItems);
        }
    };

    controller = $controller('homeController', {
        $scope: scope,
        sidebarService: mockSidebarService
    });

});

失败的规格：

        it('Should have items', function () {
        $rootScope.$apply();

        expect(scope.sidebar.items).to.have.length(mockSidebarMenuItems.length); // same number as mocked
        expect(sidebarService.getSidebarItems).to.have.been.calledOnce; // it's a spy

    });

Answer 1

答案是我返回的是服务的结果而不是承诺。

    $http.get("http://wwww.something.com/getSidebarItems")
        .then(function (response) {
            return response.data; // <- returning data not promise
        });

当我嘲笑我正在使用

var mockSidebarService = {
    getSidebarItems : function(){
        return $q.when(mockSidebarMenuItems);
    }
};

嘲笑一个承诺。但是，我只需要返回数据，因为服务中正在等待承诺。

       mockSidebarService = {
           getMenuItems : function(){
               return mockSidebarMenuItems
           }
       };

我进行了更改，现在一切正常。花了一段时间，但至少它是有意义的。