third_party/WebKit/LayoutTests/inspector/elements/styles-3/styles-disable-inherited.html

   1 <html>
   2 <head>
   3 <script src="../../../http/tests/inspector/inspector-test.js"></script>
   4 <script src="../../../http/tests/inspector/elements-test.js"></script>
   5 <script>
   6
   7 var initialize_AdditionalPreload = function() {
   8     InspectorTest.preloadModule("source_frame");
   9 }
  10
  11 function test()
  12 {
  13
  14     InspectorTest.selectNodeAndWaitForStyles("nested", step1);
  15
  16     function step1()
  17     {
  18         var treeItem = InspectorTest.getElementStylePropertyTreeItem("font-weight");
  19         InspectorTest.addResult("Before disable");
  20         InspectorTest.dumpSelectedElementStyles(true);
  21
  22         InspectorTest.selectNodeAndWaitForStyles("container", step2);
  23     }
  24
  25     function step2()
  26     {
  27         InspectorTest.toggleStyleProperty("font-weight", false);
  28         InspectorTest.selectNodeAndWaitForStyles("nested", step3);
  29     }
  30
  31     function step3()
  32     {
  33         InspectorTest.addResult("After disable:");
  34         InspectorTest.dumpSelectedElementStyles(true);
  35         InspectorTest.completeTest();
  36     }
  37 }
  38 </script>
  39 </head>
  40
  41 <body onload="runTest()">
  42 <p>
  43 Tests that disabling inherited style property does not break further style inspection.
  44 </p>
  45
  46 <div id="container" style="font-weight:bold">
  47     <div id="nested"></div>
  48 </div>
  49
  50 </body>
  51 </html>