diff options
Diffstat (limited to 'testing/web-platform/tests/html/editing/dnd/platform/interrupt/003.html')
-rw-r--r-- | testing/web-platform/tests/html/editing/dnd/platform/interrupt/003.html | 59 |
1 files changed, 59 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/editing/dnd/platform/interrupt/003.html b/testing/web-platform/tests/html/editing/dnd/platform/interrupt/003.html new file mode 100644 index 0000000000..c09f9a53ec --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/platform/interrupt/003.html @@ -0,0 +1,59 @@ +<!doctype html> +<title>Interrupted drag with second in-document drag attempt</title> +<style> + body > div { + height: 200px; + width: 200px; + background-color: orange; + display: inline-block; + } + body > div + div { + background-color: navy; + } + body > div + div + div { + background-color: yellow; + } + body > div + div + div + div { + background-color: fuchsia; + } +</style> +<script type="text/javascript"> +window.onload = function () { + var orange = document.getElementsByTagName('div')[0], blue = document.getElementsByTagName('div')[1], yellow = document.getElementsByTagName('div')[2], fuchsia = document.getElementsByTagName('div')[3]; + orange.ondragstart = function (e) { + e.dataTransfer.setData('text','PASS'); + e.dataTransfer.effectAllowed = 'all'; + }; + yellow.ondragstart = function (e) { + e.dataTransfer.setData('text','FAIL'); + e.dataTransfer.effectAllowed = 'all'; + }; + blue.ondragenter = function (e) { + alert('JS alert'); + }; + fuchsia.ondragenter = fuchsia.ondragover = function (e) { + e.preventDefault(); + }; + fuchsia.ondrop = function (e) { + document.getElementsByTagName('ol')[0].textContent = e.dataTransfer.getData('text'); + e.preventDefault(); + }; +}; +</script> +<div draggable="true"></div> +<div></div> +<div draggable="true"></div> +<div></div> + +<ol> + <li>Open this page in two separate tabs, and start on tab #1.</li> + <li>Drag the orange square over the blue square.</li> + <li>An alert may appear. Do not dismiss it. If an alert does not appear, PASS, and ignore any further steps.</li> + <li>Click the other tab to focus it (or focus it in whatever way works). If you cannot change tabs, PASS, and ignore any further steps.</li> + <li>On tab #2, drag the yellow square over the blue square. If you cannot drag the yellow square, PASS, and ignore any further steps.</li> + <li>An alert may appear. Do not dismiss it.</li> + <li>Return to tab #1.</li> + <li>Dismiss the alert without using the left mouse button (eg. use keyboard, or mouse gestures such as gesture-down,gesture-right).</li> + <li>Do a short drag and drop within the pink square. If nothing happens, PASS, and ignore any further steps.</li> + <li>The word "PASS" should appear in place of this text.</li> +</ol> |