Angular JS Typescript Unit Testing Karma

Question

Im currently involved in a project that has used typescript to build its single page anuglar app. Unfortunately they have done no unit testing. Being new to using typescript i am having problems getting any testing going. An example test is below. followed by the typescript file

When i run the test it fails to find the controller !

(function() {
'use strict';

    describe('CarController', function() {

        // Load the controllers module
        beforeEach(module('CarDealerApp'));

        var scope,
            CarController ;

        beforeEach(inject(function($controller) {
            scope = {};

            CarController = $controller('CarController', {
                $scope: scope
            });
        }));

        it('should set the car name', function() {

            expect(scope.carMake).toEqual('Ford');

        });

    });

})();


module CarDealerApp.Cars.Controllers {
    "use strict";

    export interface ICarScope extends angular.Scope {
        carName : string;
    }

    export class CarController {

        carName:string = "Ford";

        // $inject annotation
        public static $inject = [
            '$scope'
        ]

        constructor(private $scope: ICarScope){

            $scope.vm = this;
        }

    }
}

wouldn't you want to expect scope.vm.carMake or can you just do CarController.carMake? — rethenhouser2
– rethenhouser2, Commented Feb 22, 2015 at 20:34

Sirar Salih · Accepted Answer · 2014-07-29 20:26:42Z

4

Although what you have written there works, I suggest constructing your TypeScript controller (in your test) like so:

CarController = new CarDealerApp.Cars.Controllers.CarController($rootScope.$new());

Which is a cleaner construction, and is the proper way to do it when you're writing your TypeScript tests.

answered Jul 29, 2014 at 20:26

Sirar Salih

2,5632 gold badges20 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ipinak · Accepted Answer · 2016-01-04 15:08:15Z

1

Finally got this working.

Basically I needed to pass in the full module name for the controller like this:

CarController = $controller('CarDealerApp.Cars.Controllers.CarController');

edited Jan 4, 2016 at 15:08

ipinak

6,0793 gold badges27 silver badges46 bronze badges

answered Jan 4, 2014 at 18:26

Rob Paddock

1,0032 gold badges12 silver badges18 bronze badges

Collectives™ on Stack Overflow

Angular JS Typescript Unit Testing Karma

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related