third_party/WebKit/LayoutTests/fast/lists/ol-nested-list-dynamic-remove.html

   1 <html>
   2     <head>
   3         <script src="resources/dump-list.js"></script>
   4         <script>
   5             function test()
   6             {
   7                 if (window.testRunner)
   8                     testRunner.dumpAsText();
   9
  10                 var list = document.getElementById("list");
  11                 list.offsetTop; // Force a relayout.
  12
  13                 var nestedList = document.getElementById("nested-list");
  14                 var items = nestedList.children.length;
  15                 for (var i = 0; i < items; ++i)
  16                     nestedList.removeChild(nestedList.firstElementChild);
  17
  18                 document.getElementById("console").innerHTML = dumpList(list);
  19
  20                 // Don't show the actual list as it is useless in the text-only mode.
  21                 list.parentNode.removeChild(list);
  22             }
  23         </script>
  24     </head>
  25     <body onload="test()">
  26         <p>This tests that list item markers do not change when removing existing items from a nested list.</p>
  27         <ol id="list">
  28             <li>One</li>
  29             <li>Two</li>
  30             <li>Three</li>
  31             <li>Four</li>
  32             <li>Five
  33                 <ol id="nested-list">
  34                     <li>One</li>
  35                     <li>Two</li>
  36                     <li>Three</li>
  37                 </ol>
  38             </li>
  39             <li value="1">One</li>
  40             <li>Two</li>
  41         </ol>
  42
  43         <div id="console"></div>
  44     </body>
  45 </html>