//You need to inject the ngMockE2E module into your application's module
var myModule = angular.module('myModule', [ 'ngMockE2E']);
 
//Adding a global variable that can be injected into controllers and services
myModule.value('globalBaseUri', '/myService');
 
myModule.run(['$httpBackend', 'globalBaseUri', function($httpBackend,globalBaseUri) {
 
	//I wrapped the data to mimic how the Service is returning the data
    function wrapReturn(data) {
        var returnData = {};
        returnData.d = data;
        return returnData;
    }
 
    var responseData = [{keyword: 'countryname' , color: "red"}, 
                        {keyword: 'portofregistry', color: "orange"}, 
                        {keyword: 'placename', color: "orange"}, 
                        {keyword: 'flag', color: "orange"},
                        {keyword: 'field', color: "green"}],
        baseUri = globalBaseUri + "/getData";
 
	//when there is a $http call to '/myService/getData' I want the the responseData to be sent instead of 
	//Angular trying to connect to the non-existent web service
    $httpBackend.whenPOST(baseUri).respond(wrapReturn(responseData));
}]);
 
myModule.factory('myService', ['$http', 'globalBaseUri', function ($http, globalBaseUri) { 
 
    var _self = this;
 
	_self.data = {};
	_self.data.serverData = [];
 
	function loadServerData(baseUri, paramValues, onSuccess) {
		$http.post(baseUri, paramValues).success(function (data) {
            if (onSuccess) {
                var vessels = data.d;
                onSuccess(vessels);
            }
        });
	}
 
	function init(paramValue) {
 
		loadServerData(
			globalBaseUri + "/getData", 
			{ param1 : paramValue }, 
			function (data) {
				_self.data.serverData = data;
			}
		);
	}
 
	return  {
		data : _self.data,
		init: init
	};
}]);
 
 
myModule.controller('myController', ['$location', 'myService', function ($location, myService) {
 
	var _self = this,
        token =  $location.search().Token;    
 
    myService.init(token);
	_self.data = myService.data;
}]);