data-transfer-items-drag-drop-string.html

<!DOCTYPE html>
<html>
<head>
<script src="../../resources/js-test.js"></script>
</head>
<body>
<input id="source1" value="Lorem ipsum">Lorem ipsum</input>
<input id="source2" value="http://example.com"></input>
<div id="destination" style="min-height:100px; border: solid 1px black">Drop text here if you test this manually</div>

<script>
description('This tests the basic functionality and properties of DataTransferItems for string data with drag and drop. This test requires DRT.')

window.jsTestIsAsync = true;

var testSources = [ 'source1', 'source2' ];
var testIndex = 0;
var expectedDroppedText = '';

function startTest()
{
    var destination = document.getElementById('destination');
    destination.addEventListener('dragover', handleDragOver, false);
    destination.addEventListener('drop', handleDrop, false);

    if (!window.testRunner)
        return;

    runNextTest();
}

function runNextTest()
{
    if (testIndex == testSources.length) {
        finishJSTest();
        return;
    }

    var sourceId = testSources[testIndex++];
    var source = document.getElementById(sourceId);
    expectedDroppedText = source.value;
    debug('Dragging text in ' + sourceId + ': ' + source.value);

    // Drag a text in the source element.
    source.focus();
    source.setSelectionRange(0, source.value.length);
    x = source.offsetLeft + 10;
    y = source.offsetTop + source.offsetHeight / 2;
    eventSender.mouseMoveTo(x, y);
    eventSender.mouseDown();

    // Drop it off to the destination field.
    var destination = document.getElementById("destination");
    eventSender.leapForward(500);
    eventSender.mouseMoveTo(destination.offsetLeft + 10, destination.offsetTop + destination.offsetHeight / 2);
    eventSender.mouseUp();
}

function handleDragOver(e)
{
    e.stopPropagation();
    e.preventDefault();
}

var currentItem;
function handleDrop(e)
{
    e.stopPropagation();
    e.preventDefault();

    debug('Verifying contents of DataTransferItems...');

    var items = e.dataTransfer.items;
    var remaining = items.length;

    for (var i = 0; i < items.length; ++i) {
        debug('items.length: ' + items.length);
        debug('items[' + i + '].kind: ' + items[i].kind);
        debug('items[' + i + '].type: ' + items[i].type);

        currentItem = items[i];
        shouldThrow('currentItem.getAsString()', '"TypeError: Failed to execute \'getAsString\' on \'DataTransferItem\': 1 argument required, but only 0 present."');
        shouldNotThrow('currentItem.getAsString(null)');
        items[i].getAsString(function(data) {
            window.stringData = data;
            shouldBeEqualToString('stringData', expectedDroppedText);
            if (--remaining == 0 && window.testRunner)
                runNextTest();
        });
    }
}

startTest();

</script>
</body>
</html>
chromium/third_party/blink/web_tests/editing/pasteboard/data-transfer-items-drag-drop-string.html
