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

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

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

	<style>
		#main {
			width: 1000px;
			height: 1000px;
			overflow: scroll;
			overflow-x: scroll;
			overflow-y: scroll;
			position: relative;
			left: 0;
			top: 0;
		}
		#main-forceScrollable {
			position: absolute;
			left: 0;
			top: 0;
			width: 1100px;
			height: 1100px;
		}
		#scrollParent {
			width: 1200px;
			height: 1200px;
			position: relative;
			left: 0;
			top: 0;
			overflow: hidden;
			overflow-x: hidden;
			overflow-y: hidden;
		}
		#scrollParent-forceScrollable {
			position: absolute;
			left: 0;
			top: 0;
			width: 1300px;
			height: 1300px;
		}
		/* See #9077 */
		#draggable3, #draggable4 {
			z-index: 100;
		}
		.sortable {
			position: relative;
			top: 8000px;
			left: 10px;
			width: 300px;
			padding: 0;
			margin: 0;
			border: 0;
		}
		.sortable li {
			height: 100px;
			padding: 0;
			margin: 0;
			border: 0;
			list-style: none;
			display: inline-block;
		}
	</style>

	<script src="../../../external/qunit/qunit.js"></script>
	<script src="../../../external/jquery-simulate/jquery.simulate.js"></script>
	<script src="../testsuite.js"></script>
	<script src="../../../external/qunit-assert-classes/qunit-assert-classes.js"></script>
	<script>
	TestHelpers.loadResources({
		css: [ "core" ],
		js: [
			"ui/core.js",
			"ui/widget.js",
			"ui/mouse.js",
			"ui/resizable.js",
			"ui/draggable.js",
			"ui/droppable.js",
			"ui/sortable.js"
		]
	});
	</script>

	<script src="draggable_common.js"></script>
	<script src="draggable_core.js"></script>
	<script src="draggable_events.js"></script>
	<script src="draggable_methods.js"></script>
	<script src="draggable_options.js"></script>
	<script src="draggable_test_helpers.js"></script>

	<script src="../swarminject.js"></script>
</head>
<body>

<div id="qunit"></div>
<div id="qunit-fixture">
	<div id="scrollParent">
		<div id="main">
			<div id="draggable1" style="background: green; width: 200px; height: 100px; position: relative; top: 0; left: 0;">Relative</div>
			<div id="draggable2" style="background: green; width: 200px; height: 100px; position: absolute; top: 10px; left: 10px;"><span><em>Absolute</em></span></div>
			<div id="droppable" style="background: green; width: 200px; height: 100px; position: absolute; top: 110px; left: 110px;"><span>Absolute</span></div>
			<div id="main-forceScrollable"></div>
		</div>
		<div id="scrollParent-forceScrollable"></div>
	</div>
	<div style="width: 1px; height: 1000px;"></div>
	<div style="position: absolute; width: 1px; height: 2000px;"></div>
	<ul id="sortable" class="sortable">
		    <li id="draggableSortable">Item 0</li>
		    <li id="draggableSortable2">Item 1</li>
		    <li>Item 2</li>
		    <li>Item 3</li>
		  </ul>
		  <ul id="sortable2" class="sortable">
		    <li id="draggableSortableClone" class="sortable2Item">Item 0</li>
		    <li>Item 1</li>
		    <li>Item 2</li>
		    <li>Item 3</li>
		  </ul>
</div>

</body>
</html>
Tests: Cleanup. 2011-08-03 21:12:44 +00:00			`<!doctype html>`
Set svn:eol-style to native 2008-06-04 02:34:33 +00:00			`<html lang="en">`
			`<head>`
Tests: Cleanup. 2011-08-03 21:12:44 +00:00			`<meta charset="utf-8">`
tests - some html cleanup 2008-06-07 19:26:35 +00:00			`<title>jQuery UI Draggable Test Suite</title>`
Set svn:eol-style to native 2008-06-04 02:34:33 +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>`
Build: Reorganize external directory Put each external library into its own directory. Move jquery.js to external. Ref gh-1266 2014-06-10 11:55:45 +00:00			`<link rel="stylesheet" href="../../../external/qunit/qunit.css">`
Draggable Tests: Add test coverage for supported options 2013-01-12 05:33:45 +00:00
Draggable: Account for z-index set in CSS for the stack option. Fixed #9077 - Draggable: stack option resets the z-index 2013-02-12 04:29:48 +00:00			`<style>`
Draggable Tests: Ensure Draggable tests are correctly testing offset under scroll conditions. 2013-10-23 15:04:10 +00:00			`#main {`
			`width: 1000px;`
			`height: 1000px;`
			`overflow: scroll;`
			`overflow-x: scroll;`
			`overflow-y: scroll;`
			`position: relative;`
			`left: 0;`
			`top: 0;`
			`}`
			`#main-forceScrollable {`
Draggable: normalize lookups for rootNodes when to bust scroll cache. Fixes #9379 - Draggable: position bug in scrollable div Core: update scrollParent() to support all current supported browsers. 2013-10-29 22:35:42 +00:00			`position: absolute;`
			`left: 0;`
			`top: 0;`
Draggable Tests: Ensure Draggable tests are correctly testing offset under scroll conditions. 2013-10-23 15:04:10 +00:00			`width: 1100px;`
			`height: 1100px;`
			`}`
			`#scrollParent {`
			`width: 1200px;`
			`height: 1200px;`
			`position: relative;`
			`left: 0;`
			`top: 0;`
			`overflow: hidden;`
			`overflow-x: hidden;`
			`overflow-y: hidden;`
			`}`
			`#scrollParent-forceScrollable {`
Draggable: normalize lookups for rootNodes when to bust scroll cache. Fixes #9379 - Draggable: position bug in scrollable div Core: update scrollParent() to support all current supported browsers. 2013-10-29 22:35:42 +00:00			`position: absolute;`
			`left: 0;`
			`top: 0;`
Draggable Tests: Ensure Draggable tests are correctly testing offset under scroll conditions. 2013-10-23 15:04:10 +00:00			`width: 1300px;`
			`height: 1300px;`
			`}`
Draggable: Account for z-index set in CSS for the stack option. Fixed #9077 - Draggable: stack option resets the z-index 2013-02-12 04:29:48 +00:00			`/* See #9077 */`
Draggable Tests: Ensure Draggable tests are correctly testing offset under scroll conditions. 2013-10-23 15:04:10 +00:00			`#draggable3, #draggable4 {`
			`z-index: 100;`
			`}`
Draggable: Add battery of tests to cover connectToSortable Refs #9481 Refs #9675 Closes gh-1323 2014-08-26 12:50:50 +00:00			`.sortable {`
Draggable: No cloning in connectToSortable and ensure correct position Draggables now forcefully recalculate their position when dragged out of a sortable. Sortables now override draggable position when a draggable is dragged into it. Lastly, no longer remove sortable helper when dragging a draggable out, which allows us to not use a clone. Fixes #7734 Fixes #8809 Closes gh-1322 2014-08-22 19:16:41 +00:00			`position: relative;`
			`top: 8000px;`
			`left: 10px;`
			`width: 300px;`
			`padding: 0;`
			`margin: 0;`
			`border: 0;`
			`}`
			`.sortable li {`
			`height: 100px;`
			`padding: 0;`
			`margin: 0;`
			`border: 0;`
			`list-style: none;`
			`display: inline-block;`
			`}`
Draggable: Account for z-index set in CSS for the stack option. Fixed #9077 - Draggable: stack option resets the z-index 2013-02-12 04:29:48 +00:00			`</style>`
Draggable Tests: Add test coverage for supported options 2013-01-12 05:33:45 +00:00
Build: Reorganize external directory Put each external library into its own directory. Move jquery.js to external. Ref gh-1266 2014-06-10 11:55:45 +00:00			`<script src="../../../external/qunit/qunit.js"></script>`
Build: Pull in jquery.simulate.js from Bower Fixes #10563 2014-08-22 21:01:50 +00:00			`<script src="../../../external/jquery-simulate/jquery.simulate.js"></script>`
Tests: Moved loadResources to TestHelpers. 2012-04-23 14:43:01 +00:00			`<script src="../testsuite.js"></script>`
Draggable: Use new has/lacksClasses assertions for all class checks 2015-01-30 14:57:30 +00:00			`<script src="../../../external/qunit-assert-classes/qunit-assert-classes.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({`
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			`css: [ "core" ],`
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/core.js",`
			`"ui/widget.js",`
			`"ui/mouse.js",`
			`"ui/resizable.js",`
			`"ui/draggable.js",`
Draggable: No cloning in connectToSortable and ensure correct position Draggables now forcefully recalculate their position when dragged out of a sortable. Sortables now override draggable position when a draggable is dragged into it. Lastly, no longer remove sortable helper when dragging a draggable out, which allows us to not use a clone. Fixes #7734 Fixes #8809 Closes gh-1322 2014-08-22 19:16:41 +00:00			`"ui/droppable.js",`
			`"ui/sortable.js"`
Tests: Added ability to run tests against minified files via ?min=1 2011-10-28 19:58:33 +00:00			`]`
			`});`
			`</script>`
Removed all trailing whitespace from .js and .html files 2008-11-18 02:55:25 +00:00
Tests: Rename {widget}_defaults.js -> {widget}_common.js 2012-04-23 14:15:17 +00:00			`<script src="draggable_common.js"></script>`
Tests: Cleanup. 2011-08-03 21:12:44 +00:00			`<script src="draggable_core.js"></script>`
			`<script src="draggable_events.js"></script>`
			`<script src="draggable_methods.js"></script>`
			`<script src="draggable_options.js"></script>`
Dev: remove globals from tests and moved test helpers to correct location - Fixed #8770 Dev: Remove globals and Standardize Test Suite 2012-11-03 20:17:16 +00:00			`<script src="draggable_test_helpers.js"></script>`
Tests: Cleanup. 2011-08-03 21:12:44 +00:00
			`<script src="../swarminject.js"></script>`
Set svn:eol-style to native 2008-06-04 02:34:33 +00:00			`</head>`
			`<body>`

Tests: Update to sane QUnit markup 2014-02-20 16:02:23 +00:00			`<div id="qunit"></div>`
Use #qunit-fixture instead of deprecated #main. Fixes #7031 - Tests use 2011-02-23 11:46:13 +00:00			`<div id="qunit-fixture">`
Draggable Tests: Ensure Draggable tests are correctly testing offset under scroll conditions. 2013-10-23 15:04:10 +00:00			`<div id="scrollParent">`
			`<div id="main">`
Draggable: normalize lookups for rootNodes when to bust scroll cache. Fixes #9379 - Draggable: position bug in scrollable div Core: update scrollParent() to support all current supported browsers. 2013-10-29 22:35:42 +00:00			`<div id="draggable1" style="background: green; width: 200px; height: 100px; position: relative; top: 0; left: 0;">Relative</div>`
Draggable Tests: Ensure Draggable tests are correctly testing offset under scroll conditions. 2013-10-23 15:04:10 +00:00			`<div id="draggable2" style="background: green; width: 200px; height: 100px; position: absolute; top: 10px; left: 10px;"><span><em>Absolute</em></span></div>`
			`<div id="droppable" style="background: green; width: 200px; height: 100px; position: absolute; top: 110px; left: 110px;"><span>Absolute</span></div>`
			`<div id="main-forceScrollable"></div>`
			`</div>`
			`<div id="scrollParent-forceScrollable"></div>`
Draggable Tests: make sure offset tests are actually testing offsets 2013-10-19 19:47:13 +00:00			`</div>`
Draggable Tests: Add test coverage for supported options 2013-01-12 05:33:45 +00:00			`<div style="width: 1px; height: 1000px;"></div>`
			`<div style="position: absolute; width: 1px; height: 2000px;"></div>`
Draggable: No cloning in connectToSortable and ensure correct position Draggables now forcefully recalculate their position when dragged out of a sortable. Sortables now override draggable position when a draggable is dragged into it. Lastly, no longer remove sortable helper when dragging a draggable out, which allows us to not use a clone. Fixes #7734 Fixes #8809 Closes gh-1322 2014-08-22 19:16:41 +00:00			`<ul id="sortable" class="sortable">`
Draggable: Add battery of tests to cover connectToSortable Refs #9481 Refs #9675 Closes gh-1323 2014-08-26 12:50:50 +00:00			`<li id="draggableSortable">Item 0</li>`
			`<li id="draggableSortable2">Item 1</li>`
Draggable: No cloning in connectToSortable and ensure correct position Draggables now forcefully recalculate their position when dragged out of a sortable. Sortables now override draggable position when a draggable is dragged into it. Lastly, no longer remove sortable helper when dragging a draggable out, which allows us to not use a clone. Fixes #7734 Fixes #8809 Closes gh-1322 2014-08-22 19:16:41 +00:00			`<li>Item 2</li>`
			`<li>Item 3</li>`
			`</ul>`
			`<ul id="sortable2" class="sortable">`
Draggable: Add battery of tests to cover connectToSortable Refs #9481 Refs #9675 Closes gh-1323 2014-08-26 12:50:50 +00:00			`<li id="draggableSortableClone" class="sortable2Item">Item 0</li>`
Draggable: No cloning in connectToSortable and ensure correct position Draggables now forcefully recalculate their position when dragged out of a sortable. Sortables now override draggable position when a draggable is dragged into it. Lastly, no longer remove sortable helper when dragging a draggable out, which allows us to not use a clone. Fixes #7734 Fixes #8809 Closes gh-1322 2014-08-22 19:16:41 +00:00			`<li>Item 1</li>`
			`<li>Item 2</li>`
			`<li>Item 3</li>`
			`</ul>`
Tests: Cleanup. 2011-08-03 21:12:44 +00:00			`</div>`
Dev: Standardized the draggable test suite. Fixed #8748 - Dev: Get draggable test suite to pass 2012-10-30 23:12:17 +00:00
Set svn:eol-style to native 2008-06-04 02:34:33 +00:00			`</body>`
			`</html>`