blob: c591500214b109d4262fb06e594e4ab737a337d7 [file] [log] [blame]
<!DOCTYPE HTML>
<html>
<head>
<script src="../../resources/js-test-pre.js"></script>
</head>
<body>
<div id="p"></div>
<div id="q"><div id="r"></div></div>
<script type="text/javascript">
function testEmptyIsBoth(stylesheet, target) {
cssRule = stylesheet.cssRules.item(0);
shouldBe("cssRule.type", "cssRule.STYLE_RULE");
declaration = cssRule.style;
shouldBe("declaration.length", "0");
shouldBeEqualToString("declaration.getPropertyValue('font-synthesis')", "");
computedStyle = window.getComputedStyle(target, null);
shouldBeEqualToString("computedStyle.getPropertyCSSValue('font-synthesis').cssText", "weight style small-caps");
stylesheet.deleteRule(0);
}
function testInitialIsBoth(stylesheet, target) {
cssRule = stylesheet.cssRules.item(0);
shouldBe("cssRule.type", "cssRule.STYLE_RULE");
declaration = cssRule.style;
shouldBe("declaration.length", "1");
shouldBeEqualToString("declaration.getPropertyValue('font-synthesis')", "initial");
computedStyle = window.getComputedStyle(target, null);
shouldBeEqualToString("computedStyle.getPropertyCSSValue('font-synthesis').cssText", "weight style small-caps");
stylesheet.deleteRule(0);
}
function testWeight(stylesheet, target) {
cssRule = stylesheet.cssRules.item(0);
shouldBe("cssRule.type", "cssRule.STYLE_RULE");
declaration = cssRule.style;
shouldBe("declaration.length", "1");
shouldBeEqualToString("declaration.getPropertyValue('font-synthesis')", "weight");
computedStyle = window.getComputedStyle(target, null);
shouldBeEqualToString("computedStyle.getPropertyCSSValue('font-synthesis').cssText", "weight");
stylesheet.deleteRule(0);
}
function testStyle(stylesheet, target) {
cssRule = stylesheet.cssRules.item(0);
shouldBe("cssRule.type", "cssRule.STYLE_RULE");
declaration = cssRule.style;
shouldBe("declaration.length", "1");
shouldBeEqualToString("declaration.getPropertyValue('font-synthesis')", "style");
computedStyle = window.getComputedStyle(target, null);
shouldBeEqualToString("computedStyle.getPropertyCSSValue('font-synthesis').cssText", "style");
stylesheet.deleteRule(0);
}
function testWeightAndStyle(stylesheet, target) {
cssRule = stylesheet.cssRules.item(0);
shouldBe("cssRule.type", "cssRule.STYLE_RULE");
declaration = cssRule.style;
shouldBe("declaration.length", "1");
shouldBeEqualToString("declaration.getPropertyValue('font-synthesis')", "weight style");
computedStyle = window.getComputedStyle(target, null);
shouldBeEqualToString("computedStyle.getPropertyCSSValue('font-synthesis').cssText", "weight style");
stylesheet.deleteRule(0);
}
function testStyleAndWeight(stylesheet, target) {
cssRule = stylesheet.cssRules.item(0);
shouldBe("cssRule.type", "cssRule.STYLE_RULE");
declaration = cssRule.style;
shouldBe("declaration.length", "1");
shouldBeEqualToString("declaration.getPropertyValue('font-synthesis')", "weight style");
computedStyle = window.getComputedStyle(target, null);
shouldBeEqualToString("computedStyle.getPropertyCSSValue('font-synthesis').cssText", "weight style");
stylesheet.deleteRule(0);
}
var styleElement = document.createElement("style");
document.head.appendChild(styleElement);
stylesheet = styleElement.sheet;
var target = document.getElementById("p");
stylesheet.insertRule("#p { }", 0);
testEmptyIsBoth(stylesheet, target);
stylesheet.insertRule("#p { font-synthesis: initial; }", 0);
testInitialIsBoth(stylesheet, target);
stylesheet.insertRule("#p { font-synthesis: weight }", 0);
testWeight(stylesheet, target);
stylesheet.insertRule("#p { font-synthesis: style }", 0);
testStyle(stylesheet, target);
stylesheet.insertRule("#p { font-synthesis: weight style }", 0);
testWeightAndStyle(stylesheet, target);
stylesheet.insertRule("#p { font-synthesis: style weight }", 0);
testStyleAndWeight(stylesheet, target);
stylesheet.insertRule("#p { font-synthesis: garbage style }", 0);
testEmptyIsBoth(stylesheet, target);
stylesheet.insertRule("#p { font-synthesis: style garbage }", 0);
testEmptyIsBoth(stylesheet, target);
stylesheet.insertRule("#p { font-synthesis: garbage style garbage }", 0);
testEmptyIsBoth(stylesheet, target);
stylesheet.insertRule("#p { font-synthesis: style garbage style }", 0);
testEmptyIsBoth(stylesheet, target);
stylesheet.insertRule("#p { font-synthesis: weight garbage }", 0);
testEmptyIsBoth(stylesheet, target);
</script>
<script src="../../resources/js-test-post.js"></script>
</body>
</html>