third_party/WebKit/LayoutTests/inspector/elements/styles-4/styles-source-lines.html

   1 <html>
   2 <head>
   3 <!--
   4     Line numbers are reported wrt the opened style tag baseline.
   5     Allow some space here to align local line numbers to be style + 10.
   6     Selector sourceLine is the line of the corresponding { following the
   7     selector text.
   8 -->
   9
  10 <style type="text/css" media="screen">
  11 #main, .at_line_11::/*
  12 Multiline comment
  13 before pseudo element
  14               */before
  15 {
  16     color:red;
  17     content: "Before"
  18 }
  19 /*
  20
  21 Multiline comment followed with whitespace
  22
  23
  24 */
  25
  26 #main, .at_line_26
  27
  28
  29 {
  30     /* Comment in definition*/
  31     /* Comment in definition 2*/
  32
  33     /* Comment in definition 3
  34     */font-family:/*  Comment in
  35                       value  */courier;
  36     color blue;
  37 }/*Multiline comment
  38
  39 followed by selector
  40 */#main,
  41 .at_line_41
  42
  43 {
  44     font-size:
  45         10px;
  46 }
  47
  48
  49 #main, .at_line_49
  50 {
  51     border: 1px solid
  52     red;
  53 }
  54 </style>
  55
  56 <script src="../../../http/tests/inspector/inspector-test.js"></script>
  57 <script src="../../../http/tests/inspector/elements-test.js"></script>
  58 <script>
  59
  60 function test()
  61 {
  62     InspectorTest.selectNodeAndWaitForStyles("main", step1);
  63
  64     function step1()
  65     {
  66         InspectorTest.dumpSelectedElementStyles(true, false, true);
  67         InspectorTest.completeTest();
  68     }
  69 }
  70
  71 </script>
  72 </head>
  73
  74 <body onload="runTest()">
  75 <p>
  76 Tests that proper source lines are reported for the parsed styles.
  77 </p>
  78
  79 <div id="main"></div>
  80
  81 </body>
  82 </html>