tests - some html cleanup

This commit is contained in:
Richard Worth
2008-06-07 19:26:35 +00:00
parent 38ac672c5c
commit 94236b3834
4 changed files with 82 additions and 72 deletions

View File

@@ -10,6 +10,7 @@
<script type="text/javascript" src="../ui/ui.accordion.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>
@@ -17,13 +18,18 @@
.xerror, .error { display: none }
</style>
</head>
<body class="flora">
<h1>jQuery UI Accordion Test Suite</h1>
<h2 id="banner"></h2>
<h2 id="userAgent"></h2>
<ol id="tests"></ol>
</head>
<body>
<h1 id="header">jQuery UI Accordion Test Suite</h1>
<h2 id="banner"></h2>
<h2 id="userAgent"></h2>
<ol id="tests"></ol>
<div id="main" style="position:absolute;top:-2000000px;">
@@ -59,7 +65,7 @@
</p>
</div>
</div>
</fieldset>
<fieldset>
@@ -100,7 +106,7 @@
</ul>
</li>
</ul>
</fieldset>
<fieldset>
@@ -154,18 +160,19 @@
</fieldset>
<div id="switch">
<select>
<option>Switch to...</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<button id="close">Close all</button>
Activate via selector, eg. ':first' or 'a:first': <input id="switch2" />
</div>
<div id="switch">
<select>
<option>Switch to...</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<button id="close">Close all</button>
Activate via selector, eg. ':first' or 'a:first': <input id="switch2" />
</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>
</body>
</html>
</body>
</html>

View File

@@ -1,9 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Language" content="en" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Draggable Test Page</title>
<title>jQuery UI Draggable Test Suite</title>
<link rel="stylesheet" href="qunit/testsuite.css" type="text/css" media="screen">
@@ -16,7 +14,7 @@
<script type="text/javascript" src="draggable.js"></script>
<style>
<style type="text/css">
html { border: 0; }
#main {
position:absolute !important;
@@ -27,16 +25,16 @@
</head>
<body>
<h1 id="header">Draggable Test Suite</h1>
<h2 id="banner"></h2>
<h2 id="userAgent"></h2>
<div id="main" style="border: 1px solid black; padding: 10px; margin: 10px;">
<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>
<ol id="tests"></ol>
<h1 id="header">jQuery UI Draggable Test Suite</h1>
<h2 id="banner"></h2>
<h2 id="userAgent"></h2>
<ol id="tests"></ol>
<div id="main" style="border: 1px solid black; padding: 10px; margin: 10px;">
<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>
</body>
</html>

View File

@@ -1,9 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Language" content="en" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Resizable Test Page</title>
<title>jQuery UI Resizable Test Suite</title>
<link rel="stylesheet" href="qunit/testsuite.css" type="text/css" media="screen">
@@ -15,28 +13,28 @@
<script type="text/javascript" src="simulate/jquery.simulate.js"></script>
<script type="text/javascript" src="resizable.js"></script>
<style type="text/css">
#main {
position: absolute !important;
top: -1000px !important;
left: -1000px !important;
}
</style>
</head>
<style>
#main {
position: absolute !important;
top: -1000px !important;
left: -1000px !important;
}
</style>
<body>
<h1 id="header">jQuery Test Suite</h1>
<h2 id="banner"></h2>
<h2 id="userAgent"></h2>
<div id="main" style="border: 1px solid black; padding: 10px; margin: 10px;">
<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="tests"></ol>
<div class="ui-fake-cursor"/>
<h1 id="header">jQuery UI Resizable Test Suite</h1>
<h2 id="banner"></h2>
<h2 id="userAgent"></h2>
<ol id="tests"></ol>
<div id="main" style="border: 1px solid black; padding: 10px; margin: 10px;">
<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>
</body>
</html>

View File

@@ -1,9 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Language" content="en" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Slider Test Page</title>
<title>jQuery UI Slider Test Suite</title>
<link rel="stylesheet" href="qunit/testsuite.css" type="text/css" media="screen">
@@ -15,21 +13,30 @@
<script type="text/javascript" src="simulate/jquery.simulate.js"></script>
<script type="text/javascript" src="slider.js"></script>
<style type="text/css">
</style>
</head>
<body>
<h1 id="header">jQuery Test Suite</h1>
<h2 id="banner"></h2>
<h2 id="userAgent"></h2>
<h1 id="header">jQuery UI Slider Test Suite</h1>
<h2 id="banner"></h2>
<h2 id="userAgent"></h2>
<div id="main" style="position:absolute;top:-20000px">
<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 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>
<ol id="tests"></ol>
<div id="main" style="position:absolute;top:-20000px">
<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 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>
<ol id="tests"></ol>
</div>
</body>
</html>