LayoutTests/fast/css/invalid-import-rule-insertion.html - WebKit - Git at Google

 <html>
 <head>
     <title>HIERARCHY_REQUEST_ERR raised if @import rule inserted after a regular rule</title>
     <style type="text/css">
         body {color: Blue; }
         div {color: Red; }
     </style>
     <script>
     if (window.testRunner)
         window.testRunner.dumpAsText();
     </script>
 </head>
 <body>
     <div>This text should be red and the page should have no other style.</div>
     <div id="testresult">Fail</div>
     <script type="text/javascript">
         try
         {
             document.styleSheets[0].insertRule("@import url(testStyle1.css);", 1);
         }
         catch(e)
         {
             if(window.getComputedStyle(document.body, "").getPropertyValue("background-color") == "rgba(0, 0, 0, 0)" && document.styleSheets[0].cssRules.length == 2)
             {
                 document.getElementById("testresult").innerHTML = "Pass";
             }
         }
     </script>
 </body>
 </html>
	<html>
	<head>
	<title>HIERARCHY_REQUEST_ERR raised if @import rule inserted after a regular rule</title>
	<style type="text/css">
	body {color: Blue; }
	div {color: Red; }
	</style>
	<script>
	if (window.testRunner)
	window.testRunner.dumpAsText();
	</script>
	</head>
	<body>
	<div>This text should be red and the page should have no other style.</div>
	<div id="testresult">Fail</div>
	<script type="text/javascript">
	try
	{
	document.styleSheets[0].insertRule("@import url(testStyle1.css);", 1);
	}
	catch(e)
	{
	if(window.getComputedStyle(document.body, "").getPropertyValue("background-color") == "rgba(0, 0, 0, 0)" && document.styleSheets[0].cssRules.length == 2)
	{
	document.getElementById("testresult").innerHTML = "Pass";
	}
	}
	</script>
	</body>
	</html>