LayoutTests/fast/lists/ol-reversed-nested-list.html

   1 <html>
   2     <head>
   3         <script src="resources/dump-list.js"></script>
   4         <script>
   5             function test()
   6             {
   7                 if (window.layoutTestController)
   8                     layoutTestController.dumpAsText();
   9
  10                 var list = document.getElementById("list");
  11                 document.getElementById("console").innerHTML = dumpList(list);
  12
  13                 // Don't show the actual list as it is useless in the text-only mode.
  14                 list.parentNode.removeChild(list);
  15             }
  16         </script>
  17     </head>
  18     <body onload="test()">
  19         <p>This tests that list items are properly marked when a reversed list contains nested lists.</p>
  20         <ol id="list" start="10" reversed>
  21             <li>Ten</li>
  22             <li>Nine</li>
  23             <li>Eight</li>
  24             <li>Seven
  25                 <ul>
  26                     <li>One</li>
  27                     <li>Two</li>
  28                 </ul>
  29             </li>
  30             <li>Six</li>
  31             <li>Five</li>
  32             <ol reversed>
  33                 <li>Two</li>
  34                 <li>One</li>
  35             </ol>
  36             <li>Four</li>
  37             <li>Three</li>
  38             <li>Two</li>
  39         </ol>
  40
  41         <div id="console"></div>
  42     </body>
  43 </html>