javascript - navigate - ¿Cómo devolver el contenido de un archivo desde $ httpBackend de angular?

router navigate back angular

Question

Estoy tratando de configurar un conjunto de pruebas e2e en angular, y necesito devolver respuestas enlatadas usando $ httpBackend. Sería bueno si pudiera devolver un contenido de archivo, por ejemplo

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

Intenté usar $ http, algo parecido a

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

pero no funcionó, ¿supongo que angular no admite promesas devueltas de $ httpBackend?

Una forma en que podría hacerlo es hacer referencia a los archivos js con respuestas en la carga de la aplicación y asignar el contenido del archivo a las variables, pero sería mucho mejor poder cargar los datos a pedido.

Answer 1

$ httpBackend.whenPost devuelve un objeto requestHandler.

Según los documentos oficiales:

requestHandler (es) un objeto con método de respond que controla cómo se maneja una solicitud coincidente.

• responder
  {function([status,] data[, headers, statusText]) | function(function(method, url, data, headers)}
  - El método de respuesta requiere la devolución de un conjunto de datos estáticos o una función que puede devolver una matriz que contiene el estado de respuesta (número), datos de respuesta (cadena), encabezados de respuesta (Objeto) y el texto del estado (cadena).

^{Fuente: Documentaciones angulares.}

El método de respuesta requiere la devolución de un conjunto de datos estáticos o una función que puede devolver una matriz que contiene el estado de respuesta (número), datos de respuesta (cadena) y encabezados de respuesta (Objeto).

Entonces, tendrás que hacer algo como esto:

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); 

Answer 2

Dado que $ httpBackend no funciona con promesas devueltas, una forma en que puede hacer esto es obtener sus datos de forma sincrónica. $ http no tiene una opción síncrona fuera de la caja, por lo que tendría que hacer la llamada a su archivo sin él, así:

$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, {}];
});

Answer 3

Tuve el mismo problema que resolví con:

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

Esto obviamente necesita angular-resource módulo de angular-resource para funcionar.