| 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>
|
|
|