LayoutTests/fast/css/parsing-css-comment.html - WebKit - Git at Google

 <head>
 <style>
 #a { color: green; }
 /*
   Normal multiline comment
 */
 #b { color: green; }
 /*
 #c { color: green; }
 */

 /* Single line comment */
 /* #d { color: green; } */
 #e { color: green; }

 /*/ Comment start with slash */
 /*/ #f { color: green; } */

 /* #g is valid: */
 /**/ #g { color: green; } */
 #h { color: green; }
 /**/#i/**/{/**/color/**/:/**/green/**/;/**/}

 /* Unterminated comment. Should not crash.
 </style>

 <script>

 function runTest()
 {
     if (window.testRunner)
         testRunner.dumpAsText();

     var rules = document.styleSheets[0].cssRules;
     var text = "";
     for (var i = 0; i < rules.length; i++) {
         text += rules.item(i).cssText;
         text += "\n";
     }

     document.getElementById("result").appendChild(document.createTextNode(text));

     if (document.getElementById("result").firstChild.data === document.getElementById("expected").firstChild.data)
         document.getElementById("message").firstChild.data = "SUCCESS";
     else
         document.getElementById("message").firstChild.data = "FAILURE";
 }

 </script>

 </head>

 <body onload="runTest()">

 <p>Test parsing of CSS nth-child tokens.</p>

 <p id="message">TEST DID NOT COMPLETE</p>

 <p>Rules from the stylesheet:</p>

 <pre id="result"></pre>

 <p>Expected result:</p>

 <pre id="expected">#a { color: green; }
 #b { color: green; }
 #e { color: green; }
 #g { color: green; }
 #i { color: green; }
 </pre>

 <script>

 </script>
 </body>
	<head>
	<style>
	#a { color: green; }
	/*
	Normal multiline comment
	*/
	#b { color: green; }
	/*
	#c { color: green; }
	*/

	/* Single line comment */
	/* #d { color: green; } */
	#e { color: green; }

	// Comment start with slash /
	// #f { color: green; } /

	/* #g is valid: */
	/*/ #g { color: green; } /
	#h { color: green; }
	//#i//{//color//://green//;/**/}

	/* Unterminated comment. Should not crash.
	</style>

	<script>

	function runTest()
	{
	if (window.testRunner)
	testRunner.dumpAsText();

	var rules = document.styleSheets[0].cssRules;
	var text = "";
	for (var i = 0; i < rules.length; i++) {
	text += rules.item(i).cssText;
	text += "\n";
	}

	document.getElementById("result").appendChild(document.createTextNode(text));

	if (document.getElementById("result").firstChild.data === document.getElementById("expected").firstChild.data)
	document.getElementById("message").firstChild.data = "SUCCESS";
	else
	document.getElementById("message").firstChild.data = "FAILURE";
	}

	</script>

	</head>

	<body onload="runTest()">

	<p>Test parsing of CSS nth-child tokens.</p>

	<p id="message">TEST DID NOT COMPLETE</p>

	<p>Rules from the stylesheet:</p>

	<pre id="result"></pre>

	<p>Expected result:</p>

	<pre id="expected">#a { color: green; }
	#b { color: green; }
	#e { color: green; }
	#g { color: green; }
	#i { color: green; }
	</pre>

	<script>

	</script>
	</body>