editing/execCommand/format-block-multiple-paragraphs.html

<!DOCTYPE html>
<html>
<body>
<script src="../../resources/dump-as-markup.js"></script>
<div id="test0" contenteditable>
<div>hello</div><div>world</div><div>WebKit</div>
</div>
<div id="test1" contenteditable>
<p>hello</p><p>world</p>
</div>
<div id="test2" contenteditable>
<div>hello<pre>world</pre></div>
</div>
<div id="test3" contenteditable>
<h1>hello</h1><div><h2>world</h2><h3>WebKit</h3></div>
</div>
<div id="test4" contenteditable>
<div>hello<p>world</p>webkit</div>
</div>
<div id="test5" contenteditable>
<pre>hello
world
webkit
</pre>
</div>
<div id="test6" contenteditable>
<pre>hello
world
webkit
</pre>
</div>
<div id="test7" contenteditable>
hello<p>world</p><p>webkit</p>
</pre>
</div>
<div id="test8" contenteditable>
<div>hello</div><div>world</div><div>webkit</div>
</div>
<div id="test9" contenteditable>
<ul><li>hello</li><li>world</li></ul>
</div>
<script>

Markup.description('This tests ensures formatBlock do not make multiple elements when formatting multiple paragraphs.')

function testIndentation(containerId, selector, value) {
    var container = document.getElementById(containerId);
    selector(container);
    Markup.dump(container, 'Formatting');
    document.execCommand('FormatBlock', false, value);
    Markup.dump(container, 'by ' + value + ' yields');
}

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

function selectorForLines(first, last) {
    return function (container) {
        window.getSelection().setPosition(container, 0);
        for (var i = 0; i < first - 1; i++)
            window.getSelection().modify('move', 'forward', 'line');
        for (var i = 0; i < Math.abs(last - first, 0) + 1; i++)
            window.getSelection().modify('extend', 'forward', 'line');
        window.getSelection().modify('extend', 'backward', 'character');
    }
}

testIndentation('test0', selectAll, 'p');
testIndentation('test1', selectAll, 'blockquote');
testIndentation('test2', selectAll, 'p');
testIndentation('test3', selectAll, 'pre');
testIndentation('test4', selectorForLines(2, 3), 'h1');
testIndentation('test5', selectorForLines(1, 2), 'blockquote');
testIndentation('test6', selectorForLines(2, 3), 'blockquote');
testIndentation('test7', selectorForLines(1, 2), 'pre');
testIndentation('test8', selectorForLines(2, 3), 'pre');
testIndentation('test9', selectAll, 'blockquote');

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