Question

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

我在运行规范时遇到以下错误。

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()
    };

}])

sidebarService.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：

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
           }
       };

我做了改动，现在一切正常。花了一段时间，但至少它是有道理的。

模拟服务返回Object（$$状态）错误

1 个答案: