unit-testing - tutorial - run test angular

cómo probar controladores creados con angular.module(). controller() en Angular.js usando Mocha

Question

Tengo un controlador creado con angular.module (). Controller () como en esta situación

myModule = angular.module(''myApp.controllers'', [])
                   .controller(''testCtrl'', [''$scope'', function($scope){
                           $scope.test = ''this is a test'';
                    }]);

ahora, necesito usar mocha para probar si mi controlador está funcionando correctamente. En Angular hay algunos ejemplos cuando los controladores se declaran como funciones globales (por ejemplo, http://docs.angularjs.org/tutorial/step_04 ), por lo que usan

function PhoneListCtrl() {...}
.....
beforeEach(function() {
   scope = {},
   ctrl = new PhoneListCtrl(scope);
});

it(''shod test whatever PhoneListCtrl does '', function() {
   expect(scope.someProp).toBe(''whateverValue'');
});    

Así que las preguntas son:

1) ¿cómo puedo hacer una prueba similar para los controladores que se declaran usando angular.module (). Controller ()

2) Como hacerlo utilizando Mocha.

Answer 1

AngularJS proporciona simulacros que ponen a disposición algunas funciones útiles para la inyección de dependencia durante la prueba.

• module
• inject

Ejemplo:

(en jazmín)

Digamos que queremos realizar la primera prueba del tutorial oficial y hemos definido un módulo de controladores. (podría nombrar el nombre del módulo, pero quiero que sea sencillo)

var Controllers = angular.module(''controllers'', []);

Controllers.controller(''PhoneListCtrl'', [''$scope'', function($scope){
    $scope.phones = [{name: "Nexus S", snippet: "Fast..."},
                     {name: "Motorola XOOM...", snippet: "The Next...."},
                     {name: "MOTOROLA XOOM...", snippet: "The Next, Next..."}];
}]);

Luego creamos un módulo para nuestra aplicación y le inyectamos nuestro módulo de controladores.

var PhonesApp = angular.module(''phoneApp'', [''controllers'']);

Finalmente podemos probarlo así.

describe(''phonesApp'', function() {
    describe(''phoneApp controllers'', function() {
        beforeEach(module(''controllers''));
        describe(''PhoneListCtrl'', function() {
            it(''should create "phones" model with 3 phones'',
                inject(function($rootScope, $controller) {

                var scope = $rootScope.$new();
                var ctrl = $controller("PhoneListCtrl", {$scope: scope });
                expect(scope.phones.length).toBe(3);
            }));
        });
    });
});

No lo he hecho en mocha, pero creo que el proceso es similar.

Pd: Hice el tutorial usando CoffeeScript, aquí están los bits relevantes https://gist.github.com/4163147

Answer 2

Si está utilizando mocha, tenga en cuenta que no hay soporte para angular.mock.module o angular.mock.inject menos que haya actualizado a angular-1.1.1. Estoy en el mismo barco, pero no puedo mejorar por otro problema.

Quiero usar mocha, porque mis pruebas del lado del servidor están en mocha, y prefiero tener el mismo marco de prueba en ambos lados, así que estoy en un poco de un lío.

Por lo tanto, si no puede usar inyectar / módulo, puede intentarlo de esta manera:

var $injector = angular.injector([''your-app-name'', ''ng'']),
  $controller = $injector.get(''$controller''),
  $scope = $injector.get(''$rootScope'');

describe(''my app controllers'', function () {
  describe(''FooCtrl'', function () {
     it(''should do something'', function () {
        // scope can be any object you want; could be $rootScope from above
        var params = { $scope: { } },
          ctrl = $controller(''FooCtrl'', params);
        // TODO: test ctrl
     });
  });
});