Use #qunit-fixture instead of deprecated #main. Fixes #7031 - Tests use

Author: jzaefferer

tests/unit/accordion/accordio.html

@@ -56,7 +56,7 @@
 
 	<script src="../swarminject.js"></script>
 	<style>
-	#main { font-size: 10pt; font-family: "trebuchet ms", verdana, arial; }
+	#qunit-fixture { font-size: 10pt; font-family: "trebuchet ms", verdana, arial; }
 	#list, #list1 *, #navigation, #navigation * { margin: 0; padding: 0; font-size: 12px; }
 	</style>
 </head>
@@ -69,7 +69,7 @@ <h2 id="qunit-userAgent"></h2>
 <ol id="qunit-tests">
 </ol>
 
-<div id="main" style="position: absolute; top: -10000px; left: -10000px;">
+<div id="qunit-fixture">
 
 	<div>
 		<div id="list1" class="foo">

tests/unit/accordion/accordion.html

@@ -58,7 +58,7 @@
 
 	<script src="../swarminject.js"></script>
 	<style>
-	#main { font-size: 10pt; font-family: "trebuchet ms", verdana, arial; }
+	#qunit-fixture { font-size: 10pt; font-family: "trebuchet ms", verdana, arial; }
 	#list, #list1 *, #navigation, #navigation * { margin: 0; padding: 0; font-size: 12px; }
 	</style>
 </head>
@@ -71,7 +71,7 @@ <h2 id="qunit-userAgent"></h2>
 <ol id="qunit-tests">
 </ol>
 
-<div id="main" style="position: absolute; top: -10000px; left: -10000px;">
+<div id="qunit-fixture">
 
 	<div>
 		<div id="list1" class="foo">

tests/unit/autocomplete/autocomplete.html

@@ -36,7 +36,7 @@ <h2 id="qunit-userAgent"></h2>
 <ol id="qunit-tests">
 </ol>
 
-<div id="main" style="position: absolute; top: -10000px; left: -10000px;">
+<div id="qunit-fixture">
 
 	<div id="ac-wrap1" class="ac-wrap"></div>
 	<div id="ac-wrap2" class="ac-wrap"><input id="autocomplete" class="foo" /></div>

tests/unit/button/button.html

@@ -34,7 +34,7 @@ <h2 id="qunit-userAgent"></h2>
 <ol id="qunit-tests">
 </ol>
 
-<div id="main" style="position: absolute; top: -10000px; left: -10000px;">
+<div id="qunit-fixture">
 
 
 	<div><button id="button" class="foo">Label</button></div>

tests/unit/core/core.html

@@ -32,7 +32,7 @@ <h2 id="qunit-userAgent"></h2>
 <ol id="qunit-tests">
 </ol>
 
-<div id="main" style="position: absolute; top: -10000px; left: -10000px;">
+<div id="qunit-fixture">
 
 	<img src="../images/jqueryui_32x32.png" usemap="#mymap" width="10", height="10">
 	<map name="mymap">

tests/unit/datepicker/datepicker.html

@@ -46,7 +46,7 @@ <h2 id="qunit-userAgent"></h2>
 <ol id="qunit-tests">
 </ol>
 
-<div id="main" style="position: absolute; top: -10000px; left: -10000px;">
+<div id="qunit-fixture">
 	<p><input type="text" id="inp"/><input type="text" id="alt"/><div id="inl"></div></p>
 </div>
 

tests/unit/dialog/dialog.html

@@ -50,7 +50,7 @@ <h2 id="qunit-userAgent"></h2>
 <ol id="qunit-tests">
 </ol>
 
-<div id="main" style="position: absolute; top: -10000px; left: -10000px;">
+<div id="qunit-fixture">
 </div>
 
 </body>

tests/unit/draggable/draggable.html

@@ -43,7 +43,7 @@ <h2 id="qunit-userAgent"></h2>
 <ol id="qunit-tests">
 </ol>
 
-<div id="main" style="position: absolute; top: -10000px; left: -10000px;">
+<div id="qunit-fixture">
 	<div id="draggable1" style="background: green; width: 200px; height: 100px;">Relative</div>
 	<div id="draggable2" style="background: green; width: 200px; height: 100px; position: absolute; top: 10px; left: 10px;"><span>Absolute</span></div>
 	<div style='width: 1px; height: 1000px;'></div>

tests/unit/droppable/droppable.html

@@ -44,7 +44,7 @@ <h2 id="qunit-userAgent"></h2>
 <ol id="qunit-tests">
 </ol>
 
-<div id="main" style="position: absolute; top: -10000px; left: -10000px;">
+<div id="qunit-fixture">
 	<div id="draggable1" style="width: 25px; height: 25px;">Draggable</div>
 	<div id="droppable1" style="width: 100px; height: 100px;">Droppable</div>
 	<div style='width:1000px;height:1000px;'>&nbsp;</div>

tests/unit/menu/menu.html

@@ -44,7 +44,7 @@
 	<script type="text/javascript" src="../swarminject.js"></script>
 
 	<style>
-		#main { font-size: 10pt; font-family: 'trebuchet ms', verdana, arial; }
+		#qunit-fixture { font-size: 10pt; font-family: 'trebuchet ms', verdana, arial; }
 		#list, #list1 *, #navigation, #navigation * { margin: 0; padding: 0; font-size: 12px; }
 		.mainOnMoon {position: absolute; top: -10000px; left: -10000px;}
 	</style>

tests/unit/position/position.html

@@ -30,7 +30,7 @@ <h2 id="qunit-userAgent"></h2>
 .height() returns the greater of the height and line-height
 -->
 
-<div id="main" style="position: absolute; top: 0; left: 0;">
+<div id="qunit-fixture" style="top: 0; left: 0;">
 	<div id="el1" style="position: absolute; width: 6px; height: 6px; line-height: 6px;"></div>
 	<div id="el2" style="position: absolute; width: 6px; height: 6px; line-height: 6px;"></div>
 	<div id="parent" style="position: absolute; width: 6px; height: 6px; top: 4px; left: 4px; line-height: 6px;"></div>

tests/unit/progressbar/progressbar.html

@@ -34,7 +34,7 @@ <h2 id="qunit-userAgent"></h2>
 <ol id="qunit-tests">
 </ol>
 
-<div id="main" style="position: absolute; top: -10000px; left: -10000px;">
+<div id="qunit-fixture">
 	<div id="progressbar"></div>
 </div>
 

tests/unit/resizable/resizable.html

@@ -45,7 +45,7 @@ <h2 id="qunit-userAgent"></h2>
 <ol id="qunit-tests">
 </ol>
 
-<div id="main" style="position: absolute; top: -10000px; left: -10000px;">
+<div id="qunit-fixture">
 	<div id="resizable1" style="background: green; width: 100px; height: 100px;">I'm a resizable.</div>
 	<img src="images/test.jpg" id="resizable2" style="width: 100px; height: 100px;"/>
 </div>

tests/unit/selectable/selectable.html

@@ -43,7 +43,7 @@ <h2 id="qunit-userAgent"></h2>
 <ol id="qunit-tests">
 </ol>
 
-<div id="main" style="position: absolute; top: -10000px; left: -10000px;">
+<div id="qunit-fixture">
 	<ul id="selectable1">
 		<li>Item 1</li>
 		<li>Item 2</li>

tests/unit/slider/slider.html

@@ -45,7 +45,7 @@ <h2 id="qunit-userAgent"></h2>
 <ol id="qunit-tests">
 </ol>
 
-<div id="main" style="position: absolute; top: -10000px; left: -10000px;">
+<div id="qunit-fixture">
 	<div id="slider1"></div>
 	<div id="slider3" style="position: relative; margin: 40px; width: 217px; height: 28px;">
 		<div class="ui-slider-handle" style="position: absolute; height: 21px; left: 0px; bottom: 0px; width: 17px;"></div>

tests/unit/sortable/sortable.html

@@ -43,7 +43,7 @@ <h2 id="qunit-userAgent"></h2>
 <ol id="qunit-tests">
 </ol>
 
-<div id="main" style="position: absolute; top: -10000px; left: -10000px;">
+<div id="qunit-fixture">
 	<ul id="sortable">
 		<li>Item 1</li>
 		<li>Item 2</li>

tests/unit/tabs/tabs.html

@@ -45,7 +45,7 @@ <h2 id="qunit-userAgent"></h2>
 <ol id="qunit-tests">
 </ol>
 
-<div id="main" style="position: absolute; top: -10000px; left: -10000px;">
+<div id="qunit-fixture">
 
 		<div id="tabs1">
 			<ul>

tests/unit/widget/widget.html

@@ -27,7 +27,7 @@ <h2 id="qunit-userAgent"></h2>
 <ol id="qunit-tests">
 </ol>
 
-<div id="main" style="position: absolute; top: -10000px; left: -10000px;">
+<div id="qunit-fixture">
 
 <div id="widget-wrapper">
 	<div id="widget">

tests/unit/widget/widget_core.js

@@ -56,7 +56,7 @@ test( "element normalization", function() {
 	$.ui.testWidget( {}, elem );
 
 	elem = $( "<div id='element-normalization-selector'></div>" )
-		.appendTo( "#main" );
+		.appendTo( "#qunit-fixture" );
 	$.ui.testWidget.prototype._create = function() {
 		same( this.element[ 0 ], elem[ 0 ], "from selector" );
 		same( elem.data( "testWidget" ), this, "instace stored in .data()" );