editing/execCommand/format-block-table.html

<!DOCTYPE html>
<html>
<body>
<script src="../../resources/dump-as-markup.js"></script>
<div id="test0" contenteditable>
<table><tr><td>hello</td><td>world</td></tr></table>
</div>
<div id="test1" contenteditable>
<table><tr><td>hello</td><td>world</td></tr></table>
</div>
<div id="test2" contenteditable>
<table><tr><td><p>hello</p><div>world</div></td><td>WebKit</td></tr></table>
</div>
<div id="test3" contenteditable>
<table><tr><td><ul><li>hello</li><li>world</li></ul></td><td>WebKit</td></tr></table>
</div>
<script>

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 selectFirstCell(container) {
    window.getSelection().selectAllChildren(container.getElementsByTagName('td')[0]);
}

testIndentation('test0', selectAll, 'p');
testIndentation('test1', selectFirstCell, 'blockquote');
testIndentation('test2', selectFirstCell, 'h3');
testIndentation('test3', selectFirstCell, 'address');

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