updated unit tests to ensure the enhance event is working properly on self-initializing widgets

Author: scottjehl

tests/unit/checkboxradio/checkboxradio_core.js

@@ -111,8 +111,9 @@
 	});
 
 	test( "checkboxradio controls will create when inside a container that receives an 'enhance' event", function(){
-		ok( $("#fragment").appendTo(".ui-page-active").find(".ui-btn").length );
-	})
+		ok( !$("#enhancetest").appendTo(".ui-page-active").find(".ui-checkbox").length, "did not have enhancements applied" );
+		ok( $("#enhancetest").trigger("enhance").find(".ui-checkbox").length, "enhancements applied" );
+	});
 
 
 })(jQuery);

tests/unit/checkboxradio/index.html

@@ -73,6 +73,16 @@ <h2 id="qunit-userAgent"></h2>
 	</fieldset>
 </div>
 
+
+
+
+
+
+</div>
+
+<div id="enhancetest">
+    <input type="checkbox" name="checkbox-332" id="checkbox-332" class="custom"/>
+    <label for="checkbox-332">I agree 3.2</label>
 </div>
 
 </body>

tests/unit/controlgroup/controlgroup_core.js

@@ -119,4 +119,11 @@
 	});
 
 
+	test( "controlgroups will create when inside a container that receives an 'enhance' event", function(){
+		ok( !$("#enhancetest").appendTo(".ui-page-active").find(".ui-controlgroup").length, "did not have enhancements applied" );
+		ok( $("#enhancetest").trigger("enhance").find(".ui-controlgroup").length, "enhancements applied" );
+	});
+
+
+
 })(jQuery);

tests/unit/controlgroup/index.html

@@ -64,5 +64,17 @@ <h2 id="qunit-userAgent"></h2>
 
 </div>
 
+
+
+
+
+
+<div data-nstest-role="fieldcontain" id="enhancetest">
+	<fieldset data-nstest-role="controlgroup">
+		
+
+	</fieldset>
+</div>
+
 </body>
 </html>

tests/unit/fieldContain/fieldContain_events.js

@@ -7,4 +7,10 @@
 	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 an 'enhance' event", function(){
+		ok( !$("#enhancetest").appendTo(".ui-page-active").find(".ui-field-contain").length, "did not have enhancements applied" );
+		ok( $("#enhancetest").trigger("enhance").find(".ui-field-contain").length, "enhancements applied" );
+	});
+	
 })(jQuery);

tests/unit/fieldContain/index.html

@@ -38,5 +38,11 @@ <h2 id="qunit-userAgent"></h2>
 
 </div>
 
+<div id="enhancetest">
+<div data-nstest-role="fieldcontain">
+</div>
+</div>
+
+
 </body>
 </html>

tests/unit/listview/index.html

@@ -273,5 +273,15 @@ <h1>Basic List View</h1>
 </div>
 
 
+
+
+<div id="enhancetest">
+	<ul data-nstest-role="listview">
+		<li><a href="#basic-link-results">Home</a></li>
+		<li><a href="#basic-link-results">Back</a></li>
+		<li><a href="#basic-link-results">Return</a></li>
+	</ul>
+</div>
+
 </body>
 </html>

tests/unit/listview/listview_core.js

@@ -483,6 +483,11 @@
 			}
 		]);
 	});
+	
+	test( "Listview will create when inside a container that receives an 'enhance' event", function(){
+		ok( !$("#enhancetest").appendTo(".ui-page-active").find(".ui-listview").length, "did not have enhancements applied" );
+		ok( $("#enhancetest").trigger("enhance").find(".ui-listview").length, "enhancements applied" );
+	});
 
 
 

tests/unit/select/index.html

@@ -303,5 +303,16 @@ <h2 id="qunit-userAgent"></h2>
 	    </select>
 	</div>
 </div>
+
+
+
+<div id="enhancetest">
+	<select name="select-enhancetest" id="select-enhancetest">
+		<option value="standard">Standard: 7 day</option>
+		<option value="rush">Rush: 3 days</option>
+		<option value="express">Express: next day</option>
+		<option value="overnight">Overnight</option>
+	</select>
+</div>
 </body>
 </html>

tests/unit/select/select_events.js

@@ -47,4 +47,10 @@
 	test( "selects marked with data-native-menu=true should sit inside the button", function(){
 		same($("#select-choice-native-container div.ui-btn select").length, 1);
 	});
+	
+	test( "select controls will create when inside a container that receives an 'enhance' event", function(){
+		ok( !$("#enhancetest").appendTo(".ui-page-active").find(".ui-select").length, "did not have enhancements applied" );
+		ok( $("#enhancetest").trigger("enhance").find(".ui-select").length, "enhancements applied" );
+	});
+	
 })(jQuery);