src/third_party/WebKit/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         InspectorTest.toggleStyleProperty("font-weight", false);
  24         InspectorTest.selectNodeAndWaitForStyles("nested", step3);
  25     }
  26
  27     function step3()
  28     {
  29         InspectorTest.addResult("After disable:");
  30         InspectorTest.dumpSelectedElementStyles(true);
  31         InspectorTest.completeTest();
  32     }
  33 }
  34 </script>
  35 </head>
  36
  37 <body onload="runTest()">
  38 <p>
  39 Tests that disabling inherited style property does not break further style inspection.
  40 </p>
  41
  42 <div id="container" style="font-weight:bold">
  43     <div id="nested"></div>
  44 </div>
  45
  46 </body>
  47 </html>