| <html> |
| <head> |
| <title>getPropertyValue should be case insensitive</title> |
| <script> |
| function log(msg) |
| { |
| var console = document.getElementById('console'); |
| console.appendChild(document.createTextNode(msg + "\n")); |
| } |
| |
| function test() |
| { |
| var test; |
| var lowerValue, upperValue; |
| |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| |
| test = document.getElementById('test'); |
| lowerValue = document.defaultView.getComputedStyle(test, "").getPropertyValue("width"); |
| upperValue = document.defaultView.getComputedStyle(test, "").getPropertyValue("WIDTH"); |
| log("getPropertyValue: " + (lowerValue === upperValue ? "PASS" : "FAIL")); |
| |
| test.style.setProperty("color", "#ff0000", null); |
| test.style.setProperty("COLOR", "#00cc00", null); |
| lowerValue = document.defaultView.getComputedStyle(test, "").getPropertyValue("color"); |
| log("setProperty: " + (lowerValue == "rgb(0, 204, 0)" ? "PASS" : "FAIL")); |
| |
| test.style.setProperty("font-weight", "bold", null); |
| test.style.removeProperty("FONT-WEIGHT"); |
| lowerValue = document.defaultView.getComputedStyle(test, "").getPropertyValue("font-weight"); |
| log("removeProperty: " + (lowerValue == "400" ? "PASS" : "FAIL")); |
| } |
| </script> |
| </head> |
| <body onload="test();"> |
| <p>Property names retrieved by getPropertyValue, setProperty, removeProperty and others must be treated as case insensitive. This test ensures that they are.</p> |
| <p>References</p> |
| <ul> |
| <li><a href="http://bugs.webkit.org/show_bug.cgi?id=14645">http://bugs.webkit.org/show_bug.cgi?id=14645</a></li> |
| <li><a href="http://www.w3.org/TR/CSS1#forward-compatible-parsing">http://www.w3.org/TR/CSS1#forward-compatible-parsing</a></li> |
| </ul> |
| <p id="test">This paragraph should be green, and not bold when the test completes.</p> |
| <pre id='console'></pre> |
| </body> |
| </html> |
