javascript - test - Angular y Jasmine: cómo burlarse de un servicio que devuelve una promesa

test jasmine angular 2

Question

Tengo el siguiente controlador en AngularJS que invoca un servicio proporcionado por "$ mdSidenav" de Angular Material. Este servicio es proporcionado por un método de fábrica.

angular.module(''leopDirective'', [])
.controller(''MenuCtrl'', function ($scope,$timeout,$mdSidenav,$log) {
$scope.mdSidenav = $mdSidenav;
$scope.close = function () {
$mdSidenav(''left'').close().then(function() {$scope.closed=true; });
};
});

Estoy intentando burlarme de ese servicio ($ mdSidenav) para probar mi controlador. El siguiente es el código fuente de la prueba Jasmine que estoy tratando de definir:

describe(''Controller: MenuCtrl'', function() {
var $rootScope, $scope, $controller, $q, menuCtrl,
mock__mdSidenav = function(component) {
return {
// THIS FUNCTION IS EMPTY SINCE $Q IS NOT AVAILABLE
close: function() {}
}
};
beforeEach(function() {
module(''leopDirective'', function($provide) {
// I HAVE TO PROVIDE THE MOCK UP BEFORE INJECTING $Q
$provide.value(''$mdSidenav'', mock__mdSidenav);
});
inject(function($injector) {
$rootScope = $injector.get(''$rootScope'');
$controller = $injector.get(''$controller'');
$q = $injector.get(''$q'');
$scope = $rootScope.$new();
});
menuCtrl = $controller("MenuCtrl", { $scope: $scope });
});
it(''should create the $mdSidenav object'', function() {
var deferred = $q.defer(),
promise = deferred.promise;
// NOW THAT $Q IS AVAILABLE, I TRY TO FILL UP THE FUNCTION
mock__mdSidenav.close = function() {
return promise.then(function(response){return response.success;});
};
// force `$digest` to resolve/reject deferreds
$rootScope.$digest();
// INVOKE FUNCTION TO TEST
$scope.close();
});
});

El problema que tengo es que no sé cómo crear una función para el simulacro que devuelva una promesa:

1. crear una promesa depende de $ q,
2. $ q tiene que ser inyectado desde dentro del bloque "inyectar",
3. sin embargo, $ provide debe ser utilizado dentro de "módulo", justo antes de "inyectar",
4. por lo tanto, la función que devuelve una promesa dentro de mi objeto simulado (mock__mdSidenav (). close ()), tiene que estar vacía antes de invocar "$ provide" y, de alguna manera, crearse más tarde.

Con este enfoque, el error que estoy obteniendo es el siguiente error (ver Demo plnkr ), que me dice que crear primero la función vacía y llenarla más tarde no funciona:

TypeError: Cannot read property ''then'' of undefined
at Scope.$scope.close (app.js:7:35)

¿Cuál es la forma correcta de burlarse de un servicio que tiene una función que devuelve una promesa?

Answer 1

En primer lugar, haga que el método de servicio simulado devuelva el objeto Promesa:

mock__mdSidenav = function(component) {
return {
isMock: true,
close: function() {
return $q.when();
}
}
};

A continuación, inyéctelo en la instancia del controlador:

menuCtrl = $controller("MenuCtrl", {
$scope: $scope,
$mdSidenav: mock__mdSidenav
});

Y finalmente, escriba alguna expectativa:

it(''should create the $mdSidenav object'', function() {
$scope.close();
$rootScope.$digest();
expect($scope.closed).toBe(true);
});

Demostración: http://plnkr.co/edit/dr79GgZYG2tjiuWU0oFx?p=preview