How to disable animations in protractor for angular js application

Question

Can anyone suggest me how to disable animations in angular js application while executing protractor tests. I have added below code in my protractor config file but that does not help me:

var disableNgAnimate = function() {     angular.module('disableNgAnimate', []).run(function($animate) {         $animate.enabled(false);     }); }; browser.addMockModule('disableNgAnimate', disableNgAnimate); 

Answer 1

You can check out the angular's protractor configuration: https://github.com/angular/angular.js/blob/master/protractor-shared-conf.js

You should add it under onPrepare block:

onPrepare: function() { /* global angular: false, browser: false, jasmine: false */  // Disable animations so e2e tests run more quickly var disableNgAnimate = function() {   angular.module('disableNgAnimate', []).run(['$animate', function($animate) {     $animate.enabled(false);   }]); };  browser.addMockModule('disableNgAnimate', disableNgAnimate); 

Answer 2

I personally use the following code in the "onPrepare" function in my 'conf.js' file to disable both Angular/CSS animations:

... onPrepare: function() {     var disableNgAnimate = function() {         angular             .module('disableNgAnimate', [])             .run(['$animate', function($animate) {                 $animate.enabled(false);             }]);     };      var disableCssAnimate = function() {         angular             .module('disableCssAnimate', [])             .run(function() {                 var style = document.createElement('style');                 style.type = 'text/css';                 style.innerHTML = '* {' +                     '-webkit-transition: none !important;' +                     '-moz-transition: none !important' +                     '-o-transition: none !important' +                     '-ms-transition: none !important' +                     'transition: none !important' +                     '}';                 document.getElementsByTagName('head')[0].appendChild(style);             });     };      browser.addMockModule('disableNgAnimate', disableNgAnimate);     browser.addMockModule('disableCssAnimate', disableCssAnimate); } ... 

Please note: I did not write the above code, I found it online while looking for ways to speed up my own tests.