third_party/WebKit/LayoutTests/fast/css/invalid-import-rule-insertion.html

   1 <html>
   2 <head>
   3     <title>HIERARCHY_REQUEST_ERR raised if @import rule inserted after a regular rule</title>
   4     <style type="text/css">
   5         body {color: Blue; }
   6         div {color: Red; }
   7     </style>
   8     <script>
   9     if (window.testRunner)
  10         window.testRunner.dumpAsText();
  11     </script>
  12 </head>
  13 <body>
  14     <div>This text should be red and the page should have no other style.</div>
  15     <div id="testresult">Fail</div>
  16     <script type="text/javascript">
  17         try
  18         {
  19             document.styleSheets[0].insertRule("@import url(testStyle1.css);", 1);
  20         }
  21         catch(e)
  22         {
  23             if(window.getComputedStyle(document.body, "").getPropertyValue("background-color") == "rgba(0, 0, 0, 0)" && document.styleSheets[0].cssRules.length == 2)
  24             {
  25                 document.getElementById("testresult").innerHTML = "Pass";
  26             }
  27         }
  28     </script>
  29 </body>
  30 </html>