<!DOCTYPE html>
<html>
<body>
<p>This test that CSS property caret-color is preserved when copying and pasting.</p>
<p>To manually test, copy "caret-color: blue, caret-color: magenta" and paste it on the second editable region. Then verify that the color of the text insertion caret is blue and magenta when placed inside the substring "caret-color: blue" and "caret-color: magenta", respectively.</p>
<div id="copy" contenteditable="true"><span style="caret-color: blue">caret-color: blue, <span style="caret-color: magenta">caret-color: magenta</span></span></div>
<div id="paste" contenteditable="true"><br></div>
<script src="../../resources/dump-as-markup.js"></script>
<script>
if (!window.testRunner)
    Markup.noAutoDump();
else {
    var copy = document.getElementById("copy");
    copy.focus();
    document.execCommand("SelectAll");
    document.execCommand("Copy");
    var paste = document.getElementById("paste");
    paste.focus();
    document.execCommand("Paste");

    Markup.description(document.getElementsByTagName("p")[0].innerText);
    Markup.dump("paste");
}
</script>
</body>
</html>