third_party/WebKit/LayoutTests/inspector/elements/styles-2/lazy-computed-style.html

   1 <html>
   2 <head>
   3 <style>
   4
   5 #inspected {
   6     background-color: green;
   7     font-family: Times;
   8 }
   9
  10 #inspected {
  11     background-color: black;
  12     font-family: Courier;
  13 }
  14
  15 #inspected {
  16     background: gray;
  17 }
  18
  19 </style>
  20 <script src="../../../http/tests/inspector/inspector-test.js"></script>
  21 <script src="../../../http/tests/inspector/elements-test.js"></script>
  22 <script>
  23
  24 function test()
  25 {
  26     InspectorTest.selectNodeAndWaitForStyles("inspected", step1);
  27
  28     function step1()
  29     {
  30         InspectorTest.addResult("==== All styles (should be no computed) ====");
  31         InspectorTest.dumpSelectedElementStyles(false, false);
  32         InspectorTest.computedStyleWidget().doUpdate().then(step2);
  33     }
  34
  35     function step2()
  36     {
  37         InspectorTest.addResult("==== All styles (computed should be there) ====");
  38         InspectorTest.dumpSelectedElementStyles(false, false);
  39         InspectorTest.completeTest();
  40     }
  41 }
  42 </script>
  43 </head>
  44
  45 <body onload="runTest()">
  46 <p>
  47 Tests that computed styles expand and allow tracing to style rules.
  48 </p>
  49
  50 <div id="inspected">
  51 </div>
  52
  53 </body>
  54 </html>