使用Jasmine spyOn在工廠中定義的對象的方法

Question

在我的角JS應用程序中，我有一個mainController，它將userFactory作爲參數。 userFactory由一個名爲userService的對象組成，該對象又具有一個userDetails對象和一些包括resetUserDetails的方法。 （詳見下頁）

在mainController中我有一個logOut函數，它調用userFactory.userService.resetUserDetails方法。我想用茉莉花測試這個logOut函數，但是我收到了一些錯誤。我對茉莉花很陌生，所以很抱歉，如果它的東西明顯我失蹤了。

所以首先在我的Jasmine套件中創建一個MainControllerSpec來測試我的mainController。

在這個規範中，我注入了一個名爲userFactory的工廠。我想我的spyOn方法resetUserDetails如下但得到一個錯誤：

spyOn(userFactory, 'userService.resetUserDetails'); 

錯誤：userService.resetUserDetails()不存在。

我想這個過程通過創建我的userFactory一個函數調用測試（userService對象之外）和它的作品以及至少我知道在規範的工廠注入設置了罰款。
任何幫助非常感謝。在mainController謝謝

MainControllerSpec.js

describe("MainController", function() { 
    beforeEach(angular.mock.module('mapModule', 'ngRoute','ngTouch', 'ngAnimate')); 
    var scope, userFactory; 

    beforeEach(inject(function($rootScope, $controller, _userFactory_){ 
     scope = $rootScope.$new(); 
     userFactory = _userFactory_; 
     $controller('mainController', { 
      $scope: scope 
     }); 
    })); 


    describe('The logOut function', function() { 
     it('should call the resetUserDetails function of the userFactory.userService object and reset the userDetails object', function() { 
      //spyOn takes in a factory and a method of that factory 
      spyOn(userFactory, 'userService.resetUserDetails'); 
      //spyOn(userFactory, 'test'); tried this and it works. 
      scope.logOut(); 
      expect(userFactory.userService.resetUserDetails).toHaveBeenCalled(); 
     }); 
    }); 

}); 

註銷功能

$scope.logOut = function(){ 
     userFactory.userService.resetUserDetails(); 
     //userFactory.test(); //tried this with spyOn in jasmine 
    } 

userFactory

mapApp.factory('userFactory', function(){ 

    var userService = { 
     /* 
     * Initialize a userDetails object. 
     */ 
     userDetails : { 
      "userID" : null, 
      "facebookUserID" : "", 
      "facebookName" : "", 
      "facebookProfilePic" : "", 
      "userPrivilegeID" : 1, 
      "userToken" : "", 
      "isLoggedIn" : false 
     }, 
     resetUserDetails : function(){ 
      /* 
      * This method resets the userDetails object. 
      */ 
      this.userDetails = { 
       "userID" : null, 
       "facebookUserID" : "", 
       "facebookName" : "", 
       "facebookProfilePic" : "", 
       "userPrivilegeID" : 1, 
       "userToken" : "", 
       "isLoggedIn" : false 
      }; 
     } 
    }; 
    var test = function(){ 
     /* 
     * for testing spyOn in Jasmine 
     */ 
    }; 
    //return public API so that we can access it in all controllers 
    return{ 
     userService: userService, 
     test: test 
    }; 
}); 

Answer 1

你需要模擬你userFactory之前直接注入它。 單元測試的目標是將文件測試爲黑盒子，而不直接測試相關方法的邏輯。

對於他們而言，您將編寫userFactory的規格文件。

在這種情況下，你可以做的是類似如下：

describe("MainController", function() { 
 

 
    beforeEach(angular.mock.module('mapModule', 'ngRoute', 'ngTouch', 'ngAnimate')); 
 
    var scope, userFactory; 
 

 
    // here mock the methods of your factory 
 
    beforeEach(module(function($provide) { 
 
    $provide.value('userFactory', { 
 
     myFirstObject: { 
 
     myFirstMethod: function() {} 
 
     } 
 
    }); 
 
    })); 
 

 
    beforeEach(inject(function($rootScope, $controller, _userFactory_) { 
 
    scope = $rootScope.$new(); 
 
    userFactory = _userFactory_; 
 
    $controller('mainController', { 
 
     $scope: scope 
 
    }); 
 
    })); 
 

 

 
    describe('The logOut function', function() { 
 
    it('should call the resetUserDetails function of the userFactory.userService object and reset the userDetails object', function() { 
 
     //here spy on the method and return what you would like to return in this test 
 
     // or if you don't need to manage the return, as it seems you don't, just use callThrough 
 
     spyOn(userFactory.myFirstObject, 'myFirstMethod').and.callThrough(); 
 
     scope.logOut(); 
 
     expect(userFactory.myFirstObject.myFirstMethod).toHaveBeenCalled(); 
 
    }); 
 
    }); 
 

 
});