3 <script src="resources/dump-list.js"></script>
7 if (window.layoutTestController)
8 layoutTestController.dumpAsText();
10 var list1 = document.getElementById("list1");
11 list1.offsetTop; // Force a relayout.
12 list1.firstElementChild.value = 10;
13 document.getElementById("console1").innerHTML = dumpList(list1);
15 var list2 = document.getElementById("list2");
16 list2.querySelector("li[value=\"20\"]").removeAttribute("value");
17 document.getElementById("console2").innerHTML = dumpList(list2);
19 var list3 = document.getElementById("list3");
21 document.getElementById("console3").innerHTML = dumpList(list3);
23 var list4 = document.getElementById("list4");
24 list4.removeAttribute("start");
25 document.getElementById("console4").innerHTML = dumpList(list4);
27 var list5 = document.getElementById("list5");
28 list5.setAttribute("start","");
29 document.getElementById("console5").innerHTML = dumpList(list5);
31 // Don't show the actual lists as they are useless in the text-only mode.
32 list1.parentNode.removeChild(list1);
33 list2.parentNode.removeChild(list2);
34 list3.parentNode.removeChild(list3);
35 list4.parentNode.removeChild(list4);
36 list5.parentNode.removeChild(list5);
40 <body onload="test()">
41 <p>This tests that changing the value of an item updates markers accordingly.</p>
42 <ol id="list1" reversed>
51 <p>This tests that resetting the value of an item updates markers accordingly.</p>
52 <ol id="list2" reversed>
55 <li value="20">Three</li>
61 <p>This tests that changing the start value of the list updates markers accordingly.</p>
62 <ol id="list3" reversed start="5">
71 <p>This tests that removing the custom start value of the list updates markers accordingly.</p>
72 <ol id="list4" reversed start="20">
81 <p>This tests that changing the custom start value from 1 to "" works.</p>
82 <ol id="list5" reversed start="1">