blob: b515eeebbb4d2075d7ab2f53559aea85d0480599 [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<script src="../../resources/js-test-pre.js"></script>
</head>
<body>
<p id="description"></p>
<div id="console"></div>
<script>
description('Test useCSS command');
var testContainer = document.createElement("div");
testContainer.contentEditable = true;
document.body.appendChild(testContainer);
function testUseCSS(styleArg, expectedState)
{
document.execCommand('useCSS', false, styleArg);
if (document.queryCommandState('styleWithCSS') === expectedState)
testPassed('useCSS changed the state successfully');
else
testFailed('useCSS failed with the argument ' + styleArg);
}
function testSingleToggle(toggleCommand, initialContents, expectedContents)
{
testContainer.innerHTML = initialContents;
window.getSelection().selectAllChildren(testContainer);
document.execCommand("useCSS", false, false);
document.execCommand(toggleCommand, false, null);
if (testContainer.innerHTML === expectedContents)
testPassed("one " + toggleCommand + " command converted " + initialContents + " to " + expectedContents);
else
testFailed("one " + toggleCommand + " command converted " + initialContents + " to " + testContainer.innerHTML + ", expected " + expectedContents);
}
testUseCSS(false, true);
testUseCSS('false', true);
testUseCSS('FALSE', true);
testUseCSS(true, false);
testUseCSS('random string', false);
if (document.queryCommandState('useCSS') === false)
testPassed("queryCommandState('useCSS') returns false");
else
testFailed("queryCommandState('useCSS') should return boolean false");
if (document.queryCommandValue('useCSS') === "")
testPassed("queryCommandValue('useCSS') returns ''");
else
testFailed("queryCommandValue('useCSS') should return string ''");
testSingleToggle("underline", "test", "<span style=\"text-decoration: underline;\">test</span>");
document.body.removeChild(testContainer);
</script>
<script src="../../resources/js-test-post.js"></script>
</body>
</html>