fix(collapse): Avoids fixed height on collapse

Closes #138

Author: SidhNor

src/collapse/collapse.js

@@ -30,7 +30,11 @@ angular.module('ui.bootstrap.collapse',['ui.bootstrap.transition'])
         //When we have a change of scrollHeight we are setting again the correct height if the group is opened
         if (element[0].scrollHeight !== 0) {
           if (!isCollapsed) {
-            fixUpHeight(scope, element, element[0].scrollHeight + 'px');
+            if (initialAnimSkip) {
+              fixUpHeight(scope, element, element[0].scrollHeight + 'px');
+            } else {
+              fixUpHeight(scope, element, 'auto');
+            }
           }
         }
       });

src/collapse/test/collapse.spec.js

@@ -54,4 +54,53 @@ describe('collapse directive', function () {
     $timeout.flush();
     expect(element.height()).not.toBe(0);
   });
+
+  describe('dynamic content', function() {
+    beforeEach(function() {
+      element = angular.element('<div collapse="isCollapsed"><p>Initial content</p><div ng-show="exp">Additional content</div></div>');
+      $compile(element)(scope);
+      angular.element(document.body).append(element);
+    });
+
+    afterEach(function() {
+      element.remove();
+    });
+
+    it('should grow accordingly when content size inside collapse increases', function() {
+      scope.exp = false;
+      scope.isCollapsed = false;
+      scope.$digest();
+      var collapseHeight = element.height();
+      scope.exp = true;
+      scope.$digest();
+      expect(element.height()).toBeGreaterThan(collapseHeight);
+    });
+
+    it('should shrink accordingly when content size inside collapse decreases', function() {
+      scope.exp = true;
+      scope.isCollapsed = false;
+      scope.$digest();
+      var collapseHeight = element.height();
+      scope.exp = false;
+      scope.$digest();
+      expect(element.height()).toBeLessThan(collapseHeight);
+    });
+
+    it('should shrink accordingly when content size inside collapse decreases on subsequent use', function() {
+      scope.isCollapsed = false;
+      scope.exp = false;
+      scope.$digest();
+      scope.isCollapsed = true;
+      scope.$digest();
+      scope.isCollapsed = false;
+      scope.$digest();
+      $timeout.flush();
+      scope.exp = true;
+      scope.$digest();
+      var collapseHeight = element.height();
+      scope.exp = false;
+      scope.$digest();
+      expect(element.height()).toBeLessThan(collapseHeight);
+    });
+  });
 });