mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-10-05 01:44:18 +00:00
Started building compound visual tests (multiple plugins). Partial fix for #4651 - Create test pages for nested widgets.
This commit is contained in:
parent
c35ed2cab5
commit
78b2304ec1
84
tests/visual/compound/accordion_tabs.html
Normal file
84
tests/visual/compound/accordion_tabs.html
Normal file
@ -0,0 +1,84 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Compound Visual Test : Accordion in Tabs</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.3.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/ui.accordion.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/ui.tabs.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$('#tabs').tabs();
|
||||
$('#accordion-1, #accordion-2').accordion();
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="tabs">
|
||||
<ul>
|
||||
<li><a href="#tabs-1">First</a></li>
|
||||
<li><a href="#tabs-2">Second</a></li>
|
||||
</ul>
|
||||
<div id="tabs-1">
|
||||
<div id="accordion-1">
|
||||
<h3><a href="#">Accordion Header 1</a></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>
|
||||
<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>
|
||||
<div>
|
||||
<p>Accordion Content 3</p>
|
||||
<p>Accordion Content 3</p>
|
||||
<p>Accordion Content 3</p>
|
||||
<p>Accordion Content 3</p>
|
||||
<p>Accordion Content 3</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="tabs-2">
|
||||
<div id="accordion-2">
|
||||
<h3><a href="#">Accordion Header 1</a></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>
|
||||
<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>
|
||||
<div>
|
||||
<p>Accordion Content 3</p>
|
||||
<p>Accordion Content 3</p>
|
||||
<p>Accordion Content 3</p>
|
||||
<p>Accordion Content 3</p>
|
||||
<p>Accordion Content 3</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
25
tests/visual/compound/datepicker_dialog.html
Normal file
25
tests/visual/compound/datepicker_dialog.html
Normal file
@ -0,0 +1,25 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Compound Visual Test : Datepicker in Diaog</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.3.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/ui.datepicker.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/ui.dialog.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$('#dialog').dialog();
|
||||
$('#datepicker').datepicker();
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="dialog">
|
||||
<input id="datepicker">
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
52
tests/visual/compound/draggable_accordion.html
Normal file
52
tests/visual/compound/draggable_accordion.html
Normal file
@ -0,0 +1,52 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Compound Visual Test : Accordion in Tabs</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.3.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/ui.accordion.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/ui.draggable.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$('#accordion').accordion();
|
||||
$('#first .draggable').draggable();
|
||||
$('#second .draggable').draggable({
|
||||
appendTo: 'body'
|
||||
});
|
||||
$('#third .draggable').draggable();
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="accordion">
|
||||
<h3><a href="#">Accordion Header 1</a></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="#">Accordion Header 2</a></h3>
|
||||
<div id="second">
|
||||
<div class="draggable">Draggable with appendTo 2-1</div>
|
||||
<div class="draggable">Draggable with appendTo 2-2</div>
|
||||
<div class="draggable">Draggable with appendTo 2-3</div>
|
||||
<div class="draggable">Draggable with appendTo 2-4</div>
|
||||
<div class="draggable">Draggable with appendTo 2-5</div>
|
||||
</div>
|
||||
<h3><a href="#">Accordion Header 3</a></h3>
|
||||
<div id="third">
|
||||
<div class="draggable">Draggable 3-1</div>
|
||||
<div class="draggable">Draggable 3-2</div>
|
||||
<div class="draggable">Draggable 3-3</div>
|
||||
<div class="draggable">Draggable 3-4</div>
|
||||
<div class="draggable">Draggable 3-5</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
71
tests/visual/compound/tabs_tabs.html
Normal file
71
tests/visual/compound/tabs_tabs.html
Normal file
@ -0,0 +1,71 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Compound Visual Test : Accordion in Tabs</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.3.2.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/ui.core.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/ui.accordion.js"></script>
|
||||
<script type="text/javascript" src="../../../ui/ui.tabs.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$('#tabs, #tabs-a, #tabs-b').tabs();
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="tabs">
|
||||
<ul>
|
||||
<li><a href="#tabs-1">First</a></li>
|
||||
<li><a href="#tabs-2">Second</a></li>
|
||||
</ul>
|
||||
<div id="tabs-1">
|
||||
<div id="tabs-a">
|
||||
<ul>
|
||||
<li><a href="#tabs-a-1">First</a></li>
|
||||
<li><a href="#tabs-a-2">Second</a></li>
|
||||
</ul>
|
||||
<div id="tabs-a-1">
|
||||
<p>nested tabs a-1</p>
|
||||
<p>nested tabs a-1</p>
|
||||
<p>nested tabs a-1</p>
|
||||
<p>nested tabs a-1</p>
|
||||
<p>nested tabs a-1</p>
|
||||
</div>
|
||||
<div id="tabs-a-2">
|
||||
<p>nested tabs a-2</p>
|
||||
<p>nested tabs a-2</p>
|
||||
<p>nested tabs a-2</p>
|
||||
<p>nested tabs a-2</p>
|
||||
<p>nested tabs a-2</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="tabs-2">
|
||||
<div id="tabs-b">
|
||||
<ul>
|
||||
<li><a href="#tabs-b-1">First</a></li>
|
||||
<li><a href="#tabs-b-2">Second</a></li>
|
||||
</ul>
|
||||
<div id="tabs-b-1">
|
||||
<p>nested tabs b-1</p>
|
||||
<p>nested tabs b-1</p>
|
||||
<p>nested tabs b-1</p>
|
||||
<p>nested tabs b-1</p>
|
||||
<p>nested tabs b-1</p>
|
||||
</div>
|
||||
<div id="tabs-b-2">
|
||||
<p>nested tabs b-2</p>
|
||||
<p>nested tabs b-2</p>
|
||||
<p>nested tabs b-2</p>
|
||||
<p>nested tabs b-2</p>
|
||||
<p>nested tabs b-2</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in New Issue
Block a user