Angular Jasmine SpyOn查詢電話

Question

我對Angular和Jasmine非常陌生，當我試圖僞造服務「查詢」調用時遇到問題。由「描述」包圍下：

var mockBackend; 

beforeEach(inject(function($rootScope, $controller, AppServ) { 
    // We need to setup our controllers to use fake services provided by angular-mocks 
    $scope = $rootScope.$new(); 
    mockBackend = AppServ; 

    $controller('AppInformationController', { 
    $scope: $scope, 
    AppServ: mockBackend 
    }); 
})); 

it("should try to call the service, but we intercept it", function() { 
    spyOn(mockBackend, 'query').andReturn({'title':'Mock title'}); 

    $scope.serverAppNameChange(); 
    expect($scope.app.title).toBe("Mock title"); 
}); 

以上「的appserv」是我的服務，我想，攔截於該服務的測試呼叫「查詢」返回一些默認信息。真的，這只是爲了瞭解Jasmine和Angular的工作原理。服務本身沒有做任何事情，只能保留本地副本（這基本上是假的服務）。

這裏的服務：

Services.factory("AppServ", function($http) { 
    var app = {}; 
    var theAppOnServer = {}; 

    app['query'] = function() { 
    return theAppOnServer; 
    }; 

    app['save'] = function(app) { 
    theAppOnServer = $.extend({}, app); 
    }; 

    app['updateApp'] = function() { 
    theAppOnServer['title'] = "Title From Server"; 
    }; 

    return app; 
}); 

這裏是控制器：

MobileIntake.controller("AppInformationController", function($scope, AppServ) { 
    $scope.app = AppServ.query(); 

    //var AppOverviewController = function($scope) { 
    $scope.appNameChange = function(oldValue, newValue, scope) { 
    console.log("You've changed the app name!"); 
    }; 

    $scope.serverAppNameChange = function() { 
    AppServ.updateApp(); 
    }; 
    // Set up a watcher if we want to be updated by other things (like the server) 
    $scope.$watch("app.title", $scope.appNameChange); 

}); 

可能有人請我的線索，爲什麼spyOn似乎並沒有被攔截的「查詢」函數調用服務？我已經看到了其他一些答案，他們使用$ http和一些特殊的邏輯，但我只是想讓我可以攔截非http函數。

Answer 1

您不需要額外的mockBackend對象。只是監視服務本身。

beforeEach(inject(function($rootScope, $controller) { 
    // We need to setup our controllers to use fake services provided by angular-mocks 
    $scope = $rootScope.$new(); 

    $controller('AppInformationController', { 
    $scope: $scope 
    }); 
})); 

it("should try to call the service, but we intercept it", inject(function(AppServ) { 
    spyOn(AppServ, 'query').andReturn({'title':'Mock title'}); 

    $scope.serverAppNameChange(); 
    expect($scope.app.title).toBe("Mock title"); 
}));