fast/css/css-properties-case-insensitive.html

<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 == "normal" ? "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>