src/third_party/WebKit/LayoutTests/inspector/elements/styles/styles-disable-then-delete.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     InspectorTest.selectNodeAndWaitForStyles("container", step1);
  10
  11     function step1()
  12     {
  13         // Disable property
  14         InspectorTest.addResult("Before disable");
  15         InspectorTest.dumpSelectedElementStyles(true, true);
  16         InspectorTest.toggleStyleProperty("font-weight", false);
  17         InspectorTest.waitForStyleApplied(step2);
  18     }
  19
  20     function step2()
  21     {
  22         // Delete style
  23         InspectorTest.addResult("After disable");
  24         InspectorTest.dumpSelectedElementStyles(true, true);
  25
  26         var treeItem = InspectorTest.getElementStylePropertyTreeItem("font-weight");
  27         treeItem.applyStyleText("", true);
  28
  29         InspectorTest.waitForStyleApplied(step3);
  30     }
  31
  32     function step3()
  33     {
  34         InspectorTest.selectNodeWithId("other", step4);
  35     }
  36
  37     function step4()
  38     {
  39         InspectorTest.selectNodeAndWaitForStyles("container", step5);
  40     }
  41
  42     function step5(node)
  43     {
  44         InspectorTest.addResult("After delete");
  45         InspectorTest.dumpSelectedElementStyles(true, true);
  46         InspectorTest.completeTest();
  47     }
  48 }
  49 </script>
  50 </head>
  51
  52 <body onload="runTest()">
  53 <p>
  54 Tests that removal of property following its disabling works.
  55 </p>
  56
  57 <div id="container" style="font-weight:bold">
  58 </div>
  59
  60 <div id="other">
  61 </div>
  62
  63 </body>
  64 </html>