53 lines
1.7 KiB
HTML
53 lines
1.7 KiB
HTML
<!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>
|