<!DOCTYPE html>
<html>
<body onload="runTest()">
<script src="../../resources/js-test-pre.js"></script>
<script>

description('This tests accessing DataTransferItemList when dropping a file.'
    + ' To manually test, drag and drop <a href="../resources/text-pasteboard-data.txt">LayoutTests/editing/resources/text-pasteboard-data.txt</a> from another app (e.g. Finder) to the box below.');

function runTest()
{
    if (!window.testRunner)
        return;
    if (!window.eventSender || !eventSender.beginDragWithFiles) {
        testFailed('This test requires eventSender.beginDragWithFiles');
        finishJSTest();
        return;
    }

    eventSender.beginDragWithFiles(["../resources/text-pasteboard-data.txt"]);
    const target = document.getElementById('target');
    eventSender.mouseMoveTo(target.offsetLeft + 5, target.offsetTop + 5);
    eventSender.mouseUp();
}

function drop(event)
{
    event.preventDefault();
    dataTransfer = event.dataTransfer;
    shouldBe('dataTransfer.items.length', '1');
    shouldBeEqualToString('dataTransfer.items[0].kind', 'file');
    shouldBeEqualToString('dataTransfer.items[0].type', 'text/plain');
    shouldNotBe('file = dataTransfer.items[0].getAsFile(); file', 'null');
    shouldBeEqualToString('file.name', 'text-pasteboard-data.txt');
    shouldNotThrow('reader = new FileReader(); reader.onload = () => checkFileContent(reader.result); reader.readAsText(file);');
}

function checkFileContent(content)
{
    shouldBeEqualToString('"' + content + '"', 'hello, world.');
    shouldBe('dataTransfer.items[0].getAsFile()', 'null');
    finishJSTest();
}

jsTestIsAsync = true;
successfullyParsed = true;

</script>
<script src="../../resources/js-test-post.js"></script>
<div id="target" contenteditable="true" ondrop="drop(event)" style="width: 100px; height: 100px; border: solid 1px black;"></div>
</body>
</html>