| Index: third_party/WebKit/LayoutTests/http/tests/events/dropzone-002.html
|
| diff --git a/third_party/WebKit/LayoutTests/http/tests/events/dropzone-002.html b/third_party/WebKit/LayoutTests/http/tests/events/dropzone-002.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..c593fb77661250d1a788e273f1a9639f32e7c250
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/http/tests/events/dropzone-002.html
|
| @@ -0,0 +1,99 @@
|
| +<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
|
| +<head>
|
| +<script src="/js-test-resources/js-test.js"></script>
|
| +<style>
|
| +#dropTarget, #dragMe { text-align: center; display: table-cell; vertical-align: middle }
|
| +#dropTarget {width: 256px; height: 256px; border: 1px dashed}
|
| +#dragMe {-webkit-user-drag: element; -webkit-user-select: none; background: #ff0000; width: 64px; height: 64px; color: white}
|
| +</style>
|
| +<script>
|
| +var dragMe;
|
| +var dropTarget;
|
| +var dropEffectElem;
|
| +var consoleElm;
|
| +var event;
|
| +
|
| +window.onload = function()
|
| +{
|
| + dragMe = document.getElementById("dragMe");
|
| + dropTarget = document.getElementById("dropTarget");
|
| + dropEffectElem = document.getElementById("dropEffect");
|
| + consoleElm = document.getElementById("console");
|
| +
|
| + if (!dragMe || !dropTarget || !dropEffectElem || !consoleElm)
|
| + return;
|
| +
|
| + dropEffectElem.onclick = changeDropZone;
|
| + changeDropZone();
|
| + dropTarget.ondrop = drop;
|
| +
|
| + runTest();
|
| +}
|
| +
|
| +function changeDropZone()
|
| +{
|
| + dropTarget.setAttribute("webkitdropzone", " StRinG:tExT/pLaIn sTrING:TeXt/UrI-lIsT " + dropEffectElem.options[dropEffectElem.selectedIndex].value);
|
| +}
|
| +
|
| +function printDropEvent(e)
|
| +{
|
| + chosenDropEffect = dropEffectElem.options[dropEffectElem.selectedIndex].value;
|
| + debug("Received drop event when chosenDropEffect is " + chosenDropEffect);
|
| +}
|
| +
|
| +function runTest()
|
| +{
|
| + if (!window.eventSender)
|
| + return;
|
| +
|
| + if (window.testRunner)
|
| + testRunner.dumpAsText();
|
| +
|
| + var startX = dragMe.offsetLeft + 10;
|
| + var startY = dragMe.offsetTop + dragMe.offsetHeight / 2;
|
| + var endX = dropTarget.offsetLeft + 10;
|
| + var endY = dropTarget.offsetTop + dropTarget.offsetHeight / 2
|
| +
|
| + var numEffects = dropEffectElem.options.length;
|
| +
|
| + for (var j = 0; j < numEffects; ++j) {
|
| + dropEffectElem.options[j].selected = true;
|
| + changeDropZone();
|
| +
|
| + eventSender.mouseMoveTo(startX, startY);
|
| + eventSender.mouseDown();
|
| + eventSender.leapForward(100);
|
| + eventSender.mouseMoveTo(endX, endY);
|
| + eventSender.mouseUp();
|
| + }
|
| +
|
| + var testContainer = document.getElementById("test-container");
|
| + if (testContainer)
|
| + document.body.removeChild(testContainer);
|
| + debug('<br /><span class="pass">TEST COMPLETE</span>');
|
| +}
|
| +</script>
|
| +<script src="resources/dropzone.js"></script>
|
| +</head>
|
| +<body>
|
| +<p id="description"></p>
|
| +<div id="test-container">
|
| +<div id="dropTarget">Drop the image onto me.<br/><br/>
|
| +<label for="dropEffect">Expects dropEffect</label> <select id="dropEffect">
|
| +<option value="copy">Copy</option>
|
| +<option value="move">Move</option>
|
| +<option value="link">Link</option>
|
| +<option value="dummy">Nonexistent (Dummy) Effect should be converted to copy</option>
|
| +</select>
|
| +</div>
|
| +<hr/>
|
| +<p>Items that can be dragged to the drop target:</p>
|
| +<img id="dragMe" src="resources/greenbox.png">
|
| +<hr/>
|
| +</div>
|
| +<div id="console"></div>
|
| +<script>
|
| +description("This test checks that drag-and-drop support works with images.<br/>");
|
| +</script>
|
| +</body>
|
| +</html>
|
|
|
Chromium Code Reviews
Issue 2585553002:
DO NOT LAND: Data for http://crbug.com/674328 (Closed)
