LayoutTests/editing/pasteboard/file-input-files-access.html - WebKit - Git at Google

 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
 <html>
 <head>
 <script src="../../resources/js-test-pre.js"></script>
 </head>
 <body>
 <p id="description"></p>
 <div id="console"></div>
 <script>
 description("Tests for multi-file drag onto file input elements for https://bugs.webkit.org/show_bug.cgi?id=25862");

 var fileInput = document.createElement("input");
 fileInput.type = 'file';
 fileInput.style.width = "100%"; // So that any manual testing will show full file names
 // Important that we put this at the top of the doc so that logging does not cause it to go out of view (where it can't be dragged to)
 document.body.insertBefore(fileInput, document.body.firstChild);

 function moveMouseToCenterOfElement(element)
 {
     var centerX = element.offsetLeft + element.offsetWidth / 2;
     var centerY = element.offsetTop + element.offsetHeight / 2;
     eventSender.mouseMoveTo(centerX, centerY);
 }

 function dragFilesOntoInput(files) {
     fileInput.value = ""; // Clear the <input>

     eventSender.beginDragWithFiles(files);
     moveMouseToCenterOfElement(fileInput);
     eventSender.mouseUp();
 }

 function fileListShouldBe(fileListString, filesArray)
 {
     shouldBe(fileListString + ".length", "" + filesArray.length);
     for (var x = 0; x < filesArray.length; x++) {
         var fileValueString = fileListString + "[" + x + "]";
         shouldBeEqualToString(fileValueString + ".name", filesArray[x]['name']);
         shouldBeEqualToString(fileValueString + ".type", filesArray[x]['type']);
         shouldBe(fileValueString + ".size", "" + filesArray[x]['size']);
     }
 }

 function filesShouldBe(filesArray)
 {
     fileListShouldBe("fileInput.files", filesArray);
 }

 function draggingPathsShouldResultInFiles(pathsArray, filesArray)
 {
     dragFilesOntoInput(pathsArray);
     // WebKit seems to always take the first file in the dragged list as .value:
     shouldBeEqualToString("fileInput.value", filesArray[0] ? "C:\\fakepath\\" + filesArray[0]['name'] : '');
     filesShouldBe(filesArray);
 }

 function testDraggingFiles(filesArray)
 {
     // We could make a way to parse the filename from the path, and then only need to pass
     // the path in the filesArray.
     var pathsOnly = filesArray.map(function(fileSpec) { return fileSpec['path']; });
     draggingPathsShouldResultInFiles(pathsOnly, filesArray);
 }

 function testOrderedDraggingWithDirectory()
 {
     var inputType = fileInput.multiple ? "mutli-file" : "single-file";

     // Note: The order of selection in the Finder changes the order of file paths in the pasteboard
     // thus it's important that we test different orders here as well (at least on the Mac)
     debug("Dragging a file and a directory onto a " + inputType + " input control:")
     draggingPathsShouldResultInFiles(['resources/apple.gif', 'resources/directory-for-dragging'], []);

     debug("FIXME: <input> elements should refuse drags including directories: https://bugs.webkit.org/show_bug.cgi?id=25879.  The page is given File objects corresponding to directories, but form submission will fail.");

     debug("Dragging a directory and a file onto a "  + inputType + " input control:")
     draggingPathsShouldResultInFiles(['resources/directory-for-dragging', 'resources/apple.gif'], []);
 }

 function runTest()
 {
     debug("Dragging a single (non-existant) file to a file input control:");
     testDraggingFiles([
         { 'path': 'DRTFakeFile', 'name' : 'DRTFakeFile', 'size' : 0, 'type' : '' }
     ]);

     debug("Dragging a real file to a file input control:");
     testDraggingFiles([
         { 'path': 'resources/apple.gif', 'name' : 'apple.gif', 'size' : 1476, 'type' : 'image/gif' }
     ]);

     // Directory dragging behavior is covered by
     // https://bugs.webkit.org/show_bug.cgi?id=25852
     debug("Dragging a directory onto an file input control:");
     draggingPathsShouldResultInFiles(['resources/directory-for-dragging'], []);

     debug("Dragging two files to a single-file input control:")
     draggingPathsShouldResultInFiles(['resources/apple.gif', 'resources/mozilla.gif'], []);

     testOrderedDraggingWithDirectory();

     fileInput.multiple = true;

     debug("Dragging three files to a multi-file input control:");
     testDraggingFiles([
         { 'path': 'resources/apple.gif', 'name' : 'apple.gif', 'size' : 1476, 'type' : 'image/gif' },
         { 'path': 'resources/mozilla.gif', 'name' : 'mozilla.gif', 'size' : 2593, 'type' : 'image/gif' },
         { 'path': 'resources/file.invalidext', 'name' : 'file.invalidext', 'size' : 10, 'type' : '' }
     ]);

     testOrderedDraggingWithDirectory();

     debug("Dragging to a disabled file input control:");
     fileInput.disabled = true;
     draggingPathsShouldResultInFiles(['DRTFakeFile'], []);

     // Clean up after ourselves
     fileInput.parentNode.removeChild(fileInput);

     testRunner.notifyDone();
 }

 var successfullyParsed = true;

 if (window.eventSender) {
     runTest();
 } else {
     testFailed("This test is not interactive, please run using run-webkit-tests");
 }

 </script>
 <script src="../../resources/js-test-post.js"></script>
 </body>
 </html>
	<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
	<html>
	<head>
	<script src="../../resources/js-test-pre.js"></script>
	</head>
	<body>
	<p id="description"></p>
	<div id="console"></div>
	<script>
	description("Tests for multi-file drag onto file input elements for https://bugs.webkit.org/show_bug.cgi?id=25862");

	var fileInput = document.createElement("input");
	fileInput.type = 'file';
	fileInput.style.width = "100%"; // So that any manual testing will show full file names
	// Important that we put this at the top of the doc so that logging does not cause it to go out of view (where it can't be dragged to)
	document.body.insertBefore(fileInput, document.body.firstChild);

	function moveMouseToCenterOfElement(element)
	{
	var centerX = element.offsetLeft + element.offsetWidth / 2;
	var centerY = element.offsetTop + element.offsetHeight / 2;
	eventSender.mouseMoveTo(centerX, centerY);
	}

	function dragFilesOntoInput(files) {
	fileInput.value = ""; // Clear the <input>

	eventSender.beginDragWithFiles(files);
	moveMouseToCenterOfElement(fileInput);
	eventSender.mouseUp();
	}

	function fileListShouldBe(fileListString, filesArray)
	{
	shouldBe(fileListString + ".length", "" + filesArray.length);
	for (var x = 0; x < filesArray.length; x++) {
	var fileValueString = fileListString + "[" + x + "]";
	shouldBeEqualToString(fileValueString + ".name", filesArray[x]['name']);
	shouldBeEqualToString(fileValueString + ".type", filesArray[x]['type']);
	shouldBe(fileValueString + ".size", "" + filesArray[x]['size']);
	}
	}

	function filesShouldBe(filesArray)
	{
	fileListShouldBe("fileInput.files", filesArray);
	}

	function draggingPathsShouldResultInFiles(pathsArray, filesArray)
	{
	dragFilesOntoInput(pathsArray);
	// WebKit seems to always take the first file in the dragged list as .value:
	shouldBeEqualToString("fileInput.value", filesArray[0] ? "C:\\fakepath\\" + filesArray[0]['name'] : '');
	filesShouldBe(filesArray);
	}

	function testDraggingFiles(filesArray)
	{
	// We could make a way to parse the filename from the path, and then only need to pass
	// the path in the filesArray.
	var pathsOnly = filesArray.map(function(fileSpec) { return fileSpec['path']; });
	draggingPathsShouldResultInFiles(pathsOnly, filesArray);
	}

	function testOrderedDraggingWithDirectory()
	{
	var inputType = fileInput.multiple ? "mutli-file" : "single-file";

	// Note: The order of selection in the Finder changes the order of file paths in the pasteboard
	// thus it's important that we test different orders here as well (at least on the Mac)
	debug("Dragging a file and a directory onto a " + inputType + " input control:")
	draggingPathsShouldResultInFiles(['resources/apple.gif', 'resources/directory-for-dragging'], []);

	debug("FIXME: <input> elements should refuse drags including directories: https://bugs.webkit.org/show_bug.cgi?id=25879. The page is given File objects corresponding to directories, but form submission will fail.");

	debug("Dragging a directory and a file onto a " + inputType + " input control:")
	draggingPathsShouldResultInFiles(['resources/directory-for-dragging', 'resources/apple.gif'], []);
	}

	function runTest()
	{
	debug("Dragging a single (non-existant) file to a file input control:");
	testDraggingFiles([
	{ 'path': 'DRTFakeFile', 'name' : 'DRTFakeFile', 'size' : 0, 'type' : '' }
	]);

	debug("Dragging a real file to a file input control:");
	testDraggingFiles([
	{ 'path': 'resources/apple.gif', 'name' : 'apple.gif', 'size' : 1476, 'type' : 'image/gif' }
	]);

	// Directory dragging behavior is covered by
	// https://bugs.webkit.org/show_bug.cgi?id=25852
	debug("Dragging a directory onto an file input control:");
	draggingPathsShouldResultInFiles(['resources/directory-for-dragging'], []);

	debug("Dragging two files to a single-file input control:")
	draggingPathsShouldResultInFiles(['resources/apple.gif', 'resources/mozilla.gif'], []);

	testOrderedDraggingWithDirectory();

	fileInput.multiple = true;

	debug("Dragging three files to a multi-file input control:");
	testDraggingFiles([
	{ 'path': 'resources/apple.gif', 'name' : 'apple.gif', 'size' : 1476, 'type' : 'image/gif' },
	{ 'path': 'resources/mozilla.gif', 'name' : 'mozilla.gif', 'size' : 2593, 'type' : 'image/gif' },
	{ 'path': 'resources/file.invalidext', 'name' : 'file.invalidext', 'size' : 10, 'type' : '' }
	]);

	testOrderedDraggingWithDirectory();

	debug("Dragging to a disabled file input control:");
	fileInput.disabled = true;
	draggingPathsShouldResultInFiles(['DRTFakeFile'], []);

	// Clean up after ourselves
	fileInput.parentNode.removeChild(fileInput);

	testRunner.notifyDone();
	}

	var successfullyParsed = true;

	if (window.eventSender) {
	runTest();
	} else {
	testFailed("This test is not interactive, please run using run-webkit-tests");
	}

	</script>
	<script src="../../resources/js-test-post.js"></script>
	</body>
	</html>