LayoutTests/fast/css/duplicate-property-in-rule-important.html

   1 <html>
   2     <head>
   3         <title>Property is declared twice in rule</title>
   4         <style type="text/css">
   5             div
   6             {
   7                 color: red;
   8                 color: green !important;
   9                 color: yellow;
  10                 width: 1px;
  11                 width: 2px !important;
  12                 width: 3px !important;
  13             }
  14         </style>
  15     <script>
  16     if (window.layoutTestController)
  17         window.layoutTestController.dumpAsText();
  18     </script>
  19     </head>
  20     <body>
  21         <div>This text should be green and the page should have no other style.</div>
  22         <div id="testresult">Fail</div>
  23         <script type="text/javascript">
  24             if(document.styleSheets[0].cssRules[0].style.length == 2 &&
  25                document.styleSheets[0].cssRules[0].style.getPropertyValue("color") == "green" &&
  26                document.styleSheets[0].cssRules[0].style.getPropertyPriority("color") == "important" &&
  27                document.styleSheets[0].cssRules[0].style.getPropertyValue("width") == "3px" &&
  28                document.styleSheets[0].cssRules[0].style.getPropertyPriority("width") == "important")
  29             {
  30                 document.getElementById("testresult").innerHTML = "Pass";
  31             }
  32         </script>
  33     </body>
  34 </html>