Skip to content

Commit

Permalink
tests - some html cleanup
Browse files Browse the repository at this point in the history
  • Loading branch information
rdworth committed Jun 7, 2008
1 parent 38ac672 commit 94236b3
Show file tree
Hide file tree
Showing 4 changed files with 80 additions and 70 deletions.
47 changes: 27 additions & 20 deletions tests/accordion.html
Expand Up @@ -10,20 +10,26 @@
<script type="text/javascript" src="../ui/ui.accordion.js"></script> <script type="text/javascript" src="../ui/ui.accordion.js"></script>


<script type="text/javascript" src="qunit/testrunner.js"></script> <script type="text/javascript" src="qunit/testrunner.js"></script>
<script type="text/javascript" src="simulate/jquery.simulate.js"></script>


<script type="text/javascript" src="accordion.js"></script> <script type="text/javascript" src="accordion.js"></script>


<style type="text/css"> <style type="text/css">
.xerror, .error { display: none } .xerror, .error { display: none }
</style> </style>






</head> </head>
<body class="flora"> <body>
<h1>jQuery UI Accordion Test Suite</h1>
<h2 id="banner"></h2> <h1 id="header">jQuery UI Accordion Test Suite</h1>
<h2 id="userAgent"></h2> <h2 id="banner"></h2>
<h2 id="userAgent"></h2>


<ol id="tests"></ol> <ol id="tests"></ol>


<div id="main" style="position:absolute;top:-2000000px;"> <div id="main" style="position:absolute;top:-2000000px;">


Expand Down Expand Up @@ -59,7 +65,7 @@ <h2 id="userAgent"></h2>
</p> </p>
</div> </div>
</div> </div>

</fieldset> </fieldset>


<fieldset> <fieldset>
Expand Down Expand Up @@ -100,7 +106,7 @@ <h2 id="userAgent"></h2>
</ul> </ul>
</li> </li>
</ul> </ul>

</fieldset> </fieldset>


<fieldset> <fieldset>
Expand Down Expand Up @@ -154,18 +160,19 @@ <h2 id="userAgent"></h2>


</fieldset> </fieldset>


<div id="switch"> <div id="switch">
<select> <select>
<option>Switch to...</option> <option>Switch to...</option>
<option value="1">1</option> <option value="1">1</option>
<option value="2">2</option> <option value="2">2</option>
<option value="3">3</option> <option value="3">3</option>
</select> </select>
<button id="close">Close all</button> <button id="close">Close all</button>
Activate via selector, eg. ':first' or 'a:first': <input id="switch2" /> Activate via selector, eg. ':first' or 'a:first': <input id="switch2" />
</div> </div>


<div id="log"><div><strong>Log of the 2nd accordion</strong></div></div> <div id="log"><div><strong>Log of the 2nd accordion</strong></div></div>
</div> </div>
</body>
</html> </body>
</html>
28 changes: 13 additions & 15 deletions tests/draggable.html
@@ -1,9 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta http-equiv="Content-Language" content="en" /> <title>jQuery UI Draggable Test Suite</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Draggable Test Page</title>


<link rel="stylesheet" href="qunit/testsuite.css" type="text/css" media="screen"> <link rel="stylesheet" href="qunit/testsuite.css" type="text/css" media="screen">


Expand All @@ -16,7 +14,7 @@


<script type="text/javascript" src="draggable.js"></script> <script type="text/javascript" src="draggable.js"></script>


<style> <style type="text/css">
html { border: 0; } html { border: 0; }
#main { #main {
position:absolute !important; position:absolute !important;
Expand All @@ -27,16 +25,16 @@
</head> </head>
<body> <body>


<h1 id="header">Draggable Test Suite</h1> <h1 id="header">jQuery UI Draggable Test Suite</h1>
<h2 id="banner"></h2> <h2 id="banner"></h2>
<h2 id="userAgent"></h2> <h2 id="userAgent"></h2>

<div id="main" style="border: 1px solid black; padding: 10px; margin: 10px;"> <ol id="tests"></ol>
<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 id="main" style="border: 1px solid black; padding: 10px; margin: 10px;">
</div> <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>
<ol id="tests"></ol> </div>

</body> </body>
</html> </html>
42 changes: 20 additions & 22 deletions tests/resizable.html
@@ -1,9 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta http-equiv="Content-Language" content="en" /> <title>jQuery UI Resizable Test Suite</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Resizable Test Page</title>


<link rel="stylesheet" href="qunit/testsuite.css" type="text/css" media="screen"> <link rel="stylesheet" href="qunit/testsuite.css" type="text/css" media="screen">


Expand All @@ -15,28 +13,28 @@
<script type="text/javascript" src="simulate/jquery.simulate.js"></script> <script type="text/javascript" src="simulate/jquery.simulate.js"></script>


<script type="text/javascript" src="resizable.js"></script> <script type="text/javascript" src="resizable.js"></script>
</head>


<style> <style type="text/css">
#main { #main {
position: absolute !important; position: absolute !important;
top: -1000px !important; top: -1000px !important;
left: -1000px !important; left: -1000px !important;
} }
</style> </style>


</head>
<body> <body>


<h1 id="header">jQuery Test Suite</h1> <h1 id="header">jQuery UI Resizable Test Suite</h1>
<h2 id="banner"></h2> <h2 id="banner"></h2>
<h2 id="userAgent"></h2> <h2 id="userAgent"></h2>

<div id="main" style="border: 1px solid black; padding: 10px; margin: 10px;"> <ol id="tests"></ol>
<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 id="main" style="border: 1px solid black; padding: 10px; margin: 10px;">
</div> <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;"/>
<ol id="tests"></ol> </div>
<div class="ui-fake-cursor"/>
</body> </body>
</html> </html>
33 changes: 20 additions & 13 deletions tests/slider.html
@@ -1,9 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta http-equiv="Content-Language" content="en" /> <title>jQuery UI Slider Test Suite</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Slider Test Page</title>


<link rel="stylesheet" href="qunit/testsuite.css" type="text/css" media="screen"> <link rel="stylesheet" href="qunit/testsuite.css" type="text/css" media="screen">


Expand All @@ -15,21 +13,30 @@
<script type="text/javascript" src="simulate/jquery.simulate.js"></script> <script type="text/javascript" src="simulate/jquery.simulate.js"></script>


<script type="text/javascript" src="slider.js"></script> <script type="text/javascript" src="slider.js"></script>

<style type="text/css">



</style>



</head> </head>
<body> <body>


<h1 id="header">jQuery Test Suite</h1> <h1 id="header">jQuery UI Slider Test Suite</h1>
<h2 id="banner"></h2> <h2 id="banner"></h2>
<h2 id="userAgent"></h2> <h2 id="userAgent"></h2>


<div id="main" style="position:absolute;top:-20000px"> <ol id="tests"></ol>
<div id='slider1'></div>
<div id='slider3' style="position: relative; margin: 40px; width: 217px; height: 28px; background: url(http://developer.yahoo.com/yui/examples/slider/assets/bg-fader.gif) no-repeat scroll 5px 0px;"> <div id="main" style="position:absolute;top:-20000px">
<div class='ui-slider-handle' style='position: absolute; height: 21px; left: 0px; bottom: 0px; width: 17px; background-image: url(http://developer.yahoo.com/yui/examples/slider/assets/thumb-n.gif);'></div> <div id='slider1'></div>
</div> <div id='slider3' style="position: relative; margin: 40px; width: 217px; height: 28px; background: url(http://developer.yahoo.com/yui/examples/slider/assets/bg-fader.gif) no-repeat scroll 5px 0px;">
<div class='ui-slider-handle' style='position: absolute; height: 21px; left: 0px; bottom: 0px; width: 17px; background-image: url(http://developer.yahoo.com/yui/examples/slider/assets/thumb-n.gif);'></div>
</div> </div>

</div>
<ol id="tests"></ol>


</body> </body>
</html> </html>

0 comments on commit 94236b3

Please sign in to comment.