third_party/WebKit/LayoutTests/inspector/elements/node-reselect-on-append-child.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
   6 <script>
   7
   8 function appendNewNode()
   9 {
  10     var element = document.querySelector("#first");
  11     var second = document.createElement("div");
  12     element.parentElement.appendChild(second);
  13 }
  14
  15 function test()
  16 {
  17     InspectorTest.selectNodeWithId("first", onNodeSelected);
  18
  19     function onNodeSelected()
  20     {
  21         InspectorTest.firstElementsTreeOutline().addEventListener(WebInspector.ElementsTreeOutline.Events.SelectedNodeChanged, onSelectionChangedEvent);
  22         InspectorTest.addSniffer(WebInspector.ElementsTreeOutline.prototype, "_updateChildren", onNodeAppended);
  23         InspectorTest.evaluateInPage("appendNewNode()");
  24     }
  25
  26     function onSelectionChangedEvent()
  27     {
  28         InspectorTest.addResult("ERROR: erroneous selection changed event received.");
  29         InspectorTest.completeTest();
  30     }
  31
  32     function onNodeAppended()
  33     {
  34         InspectorTest.completeTest();
  35     }
  36 }
  37
  38 </script>
  39 </head>
  40
  41 <body onload="runTest()">
  42 <p>The test verifies that SelectedNodeChanged event is not fired whenever a child gets added to the node.</p>
  43 <div>
  44     <div id="first">First Child</div>
  45 </div>
  46
  47 </body>
  48 </html>