LayoutTests/inspector/styles/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 function test()
   8 {
   9
  10     InspectorTest.selectNodeAndWaitForStyles("nested", step1);
  11
  12     function step1()
  13     {
  14         var treeItem = InspectorTest.getElementStylePropertyTreeItem("font-weight");
  15         InspectorTest.addResult("Before disable");
  16         InspectorTest.dumpSelectedElementStyles(true);
  17
  18         InspectorTest.selectNodeAndWaitForStyles("container", step2);
  19     }
  20
  21     function step2()
  22     {
  23         var treeItem = InspectorTest.getElementStylePropertyTreeItem("font-weight");
  24         treeItem.toggleEnabled({ target: { checked: false } });
  25         InspectorTest.selectNodeAndWaitForStyles("nested", step3);
  26     }
  27
  28     function step3()
  29     {
  30         InspectorTest.addResult("After disable:");
  31         InspectorTest.dumpSelectedElementStyles(true);
  32         InspectorTest.completeTest();
  33     }
  34 }
  35 </script>
  36 </head>
  37
  38 <body onload="runTest()">
  39 <p>
  40 Tests that disabling inherited style property does not break further style inspection.
  41 </p>
  42
  43 <div id="container" style="font-weight:bold">
  44     <div id="nested"></div>
  45 </div>
  46
  47 </body>
  48 </html>