LayoutTests/inspector/styles/undo-property-toggle.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(node)
  12     {
  13         InspectorTest.addResult("Before disable");
  14         var treeItem = InspectorTest.getElementStylePropertyTreeItem("font-weight");
  15         InspectorTest.dumpStyleTreeItem(treeItem, "");
  16
  17         treeItem.toggleEnabled({ target: { checked: false } });
  18         InspectorTest.waitForStyles("container", step2);
  19     }
  20
  21     function step2()
  22     {
  23         InspectorTest.addResult("After disable");
  24         var treeItem = InspectorTest.getElementStylePropertyTreeItem("font-weight");
  25         InspectorTest.dumpStyleTreeItem(treeItem, "");
  26
  27         WebInspector.domAgent.undo();
  28         InspectorTest.waitForStyles("container", step3);
  29     }
  30
  31     function step3()
  32     {
  33         InspectorTest.addResult("After undo");
  34         var treeItem = InspectorTest.getElementStylePropertyTreeItem("font-weight");
  35         InspectorTest.dumpStyleTreeItem(treeItem, "");
  36
  37         WebInspector.domAgent.redo();
  38         InspectorTest.waitForStyles("container", step4);
  39     }
  40
  41     function step4()
  42     {
  43         InspectorTest.addResult("After redo");
  44         var treeItem = InspectorTest.getElementStylePropertyTreeItem("font-weight");
  45         InspectorTest.dumpStyleTreeItem(treeItem, "");
  46         InspectorTest.completeTest();
  47     }
  48 }
  49 </script>
  50 </head>
  51
  52 <body onload="runTest()">
  53 <p>
  54 Tests that disabling style is undone properly.
  55 </p>
  56
  57 <div id="container" style="font-weight:bold">
  58 </div>
  59
  60 </body>
  61 </html>