third_party/WebKit/LayoutTests/inspector/elements/styles-2/parse-comments.html

   1 <html>
   2 <head>
   3
   4 <style type="text/css">
   5 /* Comment: value */
   6
   7 @media /* Comment: value */ not /* Comment: value */print /* Comment: value */ {
   8     /* Comment: value */
   9     /* Comment: value */#main/* Comment: value */{/* Comment: value */ background /* Comment: value */ :/* Comment: value */blue/* Comment: value */;/* Comment: value */ }
  10     /* Comment: value */
  11 }
  12
  13 /* Comment: value */
  14
  15 @font-face {
  16   /* Comment: value */
  17   /* Comment: value */font-family/* Comment: value */:/* Comment: value */ Example/* Comment: value */;/* Comment: value */
  18   /* Comment: value */
  19   /* Comment: value */src/* Comment: value */:/* Comment: value */ url(bogus-example-url)/* Comment: value */;/* Comment: value */
  20   /* Comment: value */
  21 }
  22
  23 /* Comment: value */
  24
  25 #main /* Comment: value */{
  26   /* Comment: value */color/* Comment: value */:/* Comment: value */ green/* Comment: value */;/* Comment: value */
  27 }
  28 /* Comment: value */
  29 @page /* Comment: value */:right /* Comment: value */{/* Comment: value */
  30   /* Comment: value */margin-left/* Comment: value */:/* Comment: value */ 3cm/* Comment: value */;/* Comment: value */
  31   /* Comment: value */margin-right /* Comment: value */: /* Comment: value */4cm /* Comment: value */
  32 }/*Comment: value*/
  33 </style>
  34
  35 <script src="../../../http/tests/inspector/inspector-test.js"></script>
  36 <script src="../../../http/tests/inspector/elements-test.js"></script>
  37 <script>
  38
  39 function test()
  40 {
  41     InspectorTest.selectNodeAndWaitForStyles("main", step1);
  42
  43     function step1()
  44     {
  45         InspectorTest.addResult("Main style:");
  46         InspectorTest.dumpSelectedElementStyles(true, false, true);
  47         InspectorTest.completeTest();
  48     }
  49 }
  50 </script>
  51 </head>
  52
  53 <body onload="runTest()">
  54 <p>
  55 Tests that comments in stylesheets are parsed correctly by the DevTools.
  56 </p>
  57
  58 <div id="main"></div>
  59 </body>
  60 </html>