aboutsummaryrefslogtreecommitdiffstats
path: root/tests/unit/effects/effects.html
blob: 6956ebcda21749465d6c8454c59bedb8893576a9 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>jQuery UI Core Test Suite</title>

	<script src="../../../jquery-1.5.1.js"></script>
	<script>
	$.uiBackCompat = false;
	</script>
	<script src="../../../ui/jquery.effects.core.js"></script>
	<script src="../../../ui/jquery.effects.blind.js"></script>
	<script src="../../../ui/jquery.effects.bounce.js"></script>
	<script src="../../../ui/jquery.effects.clip.js"></script>
	<script src="../../../ui/jquery.effects.drop.js"></script>
	<script src="../../../ui/jquery.effects.explode.js"></script>
	<script src="../../../ui/jquery.effects.fade.js"></script>
	<script src="../../../ui/jquery.effects.fold.js"></script>
	<script src="../../../ui/jquery.effects.highlight.js"></script>
	<script src="../../../ui/jquery.effects.pulsate.js"></script>
	<script src="../../../ui/jquery.effects.scale.js"></script>
	<script src="../../../ui/jquery.effects.shake.js"></script>
	<script src="../../../ui/jquery.effects.slide.js"></script>
	<script src="../../../ui/jquery.effects.transfer.js"></script>

	<link rel="stylesheet" href="../../../external/qunit.css">
	<script src="../../../external/qunit.js"></script>
	<script src="../../jquery.simulate.js"></script>
	<script src="../testsuite.js"></script>
	<script src="effects_core.js"></script>
            
	<script src="../swarminject.js"></script>

	<style type="text/css">
		.hidden {
			display: none;
		}
		.test {
			background: #000;
			border: 0;
			width: 100px;
			height: 100px;
		}
		.testAddBorder {
			border: 10px solid #000;
		}
		.testChildren,
		.testChangeBackground {
			background: #fff;
		}
		.test h2 {
			font-size: 10px;
		}
		.testChildren h2 {
			font-size: 20px;
		}
		
		.relWidth {
			width: 50%;
		}

		.relHeight {
			height: 50%;
		}
	</style>
</head>
<body>

<h1 id="qunit-header">jQuery UI Effects Test Suite</h1>
<h2 id="qunit-banner"></h2>
<div id="qunit-testrunner-toolbar"></div>
<h2 id="qunit-userAgent"></h2>
<ol id="qunit-tests">
</ol>

<div id="qunit-fixture">
	<div class="hidden test"></div>
	<div class="animateClass test">
		<h2>Child Element Test</h2>
	</div>
	<div class="relWidth relHeight testAddBorder">
		<h2>Slide with relative width</d2>
	</div>
</div>

</body>
</html>