test that fieldcontain respects data-enhance=false

Author: johnbender

tests/unit/fieldContain/fieldContain_events.js

@@ -4,13 +4,26 @@
 (function($){
 	module('jquery.mobile.fieldContain.js');
 
-	test( "Field container contains appropriate css styles", function(){	
+	test( "Field container contains appropriate css styles", function(){
 		ok($('#test-fieldcontain').hasClass('ui-field-contain ui-body ui-br'), 'A fieldcontain element must contain styles "ui-field-contain ui-body ui-br"');
 	});
-	
+
 	test( "Field container will create when inside a container that receives a 'create' event", function(){
 		ok( !$("#enhancetest").appendTo(".ui-page-active").find(".ui-field-contain").length, "did not have enhancements applied" );
 		ok( $("#enhancetest").trigger("create").find(".ui-field-contain").length, "enhancements applied" );
 	});
-	
+
+	test( "field containers inside ignore container should not be enhanced", function() {
+		var $ignored = $( "#ignored-fieldcontain" ), $enhanced = $( "#enhanced-fieldcontain" );
+
+		$.mobile.ignoreContentEnabled = true;
+
+		$( "#ignore-container-tests" ).trigger( "create" );
+
+		same( $ignored.attr( "class" ), undefined, "ignored div does not have field contain class" );
+		ok( $enhanced.hasClass( "ui-field-contain" ), "enhanced div has field contain class" );
+
+		$.mobile.ignoreContentEnabled = false;
+
+	});
 })(jQuery);

tests/unit/fieldContain/index.html

@@ -46,10 +46,21 @@ <h2 id="qunit-userAgent"></h2>
 </div>
 
 <div id="enhancetest">
-<div data-nstest-role="fieldcontain">
-</div>
+  <div data-nstest-role="fieldcontain">
+  </div>
 </div>
 
+<div id="ignore-container-tests">
+  <div data-nstest-enhance="false">
+    <div data-nstest-role="fieldcontain" id="ignored-fieldcontain">
+    </div>
+  </div>
+
+  <div>
+    <div data-nstest-role="fieldcontain" id="enhanced-fieldcontain">
+    </div>
+  </div>
+</div>
 
 </body>
 </html>