<!DOCTYPE html> <!-- webkit-test-runner [ useFlexibleViewport=true ] -->
<html>
<head>
<meta name="viewport" content="initial-scale=1.0">
<script src="../../resources/js-test.js"></script>
<script src="../../resources/ui-helper.js"></script>
<link rel="stylesheet" href="resources/test.css">
</head>
<body>
<p id="description"></p>
<div id="test" class="test" style="width: 200px; height: 200px; border: 1px solid black" contenteditable="true">Hello from Cupertino!</div>
<p id="console"></p>
<script>
window.jsTestIsAsync = true;

description("This tests that a text placeholder that is removed from the page via a mutation event callback after being inserted does not cause a crash. This test can only be run in WebKitTestRunner or DumpRenderTree.");

let placeholderElement;

function done()
{
    // Clean up to make the result pretty.
    if (window.testRunner)
        document.getElementById("test").remove();
    finishJSTest();
}

function didRemovePlaceholder()
{
    debug("<br>After removing placeholder:");
    // Number of child nodes should be 2 or fewer. It depends on how aggressively adjacent #text nodes are coalesced.
    shouldBecomeDifferent('document.getElementById("test").childNodes.length', "3", () => {
        shouldBeLessThanOrEqual('document.getElementById("test").childNodes.length', "2");
        shouldBecomeEqual("placeholderElement.parentNode", "null", done);
    });
}

function didInsertPlaceholder()
{
    debug("<br>After inserting placeholder:");
    shouldBe('document.getElementById("test").childNodes.length', "3");

    console.assert(document.getElementById("test").childNodes.length >= 2);
    console.assert(document.getElementById("test").childNodes[1] instanceof Element);

    document.addEventListener("DOMSubtreeModified", didRemovePlaceholder, { once: true });
    placeholderElement = document.getElementById("test").childNodes[1];
    shouldBeNonNull("placeholderElement.parentNode");
    placeholderElement.remove();
}

async function runTest()
{
    let testElement = document.getElementById("test");
    if (window.testRunner)
        await UIHelper.activateElementAndWaitForInputSession(testElement);
    else
        await UIHelper.callFunctionAndWaitForEvent(() => testElement.focus(), testElement, "focus");

    let positionOfFrom = testElement.textContent.indexOf("from");
    window.getSelection().setBaseAndExtent(testElement.firstChild, positionOfFrom, testElement.firstChild, positionOfFrom);

    debug("Before inserting placeholder:")
    shouldBeEqualToNumber('document.getElementById("test").childNodes.length', 1);

    // To allow for the control flow to be debugged on Mac, add the event listener here instead of right before insertTextPlaceholder.
    document.addEventListener("DOMSubtreeModified", didInsertPlaceholder, { once: true });

    if (window.internals) {
        let lineHeight = parseInt(window.getComputedStyle(testElement, null).lineHeight, 10);
        internals.insertTextPlaceholder(0 /* width */, lineHeight);
    }
}
runTest();
</script>
</body>
</html>