LayoutTests/inspector/syntax-highlight-css.html

   1 <html>
   2 <head>
   3 <script src="../http/tests/inspector/inspector-test.js"></script>
   4 <script src="syntax-highlight.js"></script>
   5 <script>
   6
   7 function test()
   8 {
   9     function dumpSyntaxHighlightCSS(str)
  10     {
  11         InspectorTest.dumpSyntaxHighlight(str, "text/css");
  12     }
  13
  14     dumpSyntaxHighlightCSS("a[href='/']");
  15     dumpSyntaxHighlightCSS("#content > a:hover");
  16     dumpSyntaxHighlightCSS("@import url(style.css);");
  17     dumpSyntaxHighlightCSS("@import url(\"style.css\") projection, tv;");
  18     dumpSyntaxHighlightCSS("@import \"/css/fireball_unicode.css\"; html {}");
  19     dumpSyntaxHighlightCSS("@media screen { body { color: red; } }");
  20     dumpSyntaxHighlightCSS("@font-face { font-family: \"MyHelvetica\"; }");
  21     dumpSyntaxHighlightCSS("p { color: color; red: red; color: #000; color: #FFF; color: #123AbC; color: #faebfe; color:papayawhip; }");
  22     dumpSyntaxHighlightCSS("p { margin: -10px !important; }");
  23
  24     InspectorTest.completeTest();
  25 }
  26
  27 </script>
  28 </head>
  29
  30 <body onload="runTest()">
  31 <p>
  32 Tests that CSSSourceSyntaxHighlighter detects the tokens.
  33 </p>
  34
  35 </body>
  36 </html>