Index: third_party/WebKit/LayoutTests/fast/dnd/file-drag-over-page-cancel.html |
diff --git a/third_party/WebKit/LayoutTests/fast/dnd/file-drag-over-page-cancel.html b/third_party/WebKit/LayoutTests/fast/dnd/file-drag-over-page-cancel.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..39a66b1ee3220af69ceb36ee5e71720a063dc404 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fast/dnd/file-drag-over-page-cancel.html |
@@ -0,0 +1,78 @@ |
+<!doctype html> |
+<meta charset="utf-8" /> |
+<script src="../../resources/testharness.js"></script> |
+<script src="../../resources/testharnessreport.js"></script> |
+<script src="resources/copy-data-transfer.js"></script> |
+<style> |
+#dropzone { |
+ display: block; |
+ border: 1px solid black; |
+ width: 200px; |
+ height: 200px; |
+} |
+</style> |
+ |
+<p> |
+ Please download <a download href="resources/dragged-file.txt">this file</a>, |
+ drag it <em>over</em> the box below, then press the <key>ESC</key> key. |
+</p> |
+ |
+<div id="dropzone"> |
+ Drop Here |
+</div> |
+ |
+<script> |
+ |
+const dropZone = document.querySelector('#dropzone'); |
+ |
+const dragLeavePromise = new Promise((resolve, reject) => { |
+ dropZone.ondragleave = (event) => { |
+ resolve(copyDataTransfer(event.dataTransfer)); |
+ }; |
+}); |
+ |
+const clientRect = dropZone.getBoundingClientRect(); |
+if (window.eventSender) { |
+ // dragenter + dragover on #dropzone |
+ eventSender.beginDragWithFiles(['resources/dragged-file.txt']); |
+ const centerX = (clientRect.left + clientRect.right) / 2; |
+ const centerY = (clientRect.top + clientRect.bottom) / 2; |
+ eventSender.mouseMoveTo(centerX, centerY); |
+ |
+ // dragleave on #dropwrapper |
+ setTimeout(() => { |
+ eventSender.keyDown("Escape"); |
+ }, 16); |
+} |
+ |
+promise_test(() => { |
+ return dragLeavePromise.then((dataTransfer) => { |
+ assert_equals(JSON.stringify(dataTransfer.types), '["Files"]'); |
+ }); |
+}, 'dragleave types'); |
+ |
+promise_test(() => { |
+ return dragLeavePromise.then((dataTransfer) => { |
+ assert_equals(dataTransfer.data['Files'], ''); |
+ }); |
+}, 'dragleave getData() return value'); |
+ |
+promise_test(() => { |
+ return dragLeavePromise.then((dataTransfer) => { |
+ assert_equals(JSON.stringify(dataTransfer.files), '[]'); |
+ }); |
+}, 'dragleave files'); |
+ |
+promise_test(() => { |
+ return dragLeavePromise.then((dataTransfer) => { |
+ assert_equals(dataTransfer.items.length, 1); |
+ const item = dataTransfer.items[0]; |
+ assert_equals(item.kind, 'file'); |
+ assert_equals(item.type, 'text/plain'); // application/x-moz-file in FF |
+ assert_equals(item.file, null); // FF returns the file's metadata. |
+ assert_equals(item.data, undefined); |
+ assert_equals(item.error, undefined); // FF throws a SecurityError. |
+ }); |
+}, 'dragleave items'); |
+ |
+</script> |