javascript - run - test service angular 4

Pruebas unitarias de un servicio asíncrono en angularjs.

Question

Estoy intentando probar un servicio que tiene métodos asíncronos, pero no tengo suerte.

He intentado implementar con promesas utilizando el soporte $ q en angularjs.

Cualquier ayuda sería apreciada.

http://jsfiddle.net/9pBze/37/

angular.module(''myapp'', [''myservice'']);
angular.module(''myservice'', []).factory(''myservice'', function($q) {
var ls = {};
ls.DoIt = function() {
var deferred = $q.defer();
setTimeout(function(){
deferred.resolve(5);
},3000);
return deferred.promise;
}
return ls;
});
describe(''services'', function () {
beforeEach(module(''myservice''));
it("should equal 2", inject(function(myservice) {
myservice.DoIt().then(function(returned) {
expect(returned).toEqual(2);
});
}));
});

Answer 1

En primer lugar, el setTimeout es particularmente difícil de probar ya que es difícil burlarse. Afortunadamente, AngularJS tiene una envoltura alrededor ( $timeout ) que cumple la misma función pero que puede ser burlado fácilmente:

 ls.DoIt = function() {
var deferred = $q.defer();
$timeout(function(){
deferred.resolve(5);
},3000);
return deferred.promise;
}

El simulacro provisto para $timeout nos permite simular fácilmente el tiempo transcurrido (con $timeout.flush() ), lo que significa que nuestras pruebas pueden ejecutarse rápidamente, sin esperar realmente a que se complete el evento async (tenga en cuenta que el código de producción todavía está usando async API!).

Las pruebas cambiadas se verían así:

it("should equal 5", inject(function(myservice, $timeout) {
var valueToVerify;
myservice.DoIt().then(function(returned) {
valueToVerify = returned;
});
$timeout.flush();
expect(valueToVerify).toEqual(5);
}));

Y, finalmente, el jsFiddle de trabajo: http://jsfiddle.net/v9L9G/1/

Answer 2

No está relacionado con Angular en sí, sino con las pruebas asíncronas de Jasmine .

Si necesita un setTimeout use Angular $timeout . Y si desea tener un control preciso sobre las ejecuciones de tiempo de espera de setTimeout / $, use el Reloj simulado.