editing/execCommand/indent-pre-list.html

<!DOCTYPE html>
<html>
<body>
<script src="../../resources/dump-as-markup.js"></script>
<div id="test0" contenteditable>
<pre>
<ul><li>hello</li></ul></pre>
</div>

<div id="test1" contenteditable>
<pre><ul><li>hello
world</li>
</ul></pre>
</div>

<div id="test2" contenteditable>
<ul><li><pre>
hello
world
webkit
</pre></li></ul>
</div>

<div id="test3" contenteditable>
<ul><li><pre>
hello
world
webkit
</pre></li></ul>
</div>

<div id="test4" contenteditable>
<ul><li><pre>
hello
world
webkit
</pre></li></ul>
</div>

<div id="test5" contenteditable>
<ul><li><pre>
hello
world
webkit
</pre></li></ul>
</div>

<script>

function testIndentation(containerId, selector) {
    var container = document.getElementById(containerId);
    selector(container);
    Markup.dump(container, 'Indenting');
    document.execCommand('indent', false, null);
    Markup.dump(container, 'yields');
}

function selectAll(container) {
    window.getSelection().selectAllChildren(container);
}

function selectorForLineN(line) {
    return function (container) {
        window.getSelection().setPosition(container, 0);
        for (var i = 0; i < line - 1; i++)
            window.getSelection().modify('move', 'forward', 'line');
        window.getSelection().modify('extend', 'forward', 'line');
        // Avoid including \n at the end of line.
        window.getSelection().modify('extend', 'backward', 'character');
    }
}

testIndentation('test0', selectAll);
testIndentation('test1', selectAll);
testIndentation('test2', selectAll);
testIndentation('test3', selectorForLineN(1));
testIndentation('test4', selectorForLineN(2));
testIndentation('test5', selectorForLineN(3));

</script>
</body>
</html>