<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="../../resources/js-test-pre.js"></script>
</head>
<body>
<p id="description"></p>
<div id="console"></div>
<script>
description("Tests queryCommandValue('formatBlock')")

var testContainer = document.createElement("span");
testContainer.contentEditable = true;
document.body.appendChild(testContainer);

function queryFormatBlock(selector, content, expected)
{
    testContainer.innerHTML = content;
    var selected = selector(testContainer);
    var actual = document.queryCommandValue('formatBlock');
    var action = "queryCommand('formatBlock') returned \"" + actual + '" selecting ' + selected + ' of "' + content + '"';
    if (actual == expected)
        testPassed(action);
    else
        testFailed(action + ' but expected "' + expected + '"');
}

function selectFirstPosition(container) {
    while (container.firstChild)
        container = container.firstChild;
    window.getSelection().setPosition(container, 0);
    return 'first position'
}

function selectMiddleOfHelloWorld(container) {
    window.getSelection().setPosition(container, 0);
    window.getSelection().modify('move', 'forward', 'character');
    window.getSelection().modify('move', 'forward', 'character');
    window.getSelection().modify('extend', 'forward', 'word');
    window.getSelection().modify('extend', 'forward', 'character');
    window.getSelection().modify('extend', 'forward', 'character');
    window.getSelection().modify('extend', 'forward', 'character');
    return '"llo wo"'
}

debug('Basic cases');
queryFormatBlock(function () {return 'none' }, 'hello', '');
queryFormatBlock(selectFirstPosition, 'hello', '');
queryFormatBlock(selectFirstPosition, '<div contenteditable="false"><h1 contenteditable>hello</h1></div>', '');
queryFormatBlock(selectFirstPosition, '<h1 contenteditable="false"><span contenteditable>hello</span></h1>', '');
queryFormatBlock(selectFirstPosition, '<div><h1 contenteditable="false"><span contenteditable>hello</span></h1></div>', '');
queryFormatBlock(selectFirstPosition, '<div><header contenteditable="false"><h1 contenteditable>hello</h1></header></div>', '');
queryFormatBlock(selectFirstPosition, '<a>hello</a>', '');
queryFormatBlock(selectFirstPosition, '<abbr>hello</abbr>', '');
queryFormatBlock(selectFirstPosition, '<acronym>hello</acronym>', '');
queryFormatBlock(selectFirstPosition, '<b>hello</b>', '');
queryFormatBlock(selectFirstPosition, '<bdo>hello</bdo>', '');
queryFormatBlock(selectFirstPosition, '<big>hello</big>', '');
queryFormatBlock(selectFirstPosition, '<button>hello</button>', '');
queryFormatBlock(selectFirstPosition, '<caption>hello</caption>', '');
queryFormatBlock(selectFirstPosition, '<center>hello</center>', '');
queryFormatBlock(selectFirstPosition, '<cite>hello</cite>', '');
queryFormatBlock(selectFirstPosition, '<code>hello</code>', '');
queryFormatBlock(selectFirstPosition, '<del>hello</del>', '');
queryFormatBlock(selectFirstPosition, '<dfn>hello</dfn>', '');
queryFormatBlock(selectFirstPosition, '<dir>hello</dir>', '');
queryFormatBlock(selectFirstPosition, '<em>hello</em>', '');
queryFormatBlock(selectFirstPosition, '<form><fieldset>hello</fieldset></form>', '');
queryFormatBlock(selectFirstPosition, '<font>hello</font>', '');
queryFormatBlock(selectFirstPosition, '<form>hello</form>', '');
queryFormatBlock(selectFirstPosition, '<i>hello</i>', '');
queryFormatBlock(selectFirstPosition, '<kbd>hello</kbd>', '');
queryFormatBlock(selectFirstPosition, '<label>hello</label>', '');
queryFormatBlock(selectFirstPosition, '<legend>hello</legend>', '');
queryFormatBlock(selectFirstPosition, '<ul><li>hello<li></ul>', '');
queryFormatBlock(selectFirstPosition, '<menu>hello</menu>', '');
queryFormatBlock(selectFirstPosition, '<ol>hello</ol>', '');
queryFormatBlock(selectFirstPosition, '<q>hello</q>', '');
queryFormatBlock(selectFirstPosition, '<s>hello</s>', '');
queryFormatBlock(selectFirstPosition, '<samp>hello</samp>', '');
queryFormatBlock(selectFirstPosition, '<small>hello</small>', '');
queryFormatBlock(selectFirstPosition, '<span>hello</span>', '');
queryFormatBlock(selectFirstPosition, '<strike>hello</strike>', '');
queryFormatBlock(selectFirstPosition, '<strong>hello</strong>', '');
queryFormatBlock(selectFirstPosition, '<sub>hello</sub>', '');
queryFormatBlock(selectFirstPosition, '<sup>hello</sup>', '');
queryFormatBlock(selectFirstPosition, '<table><td>hello</td></table>', '');
queryFormatBlock(selectFirstPosition, '<table><th>hello</th></table>', '');
queryFormatBlock(selectFirstPosition, '<tt>hello</tt>', '');
queryFormatBlock(selectFirstPosition, '<u>hello</u>', '');
queryFormatBlock(selectFirstPosition, '<ul>hello</ul>', '');
queryFormatBlock(selectFirstPosition, '<var>hello</var>', '');

queryFormatBlock(selectFirstPosition, '<address>hello</address>', 'address');
queryFormatBlock(selectFirstPosition, '<article>hello</article>', 'article');
queryFormatBlock(selectFirstPosition, '<aside>hello</aside>', 'aside');
queryFormatBlock(selectFirstPosition, '<blockquote>hello</blockquote>', 'blockquote');
queryFormatBlock(selectFirstPosition, '<dd>hello</dd>', 'dd');
queryFormatBlock(selectFirstPosition, '<dl><dd>hello</dd></dl>', 'dd');
queryFormatBlock(selectFirstPosition, '<div>hello</div>', 'div');
queryFormatBlock(selectFirstPosition, '<dl>hello</dl>', 'dl');
queryFormatBlock(selectFirstPosition, '<dt>hello</dt>', 'dt');
queryFormatBlock(selectFirstPosition, '<dl><dt>hello</dt></dl>', 'dt');
queryFormatBlock(selectFirstPosition, '<footer>hello</footer>', 'footer');
queryFormatBlock(selectFirstPosition, '<h1>hello</h1>', 'h1');
queryFormatBlock(selectFirstPosition, '<h2>hello</h2>', 'h2');
queryFormatBlock(selectFirstPosition, '<h3>hello</h3>', 'h3');
queryFormatBlock(selectFirstPosition, '<h4>hello</h4>', 'h4');
queryFormatBlock(selectFirstPosition, '<h5>hello</h5>', 'h5');
queryFormatBlock(selectFirstPosition, '<h6>hello</h6>', 'h6');
queryFormatBlock(selectFirstPosition, '<header>hello</header>', 'header');
queryFormatBlock(selectFirstPosition, '<hgroup>hello</hgroup>', 'hgroup');
queryFormatBlock(selectFirstPosition, '<main>hello</main>', 'main');
queryFormatBlock(selectFirstPosition, '<nav>hello</nav>', 'nav');
queryFormatBlock(selectFirstPosition, '<p>hello</p>', 'p');
queryFormatBlock(selectFirstPosition, '<pre>hello</pre>', 'pre');
queryFormatBlock(selectFirstPosition, '<section>hello</section>', 'section');

debug('');
debug('Nested cases');
queryFormatBlock(selectFirstPosition, '<h1><h2>hello</h2></h1>', 'h2');
queryFormatBlock(selectFirstPosition, '<h1><address>hello</address></h1>', 'address');
queryFormatBlock(selectFirstPosition, '<pre>hello<p>world</p></pre>', 'pre');
queryFormatBlock(selectMiddleOfHelloWorld, '<pre>hello<p>world</p></pre>', 'pre');
queryFormatBlock(selectMiddleOfHelloWorld, '<address><h1>hello</h1>world</address>', 'address');
queryFormatBlock(selectMiddleOfHelloWorld, '<h1>hello</h1>world', '');

document.body.removeChild(testContainer);
var successfullyParsed = true;
</script>
<script src="../../resources/js-test-post.js"></script>
</body>
</html>