Skip to content
Permalink
Browse files

Compound visual tests: Cleanup.

  • Loading branch information
scottgonzalez committed May 8, 2012
1 parent 730e345 commit fa44e5101689bd19fc265160ac6b1a356167b922

This file was deleted.

@@ -1,19 +1,19 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta charset="utf-8">
<title>Compound Visual Test : Accordion in Tabs</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.7.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.accordion.js"></script>
<script type="text/javascript" src="../../../ui/jquery.ui.tabs.js"></script>
<script type="text/javascript">
<link rel="stylesheet" href="../visual.css">
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
<script src="../../../jquery-1.7.2.js"></script>
<script src="../../../ui/jquery.ui.core.js"></script>
<script src="../../../ui/jquery.ui.widget.js"></script>
<script src="../../../ui/jquery.ui.accordion.js"></script>
<script src="../../../ui/jquery.ui.tabs.js"></script>
<script>
$(function() {
$('#tabs').tabs();
$('#accordion-1, #accordion-2').accordion();
$( "#accordion-1, #accordion-2" ).accordion();
$( "#tabs" ).tabs();
});
</script>
</head>
@@ -26,23 +26,23 @@
</ul>
<div id="tabs-1">
<div id="accordion-1">
<h3><a href="#">Accordion Header 1</a></h3>
<h3>Accordion Header 1</h3>
<div>
<p>Accordion Content 1</p>
<p>Accordion Content 1</p>
<p>Accordion Content 1</p>
<p>Accordion Content 1</p>
<p>Accordion Content 1</p>
</div>
<h3><a href="#">Accordion Header 2</a></h3>
<h3>Accordion Header 2</h3>
<div>
<p>Accordion Content 2</p>
<p>Accordion Content 2</p>
<p>Accordion Content 2</p>
<p>Accordion Content 2</p>
<p>Accordion Content 2</p>
</div>
<h3><a href="#">Accordion Header 3</a></h3>
<h3>Accordion Header 3</h3>
<div>
<p>Accordion Content 3</p>
<p>Accordion Content 3</p>
@@ -54,23 +54,23 @@ <h3><a href="#">Accordion Header 3</a></h3>
</div>
<div id="tabs-2">
<div id="accordion-2">
<h3><a href="#">Accordion Header 1</a></h3>
<h3>Accordion Header 1</h3>
<div>
<p>Accordion Content 1</p>
<p>Accordion Content 1</p>
<p>Accordion Content 1</p>
<p>Accordion Content 1</p>
<p>Accordion Content 1</p>
</div>
<h3><a href="#">Accordion Header 2</a></h3>
<h3>Accordion Header 2</h3>
<div>
<p>Accordion Content 2</p>
<p>Accordion Content 2</p>
<p>Accordion Content 2</p>
<p>Accordion Content 2</p>
<p>Accordion Content 2</p>
</div>
<h3><a href="#">Accordion Header 3</a></h3>
<h3>Accordion Header 3</h3>
<div>
<p>Accordion Content 3</p>
<p>Accordion Content 3</p>

Large diffs are not rendered by default.

@@ -0,0 +1,101 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Compound Visual Test : All Widgets in Dialog</title>
<link rel="stylesheet" href="../visual.css">
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
<script src="../../../jquery-1.7.2.js"></script>
<script src="../../../ui/jquery.ui.core.js"></script>
<script src="../../../ui/jquery.ui.widget.js"></script>
<script src="../../../ui/jquery.ui.mouse.js"></script>
<script src="../../../ui/jquery.ui.position.js"></script>
<script src="../../../ui/jquery.ui.menu.js"></script>
<script src="../../../ui/jquery.ui.resizable.js"></script>
<script src="../../../ui/jquery.ui.draggable.js"></script>
<script src="../../../ui/jquery.ui.accordion.js"></script>
<script src="../../../ui/jquery.ui.autocomplete.js"></script>
<script src="../../../ui/jquery.ui.button.js"></script>
<script src="../../../ui/jquery.ui.datepicker.js"></script>
<script src="../../../ui/jquery.ui.dialog.js"></script>
<script src="../../../ui/jquery.ui.progressbar.js"></script>
<script src="../../../ui/jquery.ui.slider.js"></script>
<script src="../../../ui/jquery.ui.tabs.js"></script>
<script src="../../../ui/jquery.ui.tooltip.js"></script>
<script>
$(function() {
$( "[title]" ).tooltip();
$( "#accordion" ).accordion();
$( "#autocomplete" ).autocomplete({
source: [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "perl" ]
});
$( "button" ).button().click(function() {
$( "#dialog2" ).dialog( "open" );
});
$( "#datepicker" ).datepicker();
$( "#progressbar" ).progressbar({
value: 30
});
$( "#slider" ).slider({
animate: true,
value: 30,
slide: function(event, ui) {
$( "#progress" ).val( ui.value );
$( "#progressbar" ).progressbar( "option", "value", ui.value );
}
});
$( "#tabs" ).tabs();
$( "#dialog" ).dialog();
$( "#dialog2" ).dialog({
autoOpen: false,
width: 100,
height: 75,
modal: true
});
});
</script>
</head>
<body>

<div id="dialog">
<div id="accordion">
<h3>Accordion Header 1</h3>
<div>
Accordion Content 1
</div>
<h3>Accordion Header 2</h3>
<div>
Accordion Content 2
</div>
<h3>Accordion Header 3</h3>
<div>
Accordion Content 3
</div>
</div>
<input id="autocomplete">
<button>A Button</button>
<input id="datepicker">
<button>Another button</button>
<div>
<label for="progress">Progress: <input title="The progress we made so far" id="progress"></label>
</div>
<div id="progressbar">
</div>
<div id="slider" title="Sliding progress..."></div>
<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.</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>
</div>
<div id="dialog2">
Yay, another dialog.
</div>

</body>
</html>
@@ -1,25 +1,24 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta charset="utf-8">
<title>Compound Visual Test : Draggable in Accordion</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.7.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.accordion.js"></script>
<script type="text/javascript" src="../../../ui/jquery.ui.draggable.js"></script>
<style type="text/css">
<link rel="stylesheet" href="../visual.css">
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
<script src="../../../jquery-1.7.2.js"></script>
<script src="../../../ui/jquery.ui.core.js"></script>
<script src="../../../ui/jquery.ui.widget.js"></script>
<script src="../../../ui/jquery.ui.mouse.js"></script>
<script src="../../../ui/jquery.ui.accordion.js"></script>
<script src="../../../ui/jquery.ui.draggable.js"></script>
<style>
.draggable {
width: 10em;
margin: 0.5em;
}
</style>
<script type="text/javascript">
<script>
$(function() {
$( "#accordion" ).accordion();
$( ".draggable" ).addClass( "ui-widget ui-widget-content ui-corner-all" )
$( "#first .draggable" ).draggable();
$( "#second .draggable" ).draggable({
@@ -29,29 +28,30 @@
helper: "clone",
appendTo: "body"
});
$( "#accordion" ).accordion();
});
</script>
</head>
<body>

<div id="accordion">
<h3><a href="#">.draggable()</a></h3>
<h3>.draggable()</h3>
<div id="first">
<div class="draggable">Draggable 1-1</div>
<div class="draggable">Draggable 1-2</div>
<div class="draggable">Draggable 1-3</div>
<div class="draggable">Draggable 1-4</div>
<div class="draggable">Draggable 1-5</div>
</div>
<h3><a href="#">.draggable({ appendTo: "body" })</a></h3>
<h3>.draggable({ appendTo: "body" })</h3>
<div id="second">
<div class="draggable">Draggable 2-1</div>
<div class="draggable">Draggable 2-2</div>
<div class="draggable">Draggable 2-3</div>
<div class="draggable">Draggable 2-4</div>
<div class="draggable">Draggable 2-5</div>
</div>
<h3><a href="#">.draggable({ helper: "clone", appendTo: "body" })</a></h3>
<h3>.draggable({ helper: "clone", appendTo: "body" })</h3>
<div id="third">
<div class="draggable">Draggable 3-1</div>
<div class="draggable">Draggable 3-2</div>
@@ -1,18 +1,18 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta charset="utf-8">
<title>Compound Visual Test : Draggable in Accordion</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.7.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.accordion.js"></script>
<script type="text/javascript" src="../../../ui/jquery.ui.draggable.js"></script>
<script type="text/javascript" src="../../../ui/jquery.ui.tabs.js"></script>
<style type="text/css">
<link rel="stylesheet" href="../visual.css">
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
<script src="../../../jquery-1.7.2.js"></script>
<script src="../../../ui/jquery.ui.core.js"></script>
<script src="../../../ui/jquery.ui.widget.js"></script>
<script src="../../../ui/jquery.ui.mouse.js"></script>
<script src="../../../ui/jquery.ui.accordion.js"></script>
<script src="../../../ui/jquery.ui.draggable.js"></script>
<script src="../../../ui/jquery.ui.tabs.js"></script>
<style>
#main-draggable {
width: 300px;
position: absolute;
@@ -27,22 +27,20 @@
margin: 0.5em;
}
</style>
<script type="text/javascript">
<script>
$(function() {
$( ".draggable" ).addClass( "ui-widget ui-widget-content ui-corner-all" )
$( ".draggable" ).draggable({
helper: "clone",
appendTo: "body"
});
// PROBLEM: nested accordions must be initialized before outer accordion
$( ".draggable" )
.addClass( "ui-widget ui-widget-content ui-corner-all" )
.draggable({
helper: "clone",
appendTo: "body"
});
$( "#accordion > div" ).accordion();
$( "#accordion" ).accordion();
// PROBLEM: nested widgets must be initialized before tabs
$( "#tabs" ).tabs();
$( "#main-draggable" ).draggable({
handle: "#main-draggable-handle"
});
@@ -62,17 +60,17 @@
</div>
<div id="tabs-2">
<div id="accordion">
<h3><a>Accordion Group 1</a></h3>
<h3>Accordion Group 1</h3>
<div id="accordion-1-1">
<h3><a href="#">Header 1-1</a></h3>
<h3>Header 1-1</h3>
<div>
<div class="draggable">Draggable 1-1</div>
<div class="draggable">Draggable 1-2</div>
<div class="draggable">Draggable 1-3</div>
<div class="draggable">Draggable 1-4</div>
<div class="draggable">Draggable 1-5</div>
</div>
<h3><a href="#">Header 1-2</a></h3>
<h3>Header 1-2</h3>
<div>
<div class="draggable">Draggable 2-1</div>
<div class="draggable">Draggable 2-2</div>
@@ -81,17 +79,17 @@ <h3><a href="#">Header 1-2</a></h3>
<div class="draggable">Draggable 2-5</div>
</div>
</div>
<h3><a>Accordion Group 2</a></h3>
<h3>Accordion Group 2</h3>
<div id="accordion-1-2">
<h3><a href="#">Header 2-1</a></h3>
<h3>Header 2-1</h3>
<div>
<div class="draggable">Draggable 1-1</div>
<div class="draggable">Draggable 1-2</div>
<div class="draggable">Draggable 1-3</div>
<div class="draggable">Draggable 1-4</div>
<div class="draggable">Draggable 1-5</div>
</div>
<h3><a href="#">Header 2-2</a></h3>
<h3>Header 2-2</h3>
<div>
<div class="draggable">Draggable 2-1</div>
<div class="draggable">Draggable 2-2</div>

0 comments on commit fa44e51

Please sign in to comment.
You can’t perform that action at this time.