third_party/WebKit/LayoutTests/fast/lists/ol-reversed-simple.xhtml

   1 <?xml version="1.0"?>
   2 <html xmlns="http://www.w3.org/1999/xhtml">
   3 <head>
   4     <script src="resources/dump-list.js"></script>
   5     <script>
   6         function test()
   7         {
   8             if (window.testRunner)
   9                 testRunner.dumpAsText();
  10
  11             var list1 = document.getElementById("list1");
  12             document.getElementById("console1").innerHTML = dumpList(list1);
  13
  14             var list2 = document.getElementById("list2");
  15             document.getElementById("console2").innerHTML = dumpList(list2);
  16
  17             var list3 = document.getElementById("list3");
  18             document.getElementById("console3").innerHTML = dumpList(list3);
  19
  20             var list4 = document.getElementById("list4");
  21             document.getElementById("console4").innerHTML = dumpList(list4);
  22
  23             var list5 = document.getElementById("list5");
  24             document.getElementById("console5").innerHTML = dumpList(list5);
  25
  26             var list6 = document.getElementById("list6");
  27             document.getElementById("console6").innerHTML = "Value of start attribute of the list is : " + list6.start;
  28
  29             // Don't show the actual lists as they are useless in the text-only mode.
  30             list1.parentNode.removeChild(list1);
  31             list2.parentNode.removeChild(list2);
  32             list3.parentNode.removeChild(list3);
  33             list4.parentNode.removeChild(list4);
  34             list5.parentNode.removeChild(list5);
  35             list6.parentNode.removeChild(list6);
  36         }
  37     </script>
  38 </head>
  39 <body onload="test()">
  40     <p>This tests that reversed lists render properly.</p>
  41     <ol id="list1" reversed="reversed">
  42         <li>Five</li>
  43         <li>Four</li>
  44         <div style="display: list-item">Three</div>
  45         <li>Two</li>
  46         <li>One</li>
  47     </ol>
  48     <p id="console1"></p>
  49
  50     <p>This tests that reversed lists with a custom start value render properly.</p>
  51     <ol id="list2" reversed="reversed" start="10">
  52         <li>Ten</li>
  53         <li>Nine</li>
  54         <li>Eight</li>
  55         <li>Seven</li>
  56         <li>Six</li>
  57     </ol>
  58     <p id="console2"></p>
  59
  60     <p>This tests that reversed lists with explicit item values render properly.</p>
  61     <ol id="list3" reversed="reversed">
  62         <li>Five</li>
  63         <li>Four</li>
  64         <li value="2">Two</li>
  65         <li>One</li>
  66         <li>Zero</li>
  67     </ol>
  68     <p id="console3"></p>
  69
  70     <p>This tests that reversed lists with a custom start value and explicit item values render properly.</p>
  71     <ol id="list4" reversed="reversed" start="10">
  72         <li>Ten</li>
  73         <li>Nine</li>
  74         <li value="3">Three</li>
  75         <li>Two</li>
  76         <li>One</li>
  77         <li value="3">Three</li>
  78         <li>Two</li>
  79         <li>One</li>
  80     </ol>
  81     <p id="console4"></p>
  82
  83     <p>This tests that reversed lists with a negative start value render properly.</p>
  84     <ol id="list5" reversed="reversed" start="-5">
  85         <li>Minus Five</li>
  86         <li>Minus Six</li>
  87         <li>Minus Seven</li>
  88         <li>Minus Eight</li>
  89         <li>Minus Nine</li>
  90     </ol>
  91     <p id="console5"></p>
  92
  93     <p>This tests that reversed lists have the start attribute equals the number of list items when no start value is specified.</p>
  94     <ol id="list6" reversed="reversed">
  95         <li>Five</li>
  96         <li>Four</li>
  97         <li>Three</li>
  98         <li>Two</li>
  99         <li>One</li>
 100     </ol>
 101     <p id="console6"></p>
 102
 103 </body>
 104 </html>