tutorial - accediendo a $ scope desde el archivo de prueba de la unidad al usar la sintaxis vm "ControllerAs" de AngularJS HotTowel

run unit test angular

Question

Vea aquí, por ejemplo: http://www.johnpapa.net/angularjss-controller-as-and-the-vm-variable/

Como sugiere el título, estoy siguiendo este tutorial [ http://tech.pro/tutorial/1473/getting-started-with-angularjs-unit-testing] para configurar las pruebas unitarias y todo está bien EXCEPTO por el hecho Parece que no puedo acceder a la variable vm como mi $ scope .

dashboard.js

var controllerId = ''dashboard'';
angular.module(''app'')
    .controller(controllerId, [''common'', ''datacontext'', dashboard]);


function dashboard(common, datacontext) {
    var getLogFn = common.logger.getLogFn;
    var log = getLogFn(controllerId);

    var vm = this;      
    vm.title = ''Dashboard'';

dashboard.Spec.js

describe("app module", function() {
    beforeEach(module("app"));

    describe("dashboard", function() {
        var scope,
            controller;

        beforeEach(inject(function($rootScope, $controller) {
            scope = $rootScope.$new();
            controller = $controller;
        }));

        it("should assign Dashboard as title", function() {
            controller("dashboard", {
                $scope: scope
            });
            expect(scope.title).toBe("Dashboard");
        });
    });
});

Lo que he intentado: funciona (la prueba pasa) cuando nombro ''$ scope'' directamente en las dependencias de los controladores y le asigno la propiedad "title". Sin embargo, me gustaría mantener el patrón como está.

También he intentado pasar $ scope directamente en dependencias y nombrar el parámetro del controlador como "vm" ...

El mensaje de prueba de falla de Karmas es: Esperado indefinido para ser ''Tablero''

agradecer cualquier ayuda!

Answer 1

Ah, obvio ahora ... Puedo acceder a la variable vm haciendo una referencia al controlador que se creó en la prueba:

 it("should assign Dashboard as title", function () {
       var vm = controller("dashboard", { $scope: scope });
       expect(vm.title).toBe("Dashboard");
    });

Answer 2

también puedes hacer esto:

it("should assign Dashboard as title", function () {
    var controller = controller("dashboard as vm", { $scope: scope });

    expect(scope.vm.title).toBe("Dashboard");
});