diff options
Diffstat (limited to 'testing/web-platform/tests/html/editing/dnd/images/016.html')
-rw-r--r-- | testing/web-platform/tests/html/editing/dnd/images/016.html | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/editing/dnd/images/016.html b/testing/web-platform/tests/html/editing/dnd/images/016.html new file mode 100644 index 0000000000..1b02bf876b --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/images/016.html @@ -0,0 +1,48 @@ +<!doctype html> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/resources/testdriver.js"></script> +<script src="/resources/testdriver-vendor.js"></script> +<script src="/resources/testdriver-actions.js"></script> +<script src="../resources/test-helper.js"></script> +<head> +<title>Dropping image on vertical scrollbar of a scrollable block element</title> +<style type="text/css"> +div[ondragenter] + {width:2em; + height:5em; + margin-top:1em; + font-size:1.5em; + overflow-y:scroll;} +p:first-child + {padding-left:1em;} +img + {width:5px; + height:5px;} +</style> +<script type="application/ecmascript"> +function checkImage(event) + {document.querySelector('div').firstChild.nodeValue = (document.querySelector('img').getAttribute('src') == event.dataTransfer.getData('text/uri-list').replace(/\r\n$/,''))?'P A S S':'F A I L';} +</script> +</head> +<body> +<p><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAEElEQVR42mNgaGD4D8YwBgAw9AX9Y9zBwwAAAABJRU5ErkJggg==" alt="PNG green pixel" ondragstart="event.dataTransfer.effectAllowed = 'copy'"/></p> +<p>Drag little square above and drop it on scrollbar below. You should see word PASS when you drop it on scrollbar.</p> +<div ondragenter="event.preventDefault()" ondragover="return false">→ → → → → → → → → → → → → → → → → → → →</div> +<script> +async function test(){ + await new Promise(loaded => window.addEventListener("load", loaded)); + const img = document.querySelector('img'); + const div = document.querySelector('div'); + function onDropCallBack(event) { + checkImage(event); + assert_true(div.firstChild.nodeValue == 'P A S S'); + return true; + } + + dragDropTest(img, div, onDropCallBack, 'Dragging the image to the vertical scrollbar within a scrollable block element should copy it there'); +} +test(); +</script> +</body> +</html> |