comment le httpBackend de mock angulaire est-il passé implicitement au service $ controller dans les tests?

Question

Cette spécification passe, même si elle semble devoir échouer. (Le code est d'un livre sur des rails angulaires et)

ici est l'application angulaire:

var app = angular.module('customers',[]); 

app.controller("CustomerSearchController", 
    ["$scope", "$http", function($scope, $http) { 
    var page = 0; 
    $scope.customers = []; 
    $scope.search = function (searchTerm) { 
     if (searchTerm.length < 3) { 
     return; 
     } 
     $http.get("/customers.json", 
     { "params": { "keywords": searchTerm, "page": page } } 
    ).then(function(response) { 
      $scope.customers = response.data; 
     },function(response) { 
      alert("There was a problem: " + response.status); 
     } 
    ); 
    }; 
    } 
]); 

et, voici la spécification Jasmine:

describe("Error Handling", function() { 
    var scope = null, 
    controller = null, 
    httpBackend = null; 
    beforeEach(module("customers")); 
    beforeEach(inject(function ($controller, $rootScope, $httpBackend) { 
    scope = $rootScope.$new(); 
    httpBackend = $httpBackend; 
    controller = $controller("CustomerSearchController", { 
     $scope: scope 
    }); 
    })); 
    beforeEach(function() { 
    httpBackend.when('GET', '/customers.json?keywords=bob&page=0').respond(500, 'Internal Server Error'); 
    spyOn(window, "alert"); 
    }); 
    it("alerts the user on an error", function() { 
    scope.search("bob"); 
    httpBackend.flush(); 
    expect(scope.customers).toEqualData([]); 
    expect(window.alert).toHaveBeenCalledWith(
     "There was a problem: 500"); 
    }); 

}); 

Je ne comprends pas comment le contrôleur accède toujours au service $ httpBackend, injecté dans la fonction anonyme passée à injecter dans la méthode beforeEach. Le service $ scope est transmis, mais httpBackend ne l'est pas.

Answer 1

$controller ne dépend pas du service $httpBackend, $httpBackend ne lui est pas passé.

$httpdepends on $httpBackend (d'où le nom). $httpBackend est remplacé dans ngMock with mocked implementation et utilisé par $http au lieu de original $httpBackend (qui n'est pas destiné à une utilisation directe).

Answer 2

Dans votre code:

 
app.controller("CustomerSearchController", 
    ["$scope", "$http", function($scope, $http) { 
    ... 
    }] 
) 

Vous demandez d'injecter $ angulaire le http qu'il a sur fichier dans votre contrôleur. Vous n'avez pas fourni de dérogation locale ici

 
controller = $controller("CustomerSearchController", { 
     $scope: scope 
    }); 

de sorte qu'Angular remplisse votre demande d'injection avec ce qu'elle a. Comme le dit @estus, le remplacement fourni dans ngMock est lui-même injecté avec $ httpBackend, que vous avez configuré dans votre test pour agir d'une certaine manière.