feat(optionalAnimations): animations enabled by default

Author: widmoser

src/ui-layout.js

@@ -679,7 +679,7 @@ angular.module('ui.layout', [])
         if(!element.hasClass('stretch')) element.addClass('stretch');
         if(!element.hasClass('ui-splitbar')) element.addClass('ui-splitbar');
 
-        if (ctrl.animate === 'true') {
+        if (ctrl.animate !== 'false') {
           var animationClass = ctrl.isUsingColumnFlow ? 'animate-column' : 'animate-row';
           element.addClass(animationClass);
         }
@@ -921,7 +921,7 @@ angular.module('ui.layout', [])
                 if(!element.hasClass('stretch')) element.addClass('stretch');
                 if(!element.hasClass('ui-layout-container')) element.addClass('ui-layout-container');
 
-                if (ctrl.animate === 'true') {
+                if (ctrl.animate !== 'false') {
                   var animationClass = ctrl.isUsingColumnFlow ? 'animate-column' : 'animate-row';
                   element.addClass(animationClass);
                 }

test/uiLayoutContainer.spec.js

@@ -73,16 +73,16 @@ describe('Directive: uiLayoutContainer', function () {
     expect(angular.element(afterContainer).hasClass('animate-column')).toEqual(true);
   });
 
-  it('should not be animated when the attribute is not set', function() {
+  it('should be animated when the attribute is not set', function() {
     element = createDirective({ beforeContainer: true, afterContainer: false});
     var divs = element.find('div'),
       beforeContainer = divs[0],
       afterContainer = divs[2];
-    expect(angular.element(beforeContainer).hasClass('animate-column')).toEqual(false);
-    expect(angular.element(afterContainer).hasClass('animate-column')).toEqual(false);
+    expect(angular.element(beforeContainer).hasClass('animate-column')).toEqual(true);
+    expect(angular.element(afterContainer).hasClass('animate-column')).toEqual(true);
   });
 
-  it('should not be animated when the attribute is set to a value different from true', function() {
+  it('should not be animated when the attribute is set to false', function() {
     element = createDirective({ beforeContainer: true, afterContainer: false, animate: 'animate="false"'});
     var divs = element.find('div'),
       beforeContainer = divs[0],