diff options
Diffstat (limited to 'remote/test/puppeteer/test/assets/input/drag-and-drop.html')
-rw-r--r-- | remote/test/puppeteer/test/assets/input/drag-and-drop.html | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/remote/test/puppeteer/test/assets/input/drag-and-drop.html b/remote/test/puppeteer/test/assets/input/drag-and-drop.html new file mode 100644 index 0000000000..bc376a5045 --- /dev/null +++ b/remote/test/puppeteer/test/assets/input/drag-and-drop.html @@ -0,0 +1,46 @@ +<!DOCTYPE html> +<html> + <head> + <title>Drag-and-drop test</title> + <style> + #drop { + width: 5em; + height: 5em; + border: 1px solid black; + } + </style> + </head> + <body> + <div id="drag" draggable="true">drag me</div> + <div id="drop"></div> + <script> + window.didDragStart = false; + window.didDragEnter = false; + window.didDragOver = false; + window.didDrop = false; + const drag = document.getElementById('drag'); + const drop = document.getElementById('drop'); + drag.addEventListener('dragstart', function(event) { + event.dataTransfer.setData('id', event.target.id); + window.didDragStart = true; + }); + drop.addEventListener('dragenter', function(event) { + event.preventDefault(); + window.didDragEnter = true; + }); + drop.addEventListener('dragover', function(event) { + event.preventDefault(); + window.didDragOver = true; + }); + drop.addEventListener('drop', function(event) { + event.preventDefault(); + const id = event.dataTransfer.getData('id'); + const el = document.getElementById(id); + if (el) { + event.target.appendChild(el); + window.didDrop = true; + } + }); + </script> + </body> +</html> |