| <html> |
| <head> |
| <script src="resources/dump-list.js"></script> |
| <script> |
| function test() |
| { |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| |
| var list1 = document.getElementById("list1"); |
| list1.offsetTop; // Force a relayout. |
| list1.firstElementChild.value = 10; |
| document.getElementById("console1").innerHTML = dumpList(list1); |
| |
| var list2 = document.getElementById("list2"); |
| list2.querySelector("li[value=\"20\"]").removeAttribute("value"); |
| document.getElementById("console2").innerHTML = dumpList(list2); |
| |
| var list3 = document.getElementById("list3"); |
| list3.start = 20; |
| document.getElementById("console3").innerHTML = dumpList(list3); |
| |
| var list4 = document.getElementById("list4"); |
| list4.removeAttribute("start"); |
| document.getElementById("console4").innerHTML = dumpList(list4); |
| |
| var list5 = document.getElementById("list5"); |
| list5.setAttribute("start",""); |
| document.getElementById("console5").innerHTML = dumpList(list5); |
| |
| // Don't show the actual lists as they are useless in the text-only mode. |
| list1.parentNode.removeChild(list1); |
| list2.parentNode.removeChild(list2); |
| list3.parentNode.removeChild(list3); |
| list4.parentNode.removeChild(list4); |
| list5.parentNode.removeChild(list5); |
| } |
| </script> |
| </head> |
| <body onload="test()"> |
| <p>This tests that changing the value of an item updates markers accordingly.</p> |
| <ol id="list1" reversed> |
| <li>Ten</li> |
| <li>Nine</li> |
| <li>Eight</li> |
| <li>Seven</li> |
| <li>Six</li> |
| </ol> |
| <p id="console1"></p> |
| |
| <p>This tests that resetting the value of an item updates markers accordingly.</p> |
| <ol id="list2" reversed> |
| <li>Five</li> |
| <li>Four</li> |
| <li value="20">Three</li> |
| <li>Two</li> |
| <li>One</li> |
| </ol> |
| <p id="console2"></p> |
| |
| <p>This tests that changing the start value of the list updates markers accordingly.</p> |
| <ol id="list3" reversed start="5"> |
| <li>Twenty</li> |
| <li>Nineteen</li> |
| <li>Eighteen</li> |
| <li>Seventeen</li> |
| <li>Sixteen</li> |
| </ol> |
| <p id="console3"></p> |
| |
| <p>This tests that removing the custom start value of the list updates markers accordingly.</p> |
| <ol id="list4" reversed start="20"> |
| <li>Five</li> |
| <li>Four</li> |
| <li>Three</li> |
| <li>Two</li> |
| <li>One</li> |
| </ol> |
| <p id="console4"></p> |
| |
| <p>This tests that changing the custom start value from 1 to "" works.</p> |
| <ol id="list5" reversed start="1"> |
| <li>Five</li> |
| <li>Four</li> |
| <li>Three</li> |
| <li>Two</li> |
| <li>One</li> |
| </ol> |
| <p id="console5"></p> |
| </body> |
| </html> |
