src/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 results = [];
  21     var dataTreeElement;
  22     InspectorTest.nodeWithId("data", step1);
  23
  24     function step1(node)
  25     {
  26         dataTreeElement = InspectorTest.firstElementsTreeOutline().findTreeElement(node);
  27         dataTreeElement._expandedChildrenLimit = 5;
  28         dataTreeElement.reveal();
  29         dataTreeElement.expand();
  30         InspectorTest.runAfterPendingDispatches(step2);
  31     }
  32
  33     function step2()
  34     {
  35         results.push("=========== Loaded 5 children ===========");
  36         dumpElementsTree();
  37         InspectorTest.addSniffer(WebInspector.ElementsTreeUpdater.prototype, "_updateModifiedNodes", step3);
  38         InspectorTest.evaluateInPage("insertNode()");
  39     }
  40
  41     function step3()
  42     {
  43         results.push("=========== Modified children ===========");
  44         dumpElementsTree();
  45         dataTreeElement.handleLoadAllChildren();
  46         InspectorTest.runAfterPendingDispatches(step4);
  47     }
  48
  49     function step4()
  50     {
  51         results.push("=========== Loaded all children ===========");
  52         dumpElementsTree();
  53         InspectorTest.addResults(results);
  54         InspectorTest.completeTest();
  55     }
  56
  57     function dumpElementsTree()
  58     {
  59         InspectorTest.dumpElementsTree(null, 0, results);
  60     }
  61 }
  62 </script>
  63 </head>
  64
  65 <body onload="runTest()">
  66 <div id="data">
  67 <div id="id1">1</div>
  68 <div id="id2">2</div>
  69 <div id="id3">3</div>
  70 <div id="id4">4</div>
  71 <div id="id5">5</div>
  72 <div id="id6">6</div>
  73 <div id="id7">7</div>
  74 <div id="id8">8</div>
  75 <div id="id9">9</div>
  76 <div id="id10">10</div>
  77 </div>
  78 <p>
  79 Tests that src and href element targets are rewritten properly.
  80 </p>
  81 </body>
  82 </html>