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

description('This tests copying HTML markup using dataTransfer.items. To manually test, click on "Copy text" and paste (Command+V on Mac Control+V elsewhere).');

function copyText()
{
    document.getElementById('source').focus();
    document.execCommand('SelectAll', false, null);
    document.execCommand('Copy', false, null);
}

function copy(event)
{
    clipboardData = event.clipboardData;
    shouldBe('clipboardData.items.length', '0');
    shouldBe('clipboardData.setData("text/html", "rock"); clipboardData.items.length', '1');
    shouldBeEqualToString('initialItem = clipboardData.items[0]; initialItem.kind', 'string');
    shouldBeEqualToString('initialItem.type', 'text/html');
    shouldBe('initialItem.getAsFile()', 'null');
    shouldBe('initialItem.getAsString(checkContent(1, "rock"))', 'undefined');

    shouldThrowErrorName('clipboardData.items.add("paper", "text/HTML")', 'NotSupportedError');
    shouldBe('clipboardData.items[0]', 'initialItem');
    shouldBe('clipboardData.clearData(); clipboardData.items.length', '0');

    const markup = `<!DOCTYPE html><!-- hello --><script>alert('Test failed');</scr` + `ipt>`;
    shouldBe(`clipboardData.items.add("${markup}", "TEXT/html"); clipboardData.items.length`, '1');
    shouldNotBe('clipboardData.items[0]', 'initialItem');
    shouldBeEqualToString('initialItem.kind', 'string');
    shouldBeEqualToString('initialItem.type', '');
    shouldBe('initialItem.getAsFile()', 'null');
    shouldBe('initialItem.getAsString(() => testFailed("getAsString should exit immeidately if item is disabled 1"))', 'undefined');

    shouldBeEqualToString('clipboardData.getData("text/html")', markup);
    shouldBeEqualToString('clipboardData.getData("text/plain")', '');
    shouldBeEqualToString('firstItem = clipboardData.items[0]; clipboardData.items[0].kind', 'string');
    shouldBeEqualToString('firstItem.type', 'text/html');
    shouldBe('firstItem.getAsFile()', 'null');
    shouldBe(`firstItem.getAsString(checkContent(2, "${markup}"))`, 'undefined');

    shouldBe('secondItem = clipboardData.items.add("some content", "text/plain"); secondItem', 'clipboardData.items[1]');
    shouldBeEqualToString('clipboardData.getData("text/plain")', 'some content');
    shouldBeEqualToString('secondItem.kind', 'string');
    shouldBeEqualToString('secondItem.type', 'text/plain');
    shouldBe('secondItem.getAsFile()', 'null');
    shouldBe('secondItem.getAsString(checkContent(3, "some content"))', 'undefined');

    shouldBe('clipboardData.items[0]', 'firstItem');
    shouldBeEqualToString('firstItem.kind', 'string');
    shouldBeEqualToString('firstItem.type', 'text/html');
    shouldBeEqualToString('clipboardData.getData("text/html")', markup);
    shouldBe(`firstItem.getAsString(checkContent(4, "${markup}"))`, 'undefined');

    shouldBe('clipboardData.items.remove(0); clipboardData.items.length', '1');
    shouldBe('clipboardData.items[0]', 'secondItem');
    shouldBe('firstItem.kind', 'string');
    shouldBe('firstItem.type', 'text/html');
    shouldBe('firstItem.getAsFile()', 'null');
    shouldBe('firstItem.getAsString(() => testFailed("getAsString should exit immeidately if item is disabled 2"))', 'undefined');
    shouldBe('secondItem.kind', 'string');
    shouldBe('secondItem.type', 'text/plain');
    shouldBe('secondItem.getAsFile()', 'null');
    shouldBe('secondItem.getAsString(checkContent(4, "some content"))', 'undefined');

}

let count = 0;
function checkContent(number, expectedContent)
{
    count++;
    return (content) => {
        const variableName = 'actualContent' + number;
        window[variableName] = content;
        shouldBeEqualToString(variableName, expectedContent);
        count--;
        if (!count) {
            document.getElementById('container').style.display = 'none';
            finishJSTest();
        }
    }
}

if (window.testRunner)
    window.onload = copyText;
jsTestIsAsync = true;
successfullyParsed = true;

</script>
<div id="container">
    <button onclick="copyText();">Copy text</button>
    <div id="source" oncopy="copy(event)" contenteditable="true">hello, world</div>
</div>
<script src="../../resources/js-test-post.js"></script>
</body>
</html>