Accordion: unit test for collapsed height

apushak · apushak · commit 5fa27f37de73 · 2015-04-22T22:04:12.000-07:00
diff --git a/tests/unit/accordion/accordion.html b/tests/unit/accordion/accordion.html
@@ -7,12 +7,16 @@
 	<script src="../../lib/css.js" data-modules="core accordion"></script>
 	<script src="../../lib/bootstrap.js" data-widget="accordion"></script>
 	<style>
-	#list, #list1 *, #navigation, #navigation * {
+	#list, #list1 *, #navigation, #navigation *, #collapsible, #collapsible * {
 		margin: 0;
 		padding: 0;
 		font-size: 12px;
 		line-height: 15px;
 	}
+	#collapsibleWrapper {
+		width: 300px;
+		float: left;
+	}
 	</style>
 </head>
 <body>
@@ -108,6 +112,19 @@ <h2><a href="?p=1.1.3">Drums</a></h2>
 	</dd>
 </dl>
 
+<div id="collapsibleWrapper">
+	<div id="collapsible">
+		<h3>Header</h3>
+		<div>
+			<p>
+				The calculated height of this accordion should be the same
+				regardless of whether the accordion was collapsed or not
+				when the height was calculated.
+			</p>
+		</div>
+	</div>
+</div>
+
 </div>
 </body>
 </html>
diff --git a/tests/unit/accordion/methods.js b/tests/unit/accordion/methods.js
@@ -10,6 +10,18 @@ var equalHeight = testHelper.equalHeight,
 
 module( "accordion: methods", setupTeardown() );
 
+test( "collapsedHeight", function() {
+	expect( 1 );
+	var element = $( "#collapsible" ).accordion(),
+		content = element.find( ".ui-accordion-content" ),
+		height = content.height();
+	element.accordion( "destroy" ).accordion({
+		active: false,
+		collapsible: true
+	});
+	equal( content.height(), height );
+});
+
 test( "destroy", function( assert ) {
 	expect( 1 );
 	assert.domEqual( "#list1", function() {
