Overriding modules with addMockModule

I am attempting to overwrite a module in the application with a mock module, but it does not seem to be working, and it is possible that I do not understand the documentation correctly.

In the main code, I have:

angular.module('myApp.authServices', [])
.service("myLoginService", ['$http', function($http) {
    this.authenticate = function() {
           /* Do authentication here */
         };
}]);

So, in my e2e test script, I attempted to do the following:

var authServiceMock = function() {
  angular.module('myApp.authServices', [])
  .service("myLoginService", ['$http', function($http) {
    this.authenticate = function() {
           /* Do alternative authentication here */
         };
  }]);
};

Then, I do:

browser.addMockModule("myApp.authServices", authServiceMock);

I have tried putting that line in several places - before any tests, in a beforeEach, and in the middle of tests, but it always calls the “myLoginService” from the main code. Any ideas?

[zhuk-aa]

I have the same issue if I put

browser.ignoreSynchronization = true; 

before browser.addMockModule. If I do it after browser.get - everything works.

[picodoth]

@zhuk-aa seriously, you just saved me from hell!