blob: 7d2db53bc1241b9263dd861207afe05765dade38 [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 styleWithCSS command');
function testStyleWithCSS(styleArg, expectedState)
{
document.execCommand('styleWithCSS', false, styleArg);
if (document.queryCommandState('styleWithCSS') === expectedState)
testPassed('styleWithCSS changed the state successfully');
else
testFailed('styleWithCSS failed with the argument ' + styleArg);
}
testStyleWithCSS(true, true);
testStyleWithCSS('false', false);
testStyleWithCSS('FALSE', false);
testStyleWithCSS('random string', true);
testStyleWithCSS(null, true);
document.execCommand('styleWithCSS', false, true);
if (document.queryCommandState('styleWithCSS') === true)
testPassed("queryCommandState('styleWithCSS') returns true");
else
testFailed("queryCommandState('styleWithCSS') should return boolean true");
if (document.queryCommandValue('styleWithCSS') === 'true')
testPassed("queryCommandValue('styleWithCSS') returns 'true'");
else
testFailed("queryCommandValue('styleWithCSS') should return 'true'");
document.execCommand('styleWithCSS', false, false);
if (document.queryCommandState('styleWithCSS') === false)
testPassed("queryCommandState('styleWithCSS') returns false");
else
testFailed("queryCommandState('styleWithCSS') should return boolean false");
if (document.queryCommandValue('styleWithCSS') === 'false')
testPassed("queryCommandValue('styleWithCSS') returns 'false'");
else
testFailed("queryCommandValue('styleWithCSS') should return 'false'");
</script>
<script src="../../resources/js-test-post.js"></script>
</body>
</html>