OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 |
| 3 <style type="text/css"> |
| 4 div { border: 2px solid red; } |
| 5 div[attr1="LOWER"] { border-top-color: yellow } |
| 6 div[attr1="lower"] { border-top-color: green } |
| 7 div[attr2="upper"] { border-right-color: yellow } |
| 8 div[attr2="UPPER"] { border-right-color: green } |
| 9 div[attr3="lower" i] { border-bottom-color: green } |
| 10 div[attr4="UPPER" i] { border-left-color: green } |
| 11 </style> |
| 12 |
| 13 <div id="element" attr1="lower" attr2="UPPER" attr3="LOWER" attr4="upper"> |
| 14 PASS if this element's border is all green, not red. |
| 15 </div> |
| 16 |
| 17 <script src="../../resources/js-test.js"></script> |
| 18 <script> |
| 19 if (window.testRunner) |
| 20 testRunner.dumpAsText(); |
| 21 |
| 22 var element = document.getElementById("element"); |
| 23 shouldBe("window.getComputedStyle(element).borderTopColor", "'rgb(0, 128, 0)'"
); |
| 24 shouldBe("window.getComputedStyle(element).borderRightColor", "'rgb(0, 128, 0)
'"); |
| 25 shouldBe("window.getComputedStyle(element).borderBottomColor", "'rgb(0, 128, 0
)'"); |
| 26 shouldBe("window.getComputedStyle(element).borderLeftColor", "'rgb(0, 128, 0)'
"); |
| 27 </script> |
OLD | NEW |