<!DOCTYPE html>
<html>
<body oncopy="copy(event)" onpaste="paste(event)">
<div>This file tests the basic functionality and properties of DataTransferItems. This test requires DRT.</div>
<div id="console"></div>

<script src="../editing.js"></script>
<script>
var undefined;
var pendingCallbacks = 0;
var savedDataTransferItems = null;
var savedDataTransferItem = null;

function log(text)
{
    var console = document.getElementById('console');
    console.appendChild(document.createTextNode(text));
    console.appendChild(document.createElement('br'));
}

function removeFontName(text)
{
    if (!text)
        return text;
    return text.replace(/font-family: [^;]+;/g, '');
}

function handleEvent(data)
{
    log(data);
    if (--pendingCallbacks == 0) {
        window.testRunner.notifyDone();
    }
}

function copy(ev)
{
    var items = event.clipboardData.items;
    log('Populating DataTransferItems...');
    items.add('Hello World!', 'text/plain');
    items.add('<b>Hello World!', 'text/html');

    // Check that an exception is properly raised when attempting to add a duplicate string type.
    try {
        items.add('Moo', 'text/plain');
    } catch (e) {
        log('Caught exception "' + e + '" as expected.');
    }

    // Check that the container didn't change.
    log('Verifying contents of DataTransferItems...');
    log('items.length: ' + items.length);
    log('items[0].kind: ' + items[0].kind);
    log('items[0].type: ' + items[0].type);
    log('items[1].kind: ' + items[1].kind);
    log('items[1].type: ' + items[1].type);
    items[0].getAsString(function (data) { handleEvent('copy: items[0] value: ' + data); });
    pendingCallbacks++;
    items[1].getAsString(function (data) { handleEvent('copy: items[1] value: ' + data); });
    pendingCallbacks++;

    log('Checking if items past the end of the collection can be indexed:');
    log('items[2] is undefined: ' + typeof items[2]);
}

function paste(ev)
{
    var items = event.clipboardData.items;

    // Cache references to make sure they aren't accessible outside the event handler.
    savedDataTransferItems = items;
    savedDataTransferItem = items[0];

    var originalLength = items.length;
    log('Checking that a read-only DataTransferItems cannot be mutated...');
    // Should be immutable.
    items.add('Hello World!', 'text/plain');
    log('items.length: ' + items.length);
    log('items[0].kind: ' + items[0].kind);
    log('items[0].type: ' + items[0].type);
    items[0].getAsString(function (data) { handleEvent('paste: items[0] value: ' + removeFontName(data)); });
    pendingCallbacks++;
    log('items[1].kind: ' + items[1].kind);
    log('items[1].type: ' + items[1].type);
    items[1].getAsString(function (data) { handleEvent('paste: items[1] value: ' + removeFontName(data)); });
    pendingCallbacks++;
    log('items[2] is undefined: ' + typeof items[2]);
}

function runTest() {
    if (!window.testRunner)
        return;
    testRunner.waitUntilDone();
    testRunner.dumpAsText();

    eventSender.mouseMoveTo(0, 0);
    for (var i = 0; i < 3; i++) {
        eventSender.mouseDown();
        eventSender.mouseUp();
    }
    copyCommand();
    pasteCommand();

    log('Testing if DataTransferItems can be accessed outside an event handler...');
    if (savedDataTransferItems.length != 0) {
        log('DataTransferItems.length non-zero outside event handler!');
    }
    savedDataTransferItems.add('Security?', 'text/foo');
    if (savedDataTransferItems.length != 0) {
        log('DataTransferItems mutated outside event handler!');
    }
    if (typeof savedDataTransferItems[0] == 'undefined') {
        log('DataTransferItem accessed outside event handler!');
    }
    if (typeof savedDataTransferItem == 'undefined') {
        log('DataTransferItem accessed outside event handler!');
    }
}

runTest();

</script>
</body>
</html>