1 files changed, 56 insertions, 0 deletions
diff --git a/dom/events/test/test_drag_image_file.html b/dom/events/test/test_drag_image_file.html
new file mode 100644
index 0000000000..13e6996693
--- /dev/null
+++ b/dom/events/test/test_drag_image_file.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Test that dragging an image produces a File</title>
+  <script src="/tests/SimpleTest/SimpleTest.js"></script>
+  <script src="/tests/SimpleTest/EventUtils.js"></script>
+  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
+</head>
+<body>
+
+<img id="green-png" src="green.png">
+
+<script>
+async function runTest() {
+  await SpecialPowers.pushPrefEnv({
+    set: [["dom.events.dataTransfer.imageAsFile.enabled", true]],
+  });
+
+  let dt = await synthesizePlainDragAndCancel({
+      srcElement: document.getElementById('green-png'),
+      finalY: 20,
+  }, null);
+
+  info(`DataTransfer types: ${dt.types}`);
+
+  for (let type of dt.types) {
+    info(`getData(${type}) = ${dt.getData(type)}`)
+  }
+
+  ok(dt.types.includes("Files"), "types should contains 'Files'");
+  is(dt.files.length, 1, "files contains one File");
+
+  let fileItem = null;
+  for (let item of dt.items) {
+    if (item.kind === "file") {
+      fileItem = item;
+      break;
+    }
+  }
+
+  is(fileItem.kind, "file", "Is a file");
+  is(fileItem.type, "image/png", "Is a PNG file");
+
+  let file = fileItem.getAsFile();
+  is(file.name, "image.png", "Has generic image name")
+  ok(file.size > 100, "Is not empty");
+
+  SimpleTest.finish();
+}
+
+SimpleTest.waitForExplicitFinish();
+SimpleTest.waitForFocus(runTest);
+</script>
+</body>
+</html>