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

   1 <html>
   2 <head>
   3 <style>
   4 @media all {
   5     ::-moz-focus-inner {}
   6 }
   7 #main {
   8     color: red;
   9 }
  10 </style>
  11
  12 <style>
  13 @-webkit-region x {
  14     x ? {}
  15 }
  16 #main {
  17     color: blue;
  18 }
  19 </style>
  20
  21 <style>
  22 @-webkit-region x {
  23     ? {}
  24 }
  25 #main {
  26     color: white;
  27 }
  28 </style>
  29
  30 <script src="../../../http/tests/inspector/inspector-test.js"></script>
  31 <script src="../../../http/tests/inspector/elements-test.js"></script>
  32 <script>
  33
  34 function test()
  35 {
  36     InspectorTest.selectNodeAndWaitForStyles("main", step1);
  37
  38     function step1()
  39     {
  40         InspectorTest.dumpSelectedElementStyles(true, false, true);
  41         InspectorTest.completeTest();
  42     }
  43 }
  44
  45 </script>
  46 </head>
  47
  48 <body onload="runTest()">
  49 <p>
  50 Tests that invalid rule inside @-rule doesn't break source code matching (http://crbug.com/317499).
  51 </p>
  52
  53 <div id="main"></div>
  54
  55 </body>
  56 </html>