src/third_party/WebKit/LayoutTests/http/tests/inspector/elements/styles/selector-line-deprecated.html

   1 <html>
   2 <head>
   3 <style>
   4 #inspected
   5 {
   6   color: green;
   7 }
   8 </style>
   9 <script src="../../inspector-test.js"></script>
  10 <script src="../../elements-test.js"></script>
  11 <script>
  12
  13 function addStylesheet()
  14 {
  15     var linkElement = document.createElement("link");
  16     linkElement.rel = "stylesheet";
  17     linkElement.href = "resources/selector-line-deprecated.css";
  18     document.head.appendChild(linkElement);
  19 }
  20
  21 function test()
  22 {
  23     WebInspector.cssModel.addEventListener(WebInspector.CSSStyleModel.Events.StyleSheetAdded, step1, this);
  24     InspectorTest.evaluateInPage("addStylesheet()");
  25
  26     function step1()
  27     {
  28         InspectorTest.addSniffer(WebInspector.CSSWorkspaceBinding.prototype, "pushSourceMapping", sourceMappingSniffer, true);
  29
  30         function sourceMappingSniffer(header, sourceMapping)
  31         {
  32             if (sourceMapping instanceof WebInspector.SASSSourceMapping) {
  33                 InspectorTest.selectNodeAndWaitForStyles("inspected", step2);
  34             }
  35         }
  36     }
  37
  38     function step2()
  39     {
  40         InspectorTest.dumpSelectedElementStyles(true);
  41         InspectorTest.completeTest();
  42     }
  43 }
  44
  45 </script>
  46 </head>
  47
  48 <body onload="runTest()">
  49 <p>
  50 Tests that selector line is computed correctly regardless of its start column. <a href="https://bugs.webkit.org/show_bug.cgi?id=110732">Bug 110732</a>.
  51 </p>
  52
  53 <div id="container">
  54     <div id="inspected">Text</div>
  55 </div>
  56
  57 </body>
  58 </html>