71948328a57e7cfb897f5f38c03504a9e78cce36
[WebKit-https.git] / 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>