src/third_party/WebKit/LayoutTests/inspector/sources/debugger/dom-breakpoints-editing-dom-from-inspector.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 src="../../../http/tests/inspector/debugger-test.js"></script>
   6 <script>
   7
   8 function test()
   9 {
  10
  11     var pane = WebInspector.domBreakpointsSidebarPane;
  12     InspectorTest.runDebuggerTestSuite([
  13         function testRemoveNode(next)
  14         {
  15             InspectorTest.addResult("Testing NodeRemoved DOM breakpoint.");
  16             InspectorTest.nodeWithId("elementToRemove", step2);
  17
  18             function step2(node)
  19             {
  20                 pane._setBreakpoint(node, pane._breakpointTypes.NodeRemoved, true);
  21                 InspectorTest.addResult("Set NodeRemoved DOM breakpoint.");
  22                 node.removeNode(next);
  23             }
  24         },
  25
  26         function testModifyAttribute(next)
  27         {
  28             InspectorTest.addResult("Testing AttributeModified DOM breakpoint.");
  29             InspectorTest.nodeWithId("rootElement", step2);
  30
  31             function step2(node)
  32             {
  33                 pane._setBreakpoint(node, pane._breakpointTypes.AttributeModified, true);
  34                 InspectorTest.addResult("Set AttributeModified DOM breakpoint.");
  35                 node.setAttribute("title", "a title", next);
  36             }
  37         }
  38     ]);
  39 }
  40
  41 </script>
  42 </head>
  43
  44 <body onload="runTest()">
  45 <p>
  46 Tests that DOM debugger will not crash when editing DOM nodes from the Web Inspector. <a href="https://code.google.com/p/chromium/issues/detail?id=249655">Chromium bug 249655</a>
  47 </p>
  48
  49 <div id="rootElement" style="color: red">
  50 <div id="elementToRemove"></div>
  51 </div>
  52
  53 </body>
  54 </html>