<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>
<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">
<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>
<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">
<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>
<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>
<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">
<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>
<ol id="qunit-tests">
</ol>
-<div id="main" style="position: absolute; top: -10000px; left: -10000px;">
+<div id="qunit-fixture">
</div>
</body>
<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>
<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;'> </div>
<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>
.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>
<ol id="qunit-tests">
</ol>
-<div id="main" style="position: absolute; top: -10000px; left: -10000px;">
+<div id="qunit-fixture">
<div id="progressbar"></div>
</div>
<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>
<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>
<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>
<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>
<ol id="qunit-tests">
</ol>
-<div id="main" style="position: absolute; top: -10000px; left: -10000px;">
+<div id="qunit-fixture">
<div id="tabs1">
<ul>
<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">
$.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()" );