third_party/WebKit/LayoutTests/fast/dom/Element/setAttributeNode-for-existing-attribute.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script>
   5 function runTest() {
   6     if (window.testRunner)
   7         testRunner.dumpAsText();
   8
   9     var testElement = document.getElementById('test');
  10     var testElementBgColor = testElement.style.backgroundColor;
  11
  12     var newAttr = document.createAttribute("STYLE");
  13     newAttr.value = "background-color: green";
  14     testElement.setAttributeNode(newAttr);
  15     var testElementBgColorAfterReset = testElement.style.backgroundColor;
  16
  17     document.getElementById('result').innerHTML = "background-color specified with lowercase style attribute was: "+testElementBgColor+" and specified with uppercase style attribute is: "+testElementBgColorAfterReset;
  18 }
  19 </script>
  20 </head>
  21 <body onload="runTest();">
  22 <div>Testcase for bug <a href="http://crbug.com/279193">279193</a>: setAttributeNode() does not set the new value to an existing attribute if specified attribute is in a different case.\nThe issue can be manually verified by ascertaining that a green colored block is displayed instead of a red one.</div>
  23 <div id="test" style="background-color: red;"/>&nbsp;</div>
  24 <div id="result"></div>
  25 </body>
  26 </html>