editing/execCommand/indent-with-style2.html

<html>
<body>
This tests indenting paragraphs with different inline styles combinations.
<p>
<a href="https://bugs.webkit.org/show_bug.cgi?id=32233">Bug 32233</a>
<a href="rdar://problem/7442387"> Radar 7442387</a>
<br>
<a href="https://bugs.webkit.org/show_bug.cgi?id=32843">Bug 32843</a>
<a href="rdar://problem/7489326"> Radar 7489326</a>
</p>
<div id="e" contenteditable="true">
    one
    <div id="test1"><span class="Apple-style-span" style="background-color: rgb(255, 0, 0);">two</span> three</div>
    <div id="test2">four<span class="Apple-style-span" style="background-color: rgb(255, 0, 0);">five</span></div>
    <div><span class="Apple-style-span" style="background-color: rgb(255, 0, 0);">four</span></div>
    <ul><li><b>foo</b>bar</li></ul>
    <span class="Apple-style-span" style="background-color: rgb(255, 0, 0);"><font class="Apple-style-span" color="#3333FF">five</font></span> six <b><i>seven</i></b> 
</div>
<ul id="console"></ul>

<script type="text/javascript">

if (window.testRunner) {
    testRunner.dumpAsText();
}
var elem = document.getElementById("e");
var selection = window.getSelection();
selection.setPosition(elem, 0);

log("Before: " + elem.innerHTML);
document.execCommand("SelectAll");
document.execCommand("Indent");
log("After: " + elem.innerHTML);

function log(str) {
    var li = document.createElement("li");
    li.appendChild(document.createTextNode(str));
    var console = document.getElementById("console");
    console.appendChild(li);
}
</script>
</body>
</html>