<!DOCTYPE html><!-- webkit-test-runner [ enableEditableImages=true enableAttachmentElement=true ] -->
<head>
<script src="../../resources/ui-helper.js"></script>
<script>
if (window.testRunner) {
    testRunner.dumpAsText();
    testRunner.waitUntilDone();
}

addEventListener("load", async () => {
    const div = document.getElementById("test");

    const selection = window.getSelection();

    selection.setPosition(div, 0);
    testRunner.execCommand("InsertEditableImage");

    await UIHelper.drawSquareInEditableImage();
    const numberOfStrokesInEditableImageAfterDrawing = (await UIHelper.numberOfStrokesInEditableImage());
    const firstImage = document.querySelector("img");
    const initialAttachmentID = HTMLAttachmentElement.getAttachmentIdentifier(firstImage);

    // We need to make sure that the canvas gets a non-zero size before trying to serialize it.
    await UIHelper.ensurePresentationUpdate();

    selection.setBaseAndExtent(div.firstChild, 0, div.firstChild, 1);
    testRunner.execCommand("Copy");

    selection.collapseToEnd();
    testRunner.execCommand("Paste");

    firstImage.parentElement.removeChild(firstImage);

    const numberOfStrokesInEditableImageAfterPasting = (await UIHelper.numberOfStrokesInEditableImage());

    await UIHelper.drawSquareInEditableImage();
    const numberOfStrokesInEditableImageAfterSecondDrawing = (await UIHelper.numberOfStrokesInEditableImage());
    const pastedAttachmentID = HTMLAttachmentElement.getAttachmentIdentifier(document.querySelector("img"));

    const attachmentIDsAreDifferent = (initialAttachmentID != pastedAttachmentID) ? "yes" : "no";

    document.getElementById("log").innerHTML = `Had ${numberOfStrokesInEditableImageAfterDrawing} stroke in editable image after drawing.<br/>Had ${numberOfStrokesInEditableImageAfterPasting} stroke in editable image after copying and pasting.<br/>Had ${numberOfStrokesInEditableImageAfterSecondDrawing} strokes in editable image after drawing on pasted image.<br/>Pasted image got a new attachment ID: ${attachmentIDsAreDifferent}.`;
    testRunner.notifyDone();
});
</script>
</head>
<body contenteditable><div id="log"><br/></div><div id="test"><br/></div></body>