Bug 1342057 - Part 2: Add a test that the MIME type is set correctly for image data, r=baku

Unfortunately drag and drop / clipboard data is not super easy to test with our current testing infrastructure, so we can't do too much better than this. Additional testing will have to be done manually through our QA process once this has landed. MozReview-Commit-ID: 1etmIxjjiBd
2017-02-24 16:37:12 -05:00 · 2017-02-24 16:37:12 -05:00 · cbe4faf536
--- a/dom/tests/mochitest/general/test_clipboard_events.html
+++ b/dom/tests/mochitest/general/test_clipboard_events.html
@ -10,6 +10,7 @@
 <body>
 <p id="display"></p>
 <div id="content" style="border: 3px solid black; padding: 3em;">CONTENT TEXT<input id="content-input" value="INPUT TEXT"></div>
+<img id="image" src="image_50.png">
 <button id="button">Button</button>

 <div id="syntheticSpot" oncut="compareSynthetic(event, 'cut')"
@ -56,6 +57,7 @@ var testFunctions = [
  test_input_copy_button_dataTransfer,
  test_eventspref_disabled,
  test_input_cut_disallowed_types_dataTransfer,
+  test_image_dataTransfer,
  ];

 function doTests()
@ -708,6 +710,40 @@ function test_input_cut_disallowed_types_dataTransfer() {
  }
 }

+// Try copying an image to the clipboard and make sure that it looks correct when pasting it.
+function test_image_dataTransfer() {
+  // Copy the image's data to the clipboard
+  SpecialPowers.setCommandNode(window, document.getElementById("image"));
+  SpecialPowers.doCommand(window, "cmd_copyImageContents");
+
+  let onpasteCalled = false;
+  document.onpaste = function(event) {
+    ok(event instanceof ClipboardEvent, "paste event is an ClipboardEvent");
+    ok(event.clipboardData instanceof DataTransfer, "paste event dataTransfer is a DataTransfer");
+    let items = event.clipboardData.items;
+    let foundData = false;
+    for (let i = 0; i < items.length; ++i)  {
+      if (items[i].kind == "file") {
+        foundData = true;
+        is(items[i].type, "image/png", "The type of the data must be image/png");
+        is(items[i].getAsFile().type, "image/png", "The attached file must be image/png");
+      }
+    }
+    ok(foundData, "Should have found a file entry in the DataTransferItemList");
+    let files = event.clipboardData.files;
+    is(files.length, 1, "There should only be one file on the DataTransfer");
+    is(files[0].type, "image/png", "The only file should be an image/png");
+    onpasteCalled = true;
+  }
+
+  try {
+    synthesizeKey("v", {accelKey: 1});
+    ok(onpasteCalled, "The paste event listener must have been called");
+  } finally {
+    document.onpaste = null;
+  }
+}
+
 SimpleTest.waitForFocus(doTests);

 </script>