src/third_party/WebKit/LayoutTests/inspector/elements/undo-dom-edits-2.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     var testSuite = [];
  10
  11     function testSetUp(next)
  12     {
  13         InspectorTest.addResult("Setting up");
  14         InspectorTest.expandElementsTree(callback);
  15
  16         function callback()
  17         {
  18             InspectorTest.expandElementsTree(next);
  19         }
  20     }
  21     testSuite.push(testSetUp);
  22
  23
  24     function testSetAttribute(callback)
  25     {
  26         var node = InspectorTest.expandedNodeWithId("node-to-set-attribute");
  27         node.setAttribute("foo", "bar=\"edited attribute\"", callback);
  28     }
  29     testSuite.push(InspectorTest.generateUndoTest(testSetAttribute));
  30
  31
  32     function testRemoveAttribute(callback)
  33     {
  34         var node = InspectorTest.expandedNodeWithId("node-to-remove-attribute");
  35         node.removeAttribute("foo", callback);
  36     }
  37     testSuite.push(InspectorTest.generateUndoTest(testRemoveAttribute));
  38
  39
  40     function testAddAttribute(callback)
  41     {
  42         var node = InspectorTest.expandedNodeWithId("node-to-add-attribute");
  43         node.setAttribute("", "newattr=\"new-value\"", callback);
  44     }
  45     testSuite.push(InspectorTest.generateUndoTest(testAddAttribute));
  46
  47
  48     InspectorTest.runTestSuite(testSuite);
  49 }
  50
  51 </script>
  52 </head>
  53
  54 <body onload="runTest()">
  55 <p>
  56 Tests that DOM modifications done in the Elements panel are undoable (Part 2).
  57 </p>
  58
  59 <div style="display:none">
  60     <div id="testSetAttribute">
  61         <div foo="attribute value" id="node-to-set-attribute"></div>
  62     </div>
  63
  64     <div id="testRemoveAttribute">
  65         <div foo="attribute value" id="node-to-remove-attribute"></div>
  66     </div>
  67
  68     <div id="testAddAttribute">
  69         <div id="node-to-add-attribute"></div>
  70     </div>
  71 </div>
  72
  73 </body>
  74 </html>