How do you mock out the HTTP Backend that is called from a service, but responses are used inside a controller in Angular

info.md

Problem

Want to create a service that holds all of our HTTP calls, but to test the controller that is using that service, how do we allow the ability to pass through to the real service, but mock out the HTTP calls to the server?

myController.js

myapp.controller('myController', ['myService', function (myService) {
  $scope.autofillSearch; //Input field in HTML
  $scope.findAutofill = function () {
    myService.autofill($scope.autofillSearch)
      .success(function () {
        window.console.log('Yay!');
      })
      .error(function () {
        window.console.log('BOOO!');
      });
  }
}]);

myService.js

myapp.factory('myService', [$http, function($http) {
  return {
    autofill: function (request) {
      $http.post('/some/url', request);
    }
  }
}]);

In the past, I have wrapped the app with a mock in the spec. Maybe this helps if I understand the question? LMK

browser.addMockModule('SomeDumbHTTPMock', function() {
angular.module('SomeDumbHTTPMock', ['ngMockE2E', 'SomeDumbApp']).run(function($httpBackend) {
var error = 'there was an error.';
$httpBackend.whenGET('http://localhost:11000/xxx/xxxxx).respond(404, error);
$httpBackend.whenGET('http://localhost:11000/xxxx/ping/index.html').respond(200, '');
$httpBackend.whenGET(/.*/).passThrough();
});
});