unit testing - test - ¿Cómo puedo probar un controlador con propiedades de resolución en AngularJS?

test unit angular 4

Question

¿Cómo se puede probar un controlador con propiedades de resolución? Se produce un error: Proveedor desconocido: InitProvider, durante la prueba, de manera comprensible. ¿Cómo puedo probarlo?

Utilizo la propiedad init en la configuración de ruta para cargar datos y pasarlos al controlador en la instanciación del controlador para que la ruta no cambie antes de que se carguen los datos.

 $routeProvider
.when(''/topic/:topic_id/content/:content_id'', {
templateUrl: ''views/content.html'',
controller: ''ContentCtrl'',
resolve: {
init: ContentCtrl.init
}
});

¿Es el patrón completamente incorrecto en primer lugar?

''use strict'';
var ContentCtrl = [''$scope'', ''$location'', ''$routeParams'', ''init'', function ($scope, $location, $routeParams, init) {
$scope.contents = init.contents;
}];
ContentCtrl.init = [''$q'', ''app_config'', ''$log'', ''$timeout'', function ($q, app_config, $log, $timeout) {
var defer = $q.defer();
$log.log("ContentCtrl loading..");
$timeout(function() {
defer.resolve({contents: [
{message: ''Hello!''}
]});
$log.log("ContentCtrl loaded.");
}, 2000);
return defer.promise;
}];
angular.module(''studentportalenApp'').controller(''ContentCtrl'', ContentCtrl);

Quiero encapsular todo el controlador dentro de .controler(''ContentCtrl'', function() { ... }) , pero aún tengo que descubrir cómo se hace esto correctamente para que el inicio esté disponible en la configuración de la ruta.

Answer 1

A prueba unitaria de valores resueltos de una ruta:

var resolutionObject = $ injector.invoke ($ route.current. $$ route.resolve.testedObject);

Answer 2

Finalmente, se resolvió convirtiendo todo a servicios, como sugirió charlietfl.

Ejemplo:

Configuración de ruta:

//This helper injects a function with the service
//defined in the initMethod string and returns services.prepare()
var interceptWith = function(initMethod) {
return [initMethod, function(m) {
return m.prepare();
}];
}
$routeProvider
.when(''/foobar/'', {
templateUrl: ''foobar.html'',
controller: ''FoobarCtrl'',
resolve: {
init: interceptWith(''FoobarCtrlInit'')
}
});

La definición del controlador foobar:

angular.module(''fooApp'').controller(''FoobarCtrl'', [''$scope'', ''init'', function ($scope, init) {
$scope.data = init.data;
}])
.service(''FoobarCtrlInit'', [''$q'', ''$timeout'', function ($q, $timeout) {
var _prepare = function() {
var deferred = $q.defer();
//Fake async loading of data
$timeout(function() {
deferred.resolve({data: [''A'',''B'',''C'']});
}, 1000);
return deferred.promise;
}
return {
prepare: _prepare
}
}]);

Para probar esto, uno podría hacer esto:

''use strict'';
describe(''Controller: FoobarCtrl'', function() {
// load the controller''s module
beforeEach(module(''fooApp''));
var FoobarCtrl,
scope;
// Initialize the controller and a mock scope
beforeEach(inject(function($controller) {
scope = {};
CourseCtrl = $controller(''FoobarCtrl'', {
$scope: scope,
init: {data: [''Testdata A'', ''B'', ''C'']}
});
}));
it(''should attach a list of data to the scope'', function() {
expect(scope.data.length).toBe(3);
});
});

Answer 3

Me encontré con lo mismo aquí. Lo resolví utilizando el enfoque aquí: https://groups.google.com/forum/?fromgroups=#!topic/angular/LzXm-9nwkjY .

Básicamente, me burlé de los datos que normalmente se enviarían utilizando una variable simple y los agregué al controlador en la prueba. En tu caso supongo que se vería algo así como:

var initData = {
contents: [{message: ''Hello!''}]
};
$controller("ContentCtrl", { $scope: ..., init: initData });

Answer 4

Tuve el mismo error en Karma al usar la resolución en $ routeProvider, la arreglé probando mi resolución en la prueba de la unidad para app.js, como esto:

describe("myApp", function() {
beforeEach(module(''myApp''));
it(''should resolve initial values for my Controller'', inject(function( $route ) {
expect($route.routes[''/''].resolve.init).toBeDefined; //or whatever test you want
}));
});

Y luego me burlé del valor en la prueba para mi controlador, como este dentro de la descripción para el controlador:

//mock out the resolved values to isolate controller code
beforeEach(module(function($provide) {
$provide.value(''init'', function() {
return ''whatever data you need to mock'';
});