Collapsible: Make sure cue text is set during expand/collapse

Re gh-7054
jquery-archive · Feb 4, 2014 · 72376e1 · 72376e1
1 parent 5e3ab06
commit 72376e1
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/tests/integration/collapsible/collapsible_core.js b/tests/integration/collapsible/collapsible_core.js
@@ -7,8 +7,14 @@
 	function testExpandCollapse( selector ) {
 		var collapsible = $( selector );
 		deepEqual( collapsible.hasClass( "ui-collapsible-collapsed" ), true, selector + " should be collapsed");
+		deepEqual( collapsible.find( "a span" ).text(),
+			$.mobile.collapsible.defaults.expandCueText,
+			"expand cue text should be set to default" );
 		$( selector + " >:header a" ).first().click();
 		deepEqual( collapsible.hasClass( "ui-collapsible-collapsed" ), false, selector + " should be expanded after click");
+		deepEqual( collapsible.find( "a span" ).text(),
+			$.mobile.collapsible.defaults.collapseCueText,
+			"collapse cue text should be set to default" );
 
 		collapsible.collapsible( "option", "expandedIcon", "arrow-up" );
 		deepEqual( $( selector + ">:header a" ).hasClass( "ui-icon-arrow-up" ), true, selector + " when expanded and after setting expanded icon to 'arrow-up' should have class ui-icon-arrow-up." );

diff --git a/tests/integration/collapsible/index.html b/tests/integration/collapsible/index.html
@@ -55,7 +55,7 @@ <h3>Section B</h3>
 				<h4 class="ui-collapsible-heading ui-collapsible-heading-collapsed">
 					<a href="#" class="ui-collapsible-heading-toggle ui-btn ui-btn-icon-left ui-icon-plus">
 					Heading
-					<div class="ui-collapsible-heading-status"> click to expand contents</div>
+					<span class="ui-collapsible-heading-status"> click to expand contents</span>
 					</a>
 				</h4>
 				<div class="ui-collapsible-content ui-collapsible-content-collapsed" aria-hidden="true">