jquery-ui/tests/unit/effects/effects.html

<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>jQuery UI Effects Test Suite</title>

	<script src="../../jquery.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>
	TestHelpers.loadResources({
		js: [
			"ui/effect.js",
			"ui/effect-blind.js",
			"ui/effect-bounce.js",
			"ui/effect-clip.js",
			"ui/effect-drop.js",
			"ui/effect-explode.js",
			"ui/effect-fade.js",
			"ui/effect-fold.js",
			"ui/effect-highlight.js",
			"ui/effect-puff.js",
			"ui/effect-pulsate.js",
			"ui/effect-scale.js",
			"ui/effect-shake.js",
			"ui/effect-size.js",
			"ui/effect-slide.js",
			"ui/effect-transfer.js"
		]
	});
	</script>

	<script src="effects_core.js"></script>
	<script src="effects_scale.js"></script>

	<script src="../swarminject.js"></script>
	<style>
	#qunit-fixture {
		width: 1000px;
		height: 1000px;
	}
	.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%;
	}

	.testScale {
		border: 5px solid #000;
		padding: 5px;
		margin: 5px;
		width: 50px;
		height: 50px;
	}

	.ticket7106 {
		width: 50px;
		height: 50px;
	}
	.ticket7106.animate {
		width: 100px;
	}

	</style>
</head>
<body>

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

</div>
</body>
</html>
unit tests: updating unit test boilerplate for effects 2011-03-29 20:57:42 +00:00			`<!doctype html>`
unit tests: adding an empty effects unit test page 2011-03-29 20:32:48 +00:00			`<html lang="en">`
			`<head>`
unit tests: updating unit test boilerplate for effects 2011-03-29 20:57:42 +00:00			`<meta charset="utf-8">`
Tests: Added test suites to run individual widget tests against all supported jQuery versions. 2011-08-03 00:41:50 +00:00			`<title>jQuery UI Effects Test Suite</title>`
unit tests: adding an empty effects unit test page 2011-03-29 20:32:48 +00:00
Tests: Added ability to run tests suites against different versions of jQuery core. 2011-07-28 11:34:31 +00:00			`<script src="../../jquery.js"></script>`
Tests: Moved loadResources to TestHelpers. 2012-04-23 14:43:01 +00:00			`<link rel="stylesheet" href="../../../external/qunit.css">`
			`<script src="../../../external/qunit.js"></script>`
			`<script src="../../jquery.simulate.js"></script>`
			`<script src="../testsuite.js"></script>`
Tests: Added ability to run tests against minified files via ?min=1 2011-10-28 19:58:33 +00:00			`<script>`
Tests: Moved loadResources to TestHelpers. 2012-04-23 14:43:01 +00:00			`TestHelpers.loadResources({`
Tests: Added ability to run tests against minified files via ?min=1 2011-10-28 19:58:33 +00:00			`js: [`
All: Rename all files, removing the "jquery.ui." prefix; - By executing https://gist.github.com/jzaefferer/893fcf70b7eebc1dc271; Fixes #9464 Closes gh-1029 2013-12-02 18:36:12 +00:00			`"ui/effect.js",`
			`"ui/effect-blind.js",`
			`"ui/effect-bounce.js",`
			`"ui/effect-clip.js",`
			`"ui/effect-drop.js",`
			`"ui/effect-explode.js",`
			`"ui/effect-fade.js",`
			`"ui/effect-fold.js",`
			`"ui/effect-highlight.js",`
			`"ui/effect-puff.js",`
			`"ui/effect-pulsate.js",`
			`"ui/effect-scale.js",`
			`"ui/effect-shake.js",`
			`"ui/effect-size.js",`
			`"ui/effect-slide.js",`
			`"ui/effect-transfer.js"`
Tests: Added ability to run tests against minified files via ?min=1 2011-10-28 19:58:33 +00:00			`]`
			`});`
			`</script>`
unit tests: adding an empty effects unit test page 2011-03-29 20:32:48 +00:00
unit tests: updating unit test boilerplate for effects 2011-03-29 20:57:42 +00:00			`<script src="effects_core.js"></script>`
Tests: Adding visual/unit tests for scale effect. 2011-06-14 20:11:43 +00:00			`<script src="effects_scale.js"></script>`

unit tests: updating unit test boilerplate for effects 2011-03-29 20:57:42 +00:00			`<script src="../swarminject.js"></script>`
Tests: Cleanup. 2011-08-03 21:12:44 +00:00			`<style>`
Tests: Adding visual/unit tests for scale effect. 2011-06-14 20:11:43 +00:00			`#qunit-fixture {`
			`width: 1000px;`
			`height: 1000px;`
			`}`
			`.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%;`
			`}`

			`.testScale {`
			`border: 5px solid #000;`
			`padding: 5px;`
			`margin: 5px;`
			`width: 50px;`
			`height: 50px;`
			`}`
effects.core: Convert elements height/width to px and restore after animation in all effects. Fixed #5245 - Relative width elements break when wrapped for effects 2011-06-10 01:36:48 +00:00
Effects Core: Do not overwrite css or class changes that aren't animated during class animation. Fixed #7106 - animateClass: css and class changes during animation are lost 2011-10-25 22:40:37 +00:00			`.ticket7106 {`
			`width: 50px;`
			`height: 50px;`
			`}`
			`.ticket7106.animate {`
			`width: 100px;`
			`}`

unit tests: adding an empty effects unit test page 2011-03-29 20:32:48 +00:00			`</style>`
			`</head>`
			`<body>`

Tests: Update to sane QUnit markup 2014-02-20 16:02:23 +00:00			`<div id="qunit"></div>`
unit tests: adding an empty effects unit test page 2011-03-29 20:32:48 +00:00			`<div id="qunit-fixture">`
Effects: Handle the .hide/show/toggle( options ) signatures from core properly. Fixes #9126 - .show()/.hide() do not support all of core's options. 2013-02-28 18:34:49 +00:00			`<div id="elem" class="test">`
			`</div>`
Effects: Delegate to core show/hide when the element is already in the correct final state. This forces the element to go through the olddisplay tracking and forces styles on elements even if they're hidden via an ancestor. Fixes #9120 - Effects: .hide() inconsistent with core with a hidden parent. 2013-02-26 15:36:03 +00:00			`<div class="hidden test">`
			`<div>.</div>`
			`</div>`
Tests: Cleanup. 2011-08-03 21:12:44 +00:00			`<div class="animateClass test">`
			`<h2>Child Element Test</h2>`
			`</div>`
			`<div class="relWidth relHeight testAddBorder">`
			`<h2>Slide with relative width</h2>`
			`</div>`
			`<div class="testScale">`
unit tests: adding an empty effects unit test page 2011-03-29 20:32:48 +00:00			`</div>`
Effects Core: Do not overwrite css or class changes that aren't animated during class animation. Fixed #7106 - animateClass: css and class changes during animation are lost 2011-10-25 22:40:37 +00:00			`<div class="ticket7106">`
			`</div>`
unit tests: adding an empty effects unit test page 2011-03-29 20:32:48 +00:00
Tests: Cleanup. 2011-08-03 21:12:44 +00:00			`</div>`
unit tests: adding an empty effects unit test page 2011-03-29 20:32:48 +00:00			`</body>`
			`</html>`