5 <script src="../../../resources/js-test.js"></script>
10 description("Tests that the -webkit-column-rule shorthand is computed properly.")
12 var testContainer = document.createElement("div");
13 testContainer.contentEditable = true;
14 document.body.appendChild(testContainer);
16 testContainer.innerHTML = '<div id="test" style="-webkit-column-rule: thin dotted black;">hello</div>';
18 e = document.getElementById('test');
19 computedStyle = window.getComputedStyle(e, null);
21 shouldBeEqualToString("computedStyle.getPropertyValue('-webkit-column-rule')", '1px dotted rgb(0, 0, 0)');
23 e.style.webkitColumnRule="10px red";
24 shouldBeEqualToString("computedStyle.getPropertyValue('-webkit-column-rule')", '0px none rgb(255, 0, 0)');
26 e.style.webkitColumnRuleWidth="medium"
27 e.style.webkitColumnRuleStyle="dashed"
28 shouldBeEqualToString("computedStyle.getPropertyValue('-webkit-column-rule')", '3px dashed rgb(255, 0, 0)');
30 e.style.webkitColumnRule="10px dotted blue"
31 e.style.webkitColumnRuleStyle="none";
32 shouldBeEqualToString("computedStyle.getPropertyValue('-webkit-column-rule')", '0px none rgb(0, 0, 255)');
34 e.style.webkitColumnRuleStyle="hidden";
35 shouldBeEqualToString("computedStyle.getPropertyValue('-webkit-column-rule')", '0px hidden rgb(0, 0, 255)');
37 document.body.removeChild(testContainer);