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="../../../external/requirejs/require.js"></script>
	<script src="../../lib/css.js" data-modules="core"></script>
	<script src="../../lib/bootstrap.js" data-widget="draggable"></script>
	<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: 800px;
		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>
</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: Fix AMD loading in IE8 It appears that we must load require.js via a standard script tag in order for it to work properly in IE8. 2015-04-17 16:13:38 +00:00			`<script src="../../../external/requirejs/require.js"></script>`
Draggable: Convert tests to new infrastructure Ref #10119 Ref gh-1528 2015-04-06 16:42:49 +00:00			`<script src="../../lib/css.js" data-modules="core"></script>`
			`<script src="../../lib/bootstrap.js" data-widget="draggable"></script>`
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: Convert tests to new infrastructure Ref #10119 Ref gh-1528 2015-04-06 16:42:49 +00:00			`#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;`
Draggable: Fix options tests These failed when running through tests/unit/all.html, due to the smaller iframe. Reducing a browser window enough triggered the same issue. Making the top offset much smaller fixes that. The rest is fixing bad indent and adds a missing module call. 2015-10-17 19:12:26 +00:00			`top: 800px;`
Draggable: Convert tests to new infrastructure Ref #10119 Ref gh-1528 2015-04-06 16:42:49 +00:00			`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>`
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: Fix options tests These failed when running through tests/unit/all.html, due to the smaller iframe. Reducing a browser window enough triggered the same issue. Making the top offset much smaller fixes that. The rest is fixing bad indent and adds a missing module call. 2015-10-17 19:12:26 +00:00			`<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>`
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>`