How to return a file content from angular's $httpBackend?

问题

I'm trying to setup an e2e test suite in angular, and need to return canned responses using $httpBackend. It would be nice if I could just return a file content, e.g.

  $httpBackend.whenPOST('/phones').respond(function(method, url, data) {
    return getContentOf("/somefile");
  });

I tried to use $http, something along the lines of

  $httpBackend.whenPOST('/phones').respond(function(method, url, data) {
    return $http.get("/responses/phones.js");
  });

but it didn't work, guess angular doesn't support returning promises from $httpBackend ?

One way I could do it is to reference js files with responses on app load, and assign file's content to variables, but it would be much nicer to be able to load data on demand.

回答1:

Since $httpBackend doesn't work with returned promises, one way you can do this is to get your data synchronously. $http doesn't have a synchronous option out of the box, so you would have to make the call to your file without it, like so:

$httpBackend.whenPOST('/phones').respond(function(method, url, data) {
  var request = new XMLHttpRequest();

  request.open('GET', '/responses/phones.js', false);
  request.send(null);

  return [request.status, request.response, {}];
});

回答2:

I had the same issue that I solved with:

$httpBackend.whenPOST("some/url").respond(function(method, url, data) { 
    return $resource("path/to/your/json/file.json").get(); 
});

This obviously needs angular-resource module to work.

回答3:

$httpBackend.whenPost returns a requestHandler object.

According to the official docs:

requestHandler (is) an object with respond method that controls how a matched request is handled.

respond –
{function([status,] data[, headers, statusText]) | function(function(method, url, data, headers)}
– The respond method takes a set of static data to be returned or a function that can return an array containing response status (number), response data (string), response headers (Object), and the text for the status (string).

^{source: Angular Documentations}

The respond method takes a set of static data to be returned or a function that can return an array containing response status (number), response data (string) and response headers (Object).

So, you'll have to do something like this:

var response = 'content of somefile.js';
// OR var response = { foo : "bar" };
// OR var response = (actually consume content of somefile.js and set to response)

$httpBackend.whenPost('/phones').respond(response);

来源：https://stackoverflow.com/questions/21057477/how-to-return-a-file-content-from-angulars-httpbackend

标签

javascript

angularjs

angular-mock