third_party/WebKit/LayoutTests/inspector/elements/elements-panel-limited-children.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 insertNode()
   8 {
   9     var dataElement = document.getElementById("data");
  10     dataElement.appendChild(document.createElement("a"));
  11     dataElement.removeChild(document.getElementById("id2"));
  12     var aElement = document.createElement("a");
  13     dataElement.insertBefore(aElement, document.getElementById("id1"));
  14     dataElement.appendChild(aElement);
  15     dataElement.insertBefore(aElement, document.getElementById("id1"));
  16 }
  17
  18 function test()
  19 {
  20     var dataTreeElement;
  21     InspectorTest.nodeWithId("data", step1);
  22
  23     function step1(node)
  24     {
  25         dataTreeElement = InspectorTest.firstElementsTreeOutline().findTreeElement(node);
  26         dataTreeElement._expandedChildrenLimit = 5;
  27         dataTreeElement.reveal();
  28         dataTreeElement.expand();
  29         InspectorTest.runAfterPendingDispatches(step2);
  30     }
  31
  32     function step2()
  33     {
  34         InspectorTest.addResult("=========== Loaded 5 children ===========");
  35         dumpElementsTree();
  36         InspectorTest.addSniffer(WebInspector.ElementsTreeOutline.prototype, "_updateModifiedNodes", step3);
  37         InspectorTest.evaluateInPage("insertNode()");
  38     }
  39
  40     function step3()
  41     {
  42         InspectorTest.addResult("=========== Modified children ===========");
  43         dumpElementsTree();
  44         dataTreeElement.expandAllButtonElement.button.click();
  45         InspectorTest.runAfterPendingDispatches(step4);
  46     }
  47
  48     function step4()
  49     {
  50         InspectorTest.addResult("=========== Loaded all children ===========");
  51         dumpElementsTree();
  52         InspectorTest.completeTest();
  53     }
  54
  55     function dumpElementsTree()
  56     {
  57         InspectorTest.dumpElementsTree(null, 0);
  58     }
  59 }
  60 </script>
  61 </head>
  62
  63 <body onload="runTest()">
  64 <div id="data">
  65 <div id="id1">1</div>
  66 <div id="id2">2</div>
  67 <div id="id3">3</div>
  68 <div id="id4">4</div>
  69 <div id="id5">5</div>
  70 <div id="id6">6</div>
  71 <div id="id7">7</div>
  72 <div id="id8">8</div>
  73 <div id="id9">9</div>
  74 <div id="id10">10</div>
  75 </div>
  76 <p>
  77 Tests that src and href element targets are rewritten properly.
  78 </p>
  79 </body>
  80 </html>