यूनिट-परीक्षण एक नियंत्रक जो $ http

Question

का उपयोग करता है मेरे पास एक साधारण नियंत्रक है और पहली चीज़ जो मुझे करने की ज़रूरत है वह दायरे के लिए एक मूल्य असाइन करता है।

function TestCtrl($scope, $http) { 
    $scope.listForms = 'some list'; 
} 

नियंत्रक के लिए निम्नलिखित परीक्षण के रूप में उम्मीद काम करता है:

describe('Testing a controller', function() { 

    var ctrl, scope, httpMock; 

    beforeEach(inject(function($injector) { 
     scope = $injector.get('$rootScope').$new(); 
     ctrl = $injector.get('$controller'); 
     ctrl(TestCtrl, { $scope: scope }); 
    })); 

    it("assigns to scope", function() { 
     expect(scope.listForms).toMatch("some list"); 
    }); 
}); 

लेकिन जब मैं समारोह बदल मेरी एपीआई

function TestCtrl($scope, $http) { 
    $http.get('/api/listForms').success(function(list) { 
    $scope.aListOfForms = 'some list'; 
    }); 
} 

और

को परीक्षण परिवर्तन से सूची प्राप्त करने के

describe('Testing a controller', function() { 

    var ctrl, scope, httpMock; 

    beforeEach(inject(function($injector) { 
     httpMock = $injector.get('$httpBackend'); 

     scope = $injector.get('$rootScope').$new(); 
     httpMock.when('GET', '/tactical/api/listOrderForms').respond("an order form"); 

     ctrl = $injector.get('$controller'); 
     ctrl(TestCtrl, { 
      $scope: scope, 
      $http: httpMock 
     }); 
    })); 

    it("gets the list from the api and assigns it to scope", function() { 
     httpMock.expectGET('tactical/api/listOrderForms'); 
     expect(scope.orderFormList).toMatch("an order form"); 
     httpMock.flush(); 
    }); 
}); 

मैं ge निम्नलिखित त्रुटियों में नहीं:

TypeError: 'undefined' is not a function 
Expected undefined to match 'an order form'. 
Error: No pending request to flush ! 

क्या कोई जानता है कि मैं क्या गलत कर रहा हूं? अग्रिम में धन्यवाद।

Answer 1

$ http बाहरी संसाधनों से बात करने के लिए $httpBackend का उपयोग करता है। आपने $httpBackend का मज़ाक उड़ाया है, लेकिन नियंत्रक को अभी भी $http एस इंटरफ़ेस से बात करने की आवश्यकता है।

यह करना चाहिए:

describe('Testing a controller', function() { 

    var ctrl, scope, httpMock; 

    beforeEach(inject(function($controller, $rootScope, $httpBackend) { 
     httpMock = $httpBackend; 

     scope = $rootScope.$new(); 
     httpMock.when('GET', '/tactical/api/listOrderForms').respond("an order form"); 

     ctrl = $controller; 
     ctrl(TestCtrl, { 
      $scope: scope 
     }); 
    })); 

    it("gets the list from the api and assigns it to scope", function() { 
     httpMock.expectGET('tactical/api/listOrderForms'); 
     httpMock.flush(); 
     expect(scope.orderFormList).toMatch("an order form"); 
    }); 
}); 

Answer 2

आपको उम्मीद से पहले httpMock.flush() को कॉल करने की आवश्यकता है()। फ्लश कॉल "बैक एंड" से लौटने वाली प्रतिक्रिया को अनुकरण करती है, जो http अनुरोध से जुड़ी सफलता समारोह को बुलाती है।

Answer 3

आप अपने नियंत्रक के लिए $ httpBackend सेवा के रूप में $ http सेवा को प्रतिस्थापित नहीं कर सकते हैं।

बदलें

ctrl(TestCtrl, { 
     $scope: scope, 
     $http: httpMock 
    }); 

ctrl(TestCtrl, { 
     $scope: scope 
    }); 

को यह काम करना चाहिए।