Angular Mock for properly resolving ui-router $state in Karma unit tests

stateMock.js

angular.module('stateMock',[]);
angular.module('stateMock').service("$state", function($q){
    this.expectedTransitions = [];
    this.transitionTo = function(stateName){
        if(this.expectedTransitions.length > 0){
            var expectedState = this.expectedTransitions.shift();
            if(expectedState !== stateName){
                throw Error("Expected transition to state: " + expectedState + " but transitioned to " + stateName );
            }
        }else{
            throw Error("No more transitions were expected! Tried to transition to "+ stateName );
        }
        console.log("Mock transition to: " + stateName);
        var deferred = $q.defer();
        var promise = deferred.promise;
        deferred.resolve();
        return promise;
    }
    this.go = this.transitionTo;
    this.expectTransitionTo = function(stateName){
        this.expectedTransitions.push(stateName);
    }


    this.ensureAllTransitionsHappened = function(){
        if(this.expectedTransitions.length > 0){
            throw Error("Not all transitions happened!");
        }
    }
});

I simplified the promise that's returned - https://gist.github.com/jasperkuperus/e96717f1f25bb71afff8

I added stateParams to the transitions - https://gist.github.com/geraldofcneto/7d4690dc8c81b0f1fde0

I changed four-space indentation to two-space - https://gist.github.com/bmwant/4c8e5fee7a539dba69ace42b617d79c3