使用摩卡和Sinon进行AngularJS测试 - 嘲笑Firebase依赖关系

Question

我试图跳过在我的测试中为我的数据转至Firebase，并返回一些简单的结果。我不想测试Firebase代码的工作原理，但我的工厂可以返回数据。

我有以下工厂：

// Get Firebase Reference 
angular.module('MyApp').factory('FireBaseData', function(FIREBASE) { 
    var FireBaseReference = new Firebase(FIREBASE.URL); // FIREBASE.URL = xxx.firebaseio.com 
    return FireBaseReference; 
}) 

// Get the Firebase Array of Team Records 
angular.module('MyApp').factory('AllTeams', ["FireBaseData", "$firebaseArray", 
    function(FireBaseData, $firebaseArray) { 
     return $firebaseArray(FireBaseData.child('Teams')); 
    } 
]); 

我创建模拟，从而取代了各个功能，以及我的测试将使用这些。

'use strict'; 

var $MockFirebaseArray = function(ArrayWithData) { 
    return ArrayWithData; 
}; 

var $MockFirebaseObject = function(ObjectWithData) { 
    return ObjectWithData; 
}; 

var MockFirebaseData = function() { 
    return { 
     child: function(StringValue) { 
      return ""; 
     } 
    }; 
}; 

测试与嘲笑：

'use strict'; 

describe('Firebase Mocks', function() { 
    var TestArray = [ 
     { 'aString': 'alpha', 'aNumber': 1, 'aBoolean': false }, 
     { 'aString': 'bravo', 'aNumber': 2, 'aBoolean': true }, 
     { 'aString': 'charlie', 'aNumber': 3, 'aBoolean': true }, 
     { 'aString': 'delta', 'aNumber': 4, 'aBoolean': true }, 
     { 'aString': 'echo', 'aNumber': 5 } 
    ]; 

    describe('MockFirebaseData', function() { 
     var TestFirebase = MockFirebaseData(); 
     it('should return empty text ("") from FireBaseData', function() { 
      assert.equal('', TestFirebase.child('SomeNode')); 
     }); 
    }); 

    describe('$MockFirebaseArray', function() { 
     it('should have the data array passed', function() { 
      var TestData = $MockFirebaseArray(TestArray); 
      assert.equal(TestArray.length, TestData.length); 
     }); 
    }); 

    describe('$MockFirebaseObject', function() { 
     it('should have the data object passed', function() { 
      var TestData = $MockFirebaseObject(TestArray[0]); 
      assert.equal(TestArray[0].length, TestData.length); 
      assert.deepEqual(TestArray[0], TestData); 
     }); 
    }); 
}); 

这表明嘲弄正在返回的数据，这是我想从实际访问火力地堡望而却步。现在，当我尝试在测试中使用我的工厂时，出现错误。

测试厂：

describe('Teams Module', function() { 
    beforeEach(module('MyApp'));  // Load My Application 

    describe('AllTeams Array', function() { 
     // Create Test Data 
     var TeamData = [ 
      { "Key": 1, "Name":"Team 1", "Logo": "Team1.jpg" }, 
      { "Key": 3, "Name":"Team 3", "Logo": "Team3.jpg" }, 
      { "Key": 2, "Name":"Team 2", "Logo": "Team2.jpg" }, 
     ]; 

     beforeEach(function() { 
      module(function($provide) { 
       var MockData = MockFirebaseData(); 
       $provide.value('FireBaseData', MockData); 
       $provide.value('$firebaseArray', $MockFirebaseArray(TeamData)); 
      }); 
     }); 

     it('can get an instance of AllTeams factory', inject(function(AllTeams) { 
      assert.isDefined(AllTeams); 
     })); 
    }); 
}); 

返回错误：

PhantomJS 1.9.8 (Windows 7 0.0.0) 
Teams Module 
AllTeams Array 
can get an instance of AllTeams factory FAILED 
TypeError: '[object Object],[object Object],[object Object]' is not a function (evaluating '$firebaseArray(FireBaseData.child('Teams'))') 
    at app/Team.js:9 

Answer 1

相反的：

$provide.value('$firebaseArray', $MockFirebaseArray(TeamData)); 

试试这个：

$provide.value('$firebaseArray', $MockFirebaseArray); 

我相信这是你打算首先做的。注入后，您的工厂将能够呼叫$firebaseArray作为功能。