diff options
| author | Scott González <scott.gonzalez@gmail.com> | 2011-08-03 10:50:20 -0400 |
|---|---|---|
| committer | Scott González <scott.gonzalez@gmail.com> | 2011-08-03 10:50:20 -0400 |
| commit | 1e9e0ed700198086da875135807081edb2523852 (patch) | |
| tree | 51e27f1d7648cb786581821a2f7598e70febfe8b /tests | |
| parent | e7525d76863be54864237d87b9bb8c244f97d604 (diff) | |
| download | jquery-ui-1e9e0ed700198086da875135807081edb2523852.tar.gz jquery-ui-1e9e0ed700198086da875135807081edb2523852.zip | |
Tests: Removed some visual tests.
Diffstat (limited to 'tests')
45 files changed, 0 insertions, 1654 deletions
diff --git a/tests/visual/all.css b/tests/visual/all.css deleted file mode 100644 index d4b4805a1..000000000 --- a/tests/visual/all.css +++ /dev/null @@ -1,84 +0,0 @@ - -body { font-size: 62.5%; margin: 0; padding: 20px; background: #191919; } -ul.plugins { - margin: 0; - padding: 0; -} -ul.plugins li.plugin { - margin: 0 12px 12px 0; - list-style-type: none; - width: 220px; - height: 220px; - float: left; - color: white; - border: 1px solid gray; - text-align: center; - font-weight: bold; -} -li.plugin { - -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -} - -#draggable, #resizable, #selectable, #sortable { - margin: 10px; - width: 190px; height: 180px; - text-align: center; - background: #FF9C08; color: white; font-weight: bold; - -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -} -#accordion { - background: none; - text-align: left; -} -#accordion, #datepicker, #dialog, #progressbar, #slider { - margin: 10px; -} -#datepicker { - margin-left: -40px; -} -#tabs { - margin: 0 10px; -} -#selectable div { - width: 45px; height: 45px; float: left; margin: 6px 8px; - border: 1px solid white; - -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -} -#selectable .ui-selecting { - background: gray; -} -#selectable .ui-selected { - background: black; -} -#sortable div { - width: 45px; height: 45px; float: left; margin: 6px 8px; - border: 1px solid white; - -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -} -#sortable .ui-sortable-helper { - background: black; -} -#tabs { - text-align: left; -} - -.draggable { - margin: 10px; - width: 32px; - height: 30px; - float: left; - background: #FF9C08; - -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -} -#droppable { - margin: 10px; - width: 190px; - height: 130px; - float: left; - border: 1px solid #FF9C08; - overflow: hidden; - -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -} -#droppable .draggable { - margin: 7px; -} diff --git a/tests/visual/all.html b/tests/visual/all.html deleted file mode 100644 index 4f922e46a..000000000 --- a/tests/visual/all.html +++ /dev/null @@ -1,190 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Simple All</title> - <link rel="stylesheet" href="all.css" type="text/css"> - <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.position.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.accordion.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.menu.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.autocomplete.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.button.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.datepicker.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.dialog.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.draggable.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.droppable.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.progressbar.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.resizable.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.selectable.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.sortable.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.tabs.js"></script> - <script type="text/javascript"> - $(function() { - $("#accordion").accordion({ header: "h3" }); - $("#autocomplete").autocomplete({ - source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "perl"] - }); - $("#button").button(); - $("#buttonset").buttonset(); - $("#datepicker").datepicker(); - $("#dialog button").click(function() { - $("#dlg").clone().dialog(); - }); - $("#draggable").draggable(); - $(".draggable").draggable(); - $("#droppable").droppable({ - accept: '.draggable', - drop: function(ev, ui) { - ui.draggable.css({ position: 'relative', top: 0, left: 0 }).clone().appendTo(this); - } - }); - $("#progressbar").progressbar({ value: 37 }); - $("#resizable").resizable(); - $("#selectable").selectable(); - $("#slider").slider(); - $("#sortable").sortable(); - $("#tabs").tabs(); - }); - </script> -</head> -<body> - -<ul class="plugins"> -<li class="plugin"> - Accordion - <div id="accordion"> - <div> - <h3><a href="#">First</a></h3> - <div> - Lorem ipsum dolor sit amet. - </div> - </div> - <div> - <h3><a href="#">Second</a></h3> - <div> - Phasellus mattis tincidunt nibh. - </div> - </div> - <div> - <h3><a href="#">Third</a></h3> - <div> - Nam dui erat, auctor a, dignissim quis. - </div> - </div> - </div> -</li> -<li class="plugin"> - Autocomplete - <div> - <input id="autocomplete" /> - <select> - <option>iframe test</option> - </select> - </div> -</li> -<li class="plugin"> - Button - <div> - <button id="button">A button element</button> - <form style="margin-top: 1em;"> - <div id="buttonset"> - <input type="radio" id="radio1" name="radio" /><label for="radio1">Choice 1</label> - <input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice 2</label> - <input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label> - </div> - </form> - </div> -</li> -<li class="plugin"> - Datepicker - <div> - <input type="text" id="datepicker"> - </div> -</li> -<li class="plugin"> - Dialog - <div id="dialog"> - <button>Open</button> - <div id="dlg" title="Dialog Title"> - <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> - </div> - </div> -</li> -<li class="plugin"> - Draggable - <div id="draggable"></div> -</li> -<li class="plugin"> - Droppable - <div class="draggable">D</div> - <div class="draggable">R</div> - <div class="draggable">A</div> - <div class="draggable">G</div> - <div id="droppable"> - DROP - <hr> - </div> -</li> -<li class="plugin"> - Progressbar - <div id="progressbar"></div> -</li> -<li class="plugin"> - Resizable - <div id="resizable"></div> -</li> -<li class="plugin"> - Selectable - <div id="selectable"> - <div>1</div> - <div>2</div> - <div>3</div> - <div>4</div> - <div>5</div> - <div>6</div> - <div>7</div> - <div>8</div> - <div>9</div> - </div> -</li> -<li class="plugin"> - Slider - <div id="slider"></div> -</li> -<li class="plugin"> - Sortable - <div id="sortable"> - <div>C</div> - <div>I</div> - <div>G</div> - <div>F</div> - <div>D</div> - <div>H</div> - <div>A</div> - <div>E</div> - <div>B</div> - </div> -</li> -<li class="plugin"> - Tabs - <div id="tabs"> - <ul> - <li><a href="#tabs-1">First</a></li> - <li><a href="#tabs-2">Second</a></li> - <li><a href="#tabs-3">Third</a></li> - </ul> - <div id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div> - <div id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div> - <div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div> - </div> -</li> -</ul> - -</body> -</html> diff --git a/tests/visual/animate/animate_backgroundColor_hex.html b/tests/visual/animate/animate_backgroundColor_hex.html deleted file mode 100644 index e3431abae..000000000 --- a/tests/visual/animate/animate_backgroundColor_hex.html +++ /dev/null @@ -1,44 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Animate Visual Test : Animate backgroundColor hex</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.effects.core.js"></script> - <script type="text/javascript"> - function hexFromRGB (r, g, b) { - var hex = [ - r.toString(16), - g.toString(16), - b.toString(16) - ]; - $.each(hex, function (nr, val) { - if (val.length == 1) { - hex[nr] = '0' + val; - } - }); - return hex.join('').toUpperCase(); - } - function randomColorHex() { - return '#' + hexFromRGB(Math.floor(Math.random()*256), Math.floor(Math.random()*256), Math.floor(Math.random()*256)); - } - $(function() { - $("#go").click(function() { - $("#animate-backgroundColor").stop().animate({ backgroundColor: randomColorHex() }, "fast"); - }); - }) - </script> - <style type="text/css"> - #animate-backgroundColor { width: 100px; height: 100px; background-color: gray; } - </style> -</head> -<body> - -<div id="animate-backgroundColor"></div> - -<button id="go">Go</button> - -</body> -</html> diff --git a/tests/visual/animate/animate_backgroundColor_rgb.html b/tests/visual/animate/animate_backgroundColor_rgb.html deleted file mode 100644 index 762621bb5..000000000 --- a/tests/visual/animate/animate_backgroundColor_rgb.html +++ /dev/null @@ -1,35 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Animate Visual Test : Animate backgroundColor rgb</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.effects.core.js"></script> - <script type="text/javascript"> - function randomColorRGB() { - return 'rgb(' - + Math.floor(Math.random()*256) - + ', ' + Math.floor(Math.random()*256) - + ', ' + Math.floor(Math.random()*256) - + ')'; - } - $(function() { - $("#go").click(function() { - $("#animate-backgroundColor").stop().animate({ backgroundColor: randomColorRGB() }, "fast"); - }); - }) - </script> - <style type="text/css"> - #animate-backgroundColor { width: 100px; height: 100px; background-color: gray; } - </style> -</head> -<body> - -<div id="animate-backgroundColor"></div> - -<button id="go">Go</button> - -</body> -</html> diff --git a/tests/visual/animate/animate_color_hex.html b/tests/visual/animate/animate_color_hex.html deleted file mode 100644 index fb9349111..000000000 --- a/tests/visual/animate/animate_color_hex.html +++ /dev/null @@ -1,44 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Animate Visual Test : Animate color hex</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.effects.core.js"></script> - <script type="text/javascript"> - function hexFromRGB (r, g, b) { - var hex = [ - r.toString(16), - g.toString(16), - b.toString(16) - ]; - $.each(hex, function (nr, val) { - if (val.length == 1) { - hex[nr] = '0' + val; - } - }); - return hex.join('').toUpperCase(); - } - function randomColorHex() { - return '#' + hexFromRGB(Math.floor(Math.random()*256), Math.floor(Math.random()*256), Math.floor(Math.random()*256)); - } - $(function() { - $("#go").click(function() { - $("#animate-color").stop().animate({ color: randomColorHex() }, "fast"); - }); - }) - </script> - <style type="text/css"> - #animate-color { width: 250px; height: 100px; color: gray; } - </style> -</head> -<body> - -<div id="animate-color">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</div> - -<button id="go">Go</button> - -</body> -</html> diff --git a/tests/visual/animate/animate_color_rgb.html b/tests/visual/animate/animate_color_rgb.html deleted file mode 100644 index 702b2282f..000000000 --- a/tests/visual/animate/animate_color_rgb.html +++ /dev/null @@ -1,35 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Animate Visual Test : Animate color rgb</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.effects.core.js"></script> - <script type="text/javascript"> - function randomColorRGB() { - return 'rgb(' - + Math.floor(Math.random()*256) - + ', ' + Math.floor(Math.random()*256) - + ', ' + Math.floor(Math.random()*256) - + ')'; - } - $(function() { - $("#go").click(function() { - $("#animate-color").stop().animate({ color: randomColorRGB() }, "fast"); - }); - }) - </script> - <style type="text/css"> - #animate-color { width: 250px; height: 100px; color: gray; } - </style> -</head> -<body> - -<div id="animate-color">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</div> - -<button id="go">Go</button> - -</body> -</html> diff --git a/tests/visual/mouse/mouse_ticket_6946.html b/tests/visual/mouse/mouse_ticket_6946.html deleted file mode 100644 index d8d99ef99..000000000 --- a/tests/visual/mouse/mouse_ticket_6946.html +++ /dev/null @@ -1,67 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset=utf-8 /> - <title>Test for Issue #6946</title> - <link rel="stylesheet" href="../all.css" type="text/css"> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" /> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.sortable.js"></script> - <style type="text/css" media="screen"> - - body { - background: white; - font-size: 90%; - } - .error { - color: #f55; - font-style: italic; - } - #sortable div:hover { - cursor: move; - } - - </style> -</head> -<body> - <h1>Test for Issue #6946</h1> - <p>Use the following list to test the steps listed below:</p> - <div id="sortable"> - <div>One</div> - <div>Two</div> - <div>Three</div> - </div> - <div id="events"></div> - <h2>Expected</h2> - <ol> - <li>Drag an item to a new position in the list and release.</li> - <li>The click event should be received (appropriately suppressed by jQuery UI).</li> - <li>Click the same item.</li> - <li>The click event should be received.</li> - <li>Click the same item again.</li> - <li>The click event should be received.</li> - </ol> - <h2>Experienced (Gecko/Opera)</h2> - <ol> - <li>Drag an item to a new position in the list and release.</li> - <li>The click event is not received <em>(never sent by browser)</em>.</li> - <li>Click the same item.</li> - <li class="error">The click event is not received (erroneously suppressed by jQuery UI).</li> - <li>Click the same item again.</li> - <li>The click event is finally received.</li> - </ol> - <script type="text/javascript"> - - $(function () { - $('#sortable').sortable(); - $('#sortable').bind('click', function () { - $('#events').append('Click event received!<br />'); - }); - }); - - </script> -</body> -</html>
\ No newline at end of file diff --git a/tests/visual/slider/slider.html b/tests/visual/slider/slider.html deleted file mode 100644 index 816a5e620..000000000 --- a/tests/visual/slider/slider.html +++ /dev/null @@ -1,24 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Default</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("#slider1").slider(); - }); - </script> -</head> -<body> - -<div id="slider1"></div> - -</body> -</html> diff --git a/tests/visual/slider/slider_horizontal.html b/tests/visual/slider/slider_horizontal.html deleted file mode 100644 index 1bc971e08..000000000 --- a/tests/visual/slider/slider_horizontal.html +++ /dev/null @@ -1,27 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider horizontal</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("body").children(":first").slider({ - orientation: 'horizontal', - value: 50 - }); - }); - </script> -</head> -<body> - -<div></div> - -</body> -</html> diff --git a/tests/visual/slider/slider_horizontal_range.html b/tests/visual/slider/slider_horizontal_range.html deleted file mode 100644 index 3b3d60f03..000000000 --- a/tests/visual/slider/slider_horizontal_range.html +++ /dev/null @@ -1,28 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider horizontal range</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("body").children(":first").slider({ - orientation: 'horizontal', - range: true, - values: [25, 75] - }); - }); - </script> -</head> -<body> - -<div></div> - -</body> -</html> diff --git a/tests/visual/slider/slider_horizontal_range_max.html b/tests/visual/slider/slider_horizontal_range_max.html deleted file mode 100644 index 2e52ff0aa..000000000 --- a/tests/visual/slider/slider_horizontal_range_max.html +++ /dev/null @@ -1,28 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider horizontal range max</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("body").children(":first").slider({ - orientation: 'horizontal', - range: 'max', - value: 75 - }); - }); - </script> -</head> -<body> - -<div></div> - -</body> -</html> diff --git a/tests/visual/slider/slider_horizontal_range_min.html b/tests/visual/slider/slider_horizontal_range_min.html deleted file mode 100644 index 7e98fb0c7..000000000 --- a/tests/visual/slider/slider_horizontal_range_min.html +++ /dev/null @@ -1,28 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider horizontal range min</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("body").children(":first").slider({ - orientation: 'horizontal', - range: 'min', - value: 25 - }); - }); - </script> -</head> -<body> - -<div></div> - -</body> -</html> diff --git a/tests/visual/slider/slider_in_container_with_scrollbars.html b/tests/visual/slider/slider_in_container_with_scrollbars.html deleted file mode 100644 index bf5723373..000000000 --- a/tests/visual/slider/slider_in_container_with_scrollbars.html +++ /dev/null @@ -1,43 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider in container with scrollbars</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("#slider").slider({ value: 50 }); - }); - </script> -</head> -<body> - -<h1> -TEST: press UP, DOWN, LEFT, RIGHT, HOME, END on a slider which is inside a container with scrollbars. -</h1> - -<div style="width: 200px; height: 150px; overflow:scroll;"> - -<div style="width: 220px; height: 180px;"> - -<div style="width: 100px; margin-left: 40px; margin-top: 60px;" id="slider"></div> - -</div> - -</div> - -<h2> -ASSERT: the scrollbars do not move when the focus is on the slider handle and an arrow key or HOME or END are pressed. -</h2> -<h2> -ASSERT: the scrollbars move when the focus is not on the slider handle and an arrow key or HOME or END are pressed. -</h2> - -</body> -</html> diff --git a/tests/visual/slider/slider_method_destroy.html b/tests/visual/slider/slider_method_destroy.html deleted file mode 100644 index 5f71871b9..000000000 --- a/tests/visual/slider/slider_method_destroy.html +++ /dev/null @@ -1,28 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider method destroy</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("#slider").slider({ - range: true, - values: [25, 75] - }); - $("#slider").slider("destroy"); - }); - </script> -</head> -<body> - -<div id="slider"></div> - -</body> -</html> diff --git a/tests/visual/slider/slider_method_disable.html b/tests/visual/slider/slider_method_disable.html deleted file mode 100644 index e060ebd70..000000000 --- a/tests/visual/slider/slider_method_disable.html +++ /dev/null @@ -1,47 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider method disable</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("#slider").slider({ - range: true, - values: [25, 75] - }); - $("#slider").slider("disable"); - $(".hover").disableSelection().addClass("ui-corner-all"); - $("#hover-enable").mouseover(function() { - $("#slider").slider("enable"); - }); - $("#hover-disable").mouseover(function() { - $("#slider").slider("disable"); - }); - }); - </script> - <style type="text/css"> - .hover { width: 250px; height: 75px; color: white; font-size: 3em; text-align: center; line-height: 2.5em; cursor: default; margin: 1em 1em 0 0; float: left; } - #hover-enable { background: #4e9a06; } - #hover-disable { background: #cc0000; } - </style> -</head> -<body> - -<a href="#">tab before</a> -<div id="slider"></div> -<a href="#">tab after</a> - -<hr style="margin-top:100px;"/> - -<div id="hover-enable" class="hover">hover to enable</div> -<div id="hover-disable" class="hover">hover to disable</div> - -</body> -</html> diff --git a/tests/visual/slider/slider_option_animate_false.html b/tests/visual/slider/slider_option_animate_false.html deleted file mode 100644 index 2724278db..000000000 --- a/tests/visual/slider/slider_option_animate_false.html +++ /dev/null @@ -1,26 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider option animate false</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("#slider").slider({ - animate: false - }); - }); - </script> -</head> -<body> - -<div id="slider"></div> - -</body> -</html> diff --git a/tests/visual/slider/slider_option_animate_true.html b/tests/visual/slider/slider_option_animate_true.html deleted file mode 100644 index b9c0a50ee..000000000 --- a/tests/visual/slider/slider_option_animate_true.html +++ /dev/null @@ -1,65 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider option animate true</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - - <style type="text/css"> - fieldset { padding: 1em; margin: 1em; } - legend { font-size: 1.3em; font-family: monospace; font-weight: bold; } - #slider1 { margin: 1em; } - #slider2 { margin: 1em; height: 400px; } - </style> - - <script type="text/javascript"> - $(function() { - $("#slider1").slider({ - animate: true, - step: 10 - }); - $("#slider2").slider({ - animate: true, - orientation: 'vertical', - step: 5, - values: [5, 15, 35, 75] - }); - }); - </script> -</head> -<body> - -<fieldset> - <legend>$("#slider1").slider({ - animate: true, - step: 10 - });</legend> -<div id="slider1"></div> -<button onclick="$('#slider1').slider('value', 15);">method value: 15</button> -<button onclick="$('#slider1').slider('value', 75);">method value: 75</button> -<button onclick="$('#slider1').slider('option', 'value', 25);">option value: 25</button> -<button onclick="$('#slider1').slider('option', 'value', 85);">option value: 85</button> -</fieldset> - -<fieldset> - <legend>$("#slider2").slider({ - animate: true, - orientation: 'vertical', - step: 5, - values: [5, 15, 35, 75] - });</legend> -<div id="slider2"></div> -<button onclick="$('#slider2').slider('values', [10, 20, 30, 40]);">method values: [10, 20, 30, 40]</button> -<button onclick="$('#slider2').slider('values', [80, 70, 60, 50]);">method values: [80, 70, 60, 50]</button> -<button onclick="$('#slider2').slider('option', 'values', [20, 30, 40, 50]);">option values: [20, 30, 40, 50]</button> -<button onclick="$('#slider2').slider('option', 'values', [90, 80, 70, 60]);">option values: [90, 80, 70, 60]</button> -</fieldset> - -</body> -</html> diff --git a/tests/visual/slider/slider_option_max_3.html b/tests/visual/slider/slider_option_max_3.html deleted file mode 100644 index 7ef05e009..000000000 --- a/tests/visual/slider/slider_option_max_3.html +++ /dev/null @@ -1,26 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider option max 3</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("#slider").slider({ - max: 3 - }); - }); - </script> -</head> -<body> - -<div id="slider"></div> - -</body> -</html> diff --git a/tests/visual/slider/slider_option_max_30.html b/tests/visual/slider/slider_option_max_30.html deleted file mode 100644 index 7c0203764..000000000 --- a/tests/visual/slider/slider_option_max_30.html +++ /dev/null @@ -1,26 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider option max 30</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("#slider").slider({ - max: 30 - }); - }); - </script> -</head> -<body> - -<div id="slider"></div> - -</body> -</html> diff --git a/tests/visual/slider/slider_option_max_300.html b/tests/visual/slider/slider_option_max_300.html deleted file mode 100644 index df5d13ea4..000000000 --- a/tests/visual/slider/slider_option_max_300.html +++ /dev/null @@ -1,26 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider option max 300</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("#slider").slider({ - max: 300 - }); - }); - </script> -</head> -<body> - -<div id="slider"></div> - -</body> -</html> diff --git a/tests/visual/slider/slider_option_min_-3.html b/tests/visual/slider/slider_option_min_-3.html deleted file mode 100644 index 512d8312c..000000000 --- a/tests/visual/slider/slider_option_min_-3.html +++ /dev/null @@ -1,27 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider option min -3</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("#slider").slider({ - min: -3, - max: 0 - }); - }); - </script> -</head> -<body> - -<div id="slider"></div> - -</body> -</html> diff --git a/tests/visual/slider/slider_option_min_-30.html b/tests/visual/slider/slider_option_min_-30.html deleted file mode 100644 index 7f68b5b42..000000000 --- a/tests/visual/slider/slider_option_min_-30.html +++ /dev/null @@ -1,27 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider option min -30</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("#slider").slider({ - min: -30, - max: 0 - }); - }); - </script> -</head> -<body> - -<div id="slider"></div> - -</body> -</html> diff --git a/tests/visual/slider/slider_option_min_-300.html b/tests/visual/slider/slider_option_min_-300.html deleted file mode 100644 index 0aa6db165..000000000 --- a/tests/visual/slider/slider_option_min_-300.html +++ /dev/null @@ -1,27 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider option min -300</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("#slider").slider({ - min: -300, - max: 0 - }); - }); - </script> -</head> -<body> - -<div id="slider"></div> - -</body> -</html> diff --git a/tests/visual/slider/slider_option_orientation_horizontal.html b/tests/visual/slider/slider_option_orientation_horizontal.html deleted file mode 100644 index a2d61bea9..000000000 --- a/tests/visual/slider/slider_option_orientation_horizontal.html +++ /dev/null @@ -1,26 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider option orientation 'horizontal'</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("#slider").slider({ - orientation: 'horizontal' - }); - }); - </script> -</head> -<body> - -<div id="slider"></div> - -</body> -</html> diff --git a/tests/visual/slider/slider_option_orientation_vertical.html b/tests/visual/slider/slider_option_orientation_vertical.html deleted file mode 100644 index 8b521d70e..000000000 --- a/tests/visual/slider/slider_option_orientation_vertical.html +++ /dev/null @@ -1,26 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider option orientation 'vertical'</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("#slider").slider({ - orientation: 'vertical' - }); - }); - </script> -</head> -<body> - -<div id="slider"></div> - -</body> -</html> diff --git a/tests/visual/slider/slider_option_range_false.html b/tests/visual/slider/slider_option_range_false.html deleted file mode 100644 index 3c8566de7..000000000 --- a/tests/visual/slider/slider_option_range_false.html +++ /dev/null @@ -1,27 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider option range false</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("#slider").slider({ - range: false, - value: 50 - }); - }); - </script> -</head> -<body> - -<div id="slider"></div> - -</body> -</html> diff --git a/tests/visual/slider/slider_option_range_max.html b/tests/visual/slider/slider_option_range_max.html deleted file mode 100644 index be863f08f..000000000 --- a/tests/visual/slider/slider_option_range_max.html +++ /dev/null @@ -1,27 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider option range 'max'</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("#slider").slider({ - range: 'max', - value: 40 - }); - }); - </script> -</head> -<body> - -<div id="slider"></div> - -</body> -</html> diff --git a/tests/visual/slider/slider_option_range_min.html b/tests/visual/slider/slider_option_range_min.html deleted file mode 100644 index 288a7b088..000000000 --- a/tests/visual/slider/slider_option_range_min.html +++ /dev/null @@ -1,27 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider option range 'min'</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("#slider").slider({ - range: 'min', - value: 60 - }); - }); - </script> -</head> -<body> - -<div id="slider"></div> - -</body> -</html> diff --git a/tests/visual/slider/slider_option_range_true.html b/tests/visual/slider/slider_option_range_true.html deleted file mode 100644 index d1d4ffe74..000000000 --- a/tests/visual/slider/slider_option_range_true.html +++ /dev/null @@ -1,27 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider option range true</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("#slider").slider({ - range: true, - values: [25, 75] - }); - }); - </script> -</head> -<body> - -<div id="slider"></div> - -</body> -</html> diff --git a/tests/visual/slider/slider_option_step_25.html b/tests/visual/slider/slider_option_step_25.html deleted file mode 100644 index a55fe1cba..000000000 --- a/tests/visual/slider/slider_option_step_25.html +++ /dev/null @@ -1,26 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider option step 25</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("#slider").slider({ - step: 25 - }); - }); - </script> -</head> -<body> - -<div id="slider"></div> - -</body> -</html> diff --git a/tests/visual/slider/slider_option_step_5.html b/tests/visual/slider/slider_option_step_5.html deleted file mode 100644 index 3099d0082..000000000 --- a/tests/visual/slider/slider_option_step_5.html +++ /dev/null @@ -1,26 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider option step 5</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("#slider").slider({ - step: 5 - }); - }); - </script> -</head> -<body> - -<div id="slider"></div> - -</body> -</html> diff --git a/tests/visual/slider/slider_option_value_3.html b/tests/visual/slider/slider_option_value_3.html deleted file mode 100644 index e1531a27b..000000000 --- a/tests/visual/slider/slider_option_value_3.html +++ /dev/null @@ -1,26 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider option value 3</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("#slider").slider({ - value: 3 - }); - }); - </script> -</head> -<body> - -<div id="slider"></div> - -</body> -</html> diff --git a/tests/visual/slider/slider_option_value_30.html b/tests/visual/slider/slider_option_value_30.html deleted file mode 100644 index 42d76332d..000000000 --- a/tests/visual/slider/slider_option_value_30.html +++ /dev/null @@ -1,26 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider option value 30</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("#slider").slider({ - value: 30 - }); - }); - </script> -</head> -<body> - -<div id="slider"></div> - -</body> -</html> diff --git a/tests/visual/slider/slider_option_values_25_50_75.html b/tests/visual/slider/slider_option_values_25_50_75.html deleted file mode 100644 index 30ca81d6e..000000000 --- a/tests/visual/slider/slider_option_values_25_50_75.html +++ /dev/null @@ -1,26 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider option values 25 50 75</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("#slider").slider({ - values: [25, 50, 75] - }); - }); - </script> -</head> -<body> - -<div id="slider"></div> - -</body> -</html> diff --git a/tests/visual/slider/slider_option_values_25_75.html b/tests/visual/slider/slider_option_values_25_75.html deleted file mode 100644 index 8181e4b6e..000000000 --- a/tests/visual/slider/slider_option_values_25_75.html +++ /dev/null @@ -1,26 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider option values 25 75</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("#slider").slider({ - values: [25, 75] - }); - }); - </script> -</head> -<body> - -<div id="slider"></div> - -</body> -</html> diff --git a/tests/visual/slider/slider_option_values_50.html b/tests/visual/slider/slider_option_values_50.html deleted file mode 100644 index 898ff097f..000000000 --- a/tests/visual/slider/slider_option_values_50.html +++ /dev/null @@ -1,26 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider option values 50</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("#slider").slider({ - values: [50] - }); - }); - </script> -</head> -<body> - -<div id="slider"></div> - -</body> -</html> diff --git a/tests/visual/slider/slider_ticket_3736.html b/tests/visual/slider/slider_ticket_3736.html deleted file mode 100644 index 29e784cdb..000000000 --- a/tests/visual/slider/slider_ticket_3736.html +++ /dev/null @@ -1,36 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider ticket #3736</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("#slider").slider({ - values: [25, 50, 75] - }); - }); - </script> -</head> -<body> - -<h1 class="ui-widget-header"><a href="http://dev.jqueryui.com/ticket/3736">#3736 - Some handles get stuck when using two or more handles</a></h1> - -<h2> -TEST: Move all three handles with the mouse and the keyboard. -</h2> - -<div id="slider"></div> - -<h3> -ASSERT: Each handle can be moved along the full slider, not restricted by value of other handle(s). -</h3> - -</body> -</html> diff --git a/tests/visual/slider/slider_ticket_3762.html b/tests/visual/slider/slider_ticket_3762.html deleted file mode 100644 index 9130d7870..000000000 --- a/tests/visual/slider/slider_ticket_3762.html +++ /dev/null @@ -1,44 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider ticket #3762</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("#slider").slider({ values: [5,0], range: true}); - $("#slider1").slider({ values: [-1,5], range: true}); - $("#slider2").slider({ values: [5,200], range: true}); - $("#slider3").slider({ values: [5,0], range: true}); - $("#slider4").slider({range: true}); - }); - </script> -</head> -<body> - -<h1 class="ui-widget-header"><a href="http://dev.jqueryui.com/ticket/3762">#3762 - slider handles not restricted properly when set programmatically</a></h1> - -<div id="slider"></div> - -<div>- if less than min, set to min</div> -<div id="slider1"></div> - -<div>- if greater than max, set to max</div> -<div id="slider2"></div> - -<div>- if less than previous handle value, set to previous handle value</div> -<div id="slider3"></div> - -<div>no values set</div> -<div id="slider4"></div> - - - -</body> -</html> diff --git a/tests/visual/slider/slider_ticket_4385.html b/tests/visual/slider/slider_ticket_4385.html deleted file mode 100644 index 736e0164e..000000000 --- a/tests/visual/slider/slider_ticket_4385.html +++ /dev/null @@ -1,42 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider ticket #4385</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("#slider").slider({ - range: true, - min: 0, - max: 500, - values: [75, 300], - slide: function(event, ui) { - var minMet = ((ui.values[1] - ui.values[0]) > 50); - minMet && $("#rangevalue").text(ui.values[0] + ' - ' + ui.values[1]); - return minMet; - } - }); - $("#rangevalue").text($("#slider").slider("values", 0) + ' - ' + $("#slider").slider("values", 1)); - }); - </script> -</head> -<body> - -<h1 class="ui-widget-header"><a href="http://dev.jqueryui.com/ticket/4385">#4385 - event slide callback returning false can lead to stuck range handles</a></h1> - -<p> -<label for="rangevalue">Price range:</label> -<span id="rangevalue"></span> -</p> - -<div id="slider"></div> - -</body> -</html> diff --git a/tests/visual/slider/slider_ticket_4467.html b/tests/visual/slider/slider_ticket_4467.html deleted file mode 100644 index 16fe470e2..000000000 --- a/tests/visual/slider/slider_ticket_4467.html +++ /dev/null @@ -1,34 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider ticket #4467</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("#slider").slider({ - range: true, - values: [25, 75] - }); - }); - </script> - <style type="text/css"> - .ui-slider-handle { - width: 100px !important; - } - </style> -</head> -<body> - -<h1 class="ui-widget-header"><a href="http://dev.jqueryui.com/ticket/4467">#4467 - slider handle jumps few pixels right or left if it's clicked on it</a></h1> - -<div id="slider"></div> - -</body> -</html> diff --git a/tests/visual/slider/slider_vertical.html b/tests/visual/slider/slider_vertical.html deleted file mode 100644 index e920a5ff0..000000000 --- a/tests/visual/slider/slider_vertical.html +++ /dev/null @@ -1,27 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider vertical</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("body").children(":first").slider({ - orientation: 'vertical', - value: 50 - }); - }); - </script> -</head> -<body> - -<div></div> - -</body> -</html> diff --git a/tests/visual/slider/slider_vertical_range.html b/tests/visual/slider/slider_vertical_range.html deleted file mode 100644 index 0b5c832ad..000000000 --- a/tests/visual/slider/slider_vertical_range.html +++ /dev/null @@ -1,28 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider vertical range</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("body").children(":first").slider({ - orientation: 'vertical', - range: true, - values: [25, 75] - }); - }); - </script> -</head> -<body> - -<div></div> - -</body> -</html> diff --git a/tests/visual/slider/slider_vertical_range_max.html b/tests/visual/slider/slider_vertical_range_max.html deleted file mode 100644 index bdf943a38..000000000 --- a/tests/visual/slider/slider_vertical_range_max.html +++ /dev/null @@ -1,28 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider vertical range max</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("body").children(":first").slider({ - orientation: 'vertical', - range: 'max', - value: 75 - }); - }); - </script> -</head> -<body> - -<div></div> - -</body> -</html> diff --git a/tests/visual/slider/slider_vertical_range_min.html b/tests/visual/slider/slider_vertical_range_min.html deleted file mode 100644 index d05d9b0c6..000000000 --- a/tests/visual/slider/slider_vertical_range_min.html +++ /dev/null @@ -1,28 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Visual Test : Slider vertical range min</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script> - <script type="text/javascript"> - $(function() { - $("body").children(":first").slider({ - orientation: 'vertical', - range: 'min', - value: 25 - }); - }); - </script> -</head> -<body> - -<div></div> - -</body> -</html> diff --git a/tests/visual/spinner/spinner.html b/tests/visual/spinner/spinner.html deleted file mode 100644 index 0711b4e2b..000000000 --- a/tests/visual/spinner/spinner.html +++ /dev/null @@ -1,43 +0,0 @@ -<!doctype html>
-<html lang="en">
-<head>
- <title>Spinner Visual Test Page</title>
- <link rel="stylesheet" href="../visual.css" type="text/css" />
- <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" title="ui-theme" />
- <script type="text/javascript" src="../../../jquery-1.6.2.js"></script>
- <script type="text/javascript" src="../../../external/jquery.mousewheel-3.0.4.js"></script>
- <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
- <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
- <script type="text/javascript" src="../../../ui/jquery.ui.button.js"></script>
- <script type="text/javascript" src="../../../ui/jquery.ui.spinner.js"></script>
- <script type="text/javascript" src="http://jqueryui.com/themeroller/themeswitchertool/"></script>
- <script type="text/javascript">
- $(function() {
- $.fn.themeswitcher && $('<div/>').css({
- position: "absolute",
- right: 10,
- top: 10
- }).appendTo(document.body).themeswitcher();
-
- $('#spinner').spinner({
- start: function(event, ui) {
- console.log(event.type, ui.value, $(this).spinner("value"));
- },
- spin: function(event, ui) {
- console.log(event.type, ui.value, $(this).spinner("value"));
- },
- stop: function(event) {
- console.log(event.type, $(this).spinner("value"));
- },
- change: function(event) {
- console.log(event.type, $(this).spinner("value"));
- }
- });
- });
- </script>
-</head>
-<body>
-
-<p><label for="spinner">Basic with event callbacks:</label> <input id="spinner"></p>
-</body>
-</html>
\ No newline at end of file |