Testing Angular controller with Require and Typescript

If you are using Karma with Jasmine, you may be having the problem of Jasmine being too eager.

This can be fixed by making two changes, originally described in an article I wrote when I was doing a similar thing, Combining TypeScript, Jasmine and RequireJS.

In boot.js you need to comment out the env.execute(); method call:

window.onload = function() {
    if (currentWindowOnload) {
        currentWindowOnload();
    }
    htmlReporter.initialize();
    //env.execute();
};

This is because the window.onload event can happen before require.js has loaded everything.

Once you have loaded the modules you need, you can then call:

// Hai Jasmine - ready to go!
jasmine.getEnv().execute();

This is what it gets compiled with your code and the -m amd switch

    describe("Create an Application", function () {
        var scope, q, routeParams;
        var controller, location;
        var route;

        beforeEach(function () {
            module('app', ['ngRoute', 'ngAnimate', 'ngCookies', 'kendo.directives', 'breeze.angular', 'ui.bootstrap']);
            inject(function ($rootScope, $q, $location) {
                scope = $rootScope;
                q = $q;
                routeParams = {};
                location = $location;
            });
            //   controller = new controller.ApplicationService(q, scope, route, location, _datasvc, _searchsvc);
        });
        it('Test Application Created', function () {
            expect(true).toBe(true);
        });
    });

is not a module, and its synchronous

But. in a module works

define(['angular','angular-mocks'],(angular,ngMock:ng.IMockStatic)=>{
    var module = ngMock.module;
    var inject: (...fns: Function[])=>any =  ngMock.inject;

    describe("Create an Application", function () {
        var scope, q, routeParams;
        var  location;
        var app;
        beforeEach(function () {

            app = angular.module('App', []);
            inject(function ($rootScope, $q: ng.IQService, $location: ng.ILocationService) {
                scope = $rootScope;
                q = $q;
                routeParams = {};
                location = $location;
            });
        });

        it('Test Application Created', function () {
            expect(true).toBe(true);
        });
    });
});

Or alternatively in a more TypeScripty w/ES6esque way :

    import ngMock = require('angular-mocks');
    import angular = require('angular');
    var module = ngMock.module;
    var inject: (...fns: Function[])=>any =  ngMock.inject;

    describe("Create an Application", function () {
        var scope, q, routeParams;
        var  location;

        beforeEach(function () {
            var app = angular.module('app', []);
            inject(function ($rootScope, $q: ng.IQService, $location: ng.ILocationService) {
                scope = $rootScope;
                q = $q;
                routeParams = {};
                location = $location;
            });
        });
        it('Test Application Created', function () {
            expect(true).toBe(true);
        });
    });

check that you are loading angular as in a script tag
'files:[Scripts/angular.js',... , that's why you get WARNING:tried load angular more than once Put it in a { pattern: 'Scripts/angular.js', included: false ...], you need to work out the requirejs.confg until the deps chain are satisfied. in order., and thats one of the reasons why you set the shim config with 'angular-mocks': { exports: 'angular-mocks', deps: ['angular'] },
so when requiring angular-mocks angular is required too , have a look at [this github repo](https://github.com/tnajdek/angular-requirejs- seed), ...And once you have an instance attached to angular.module /mock.module in your spec , check Steve's answer again , If you can't find boot.js , you might be using jasmine bundled with the Karma adapter. in that case it should work given you have sorted out the require test-maiin.js / config / "NG_DEFER_BOOTSTRAP!" /resumeBootstrap story