53 lines
1.6 KiB
HTML
53 lines
1.6 KiB
HTML
<html>
|
|
<head>
|
|
<script src="resources/dump-list.js"></script>
|
|
<script>
|
|
function test()
|
|
{
|
|
if (window.testRunner)
|
|
testRunner.dumpAsText();
|
|
|
|
var list = document.getElementById("list");
|
|
list.offsetTop; // Force a relayout.
|
|
|
|
var p = document.getElementById("nested");
|
|
|
|
var li1 = document.createElement("li");
|
|
li1.innerText = "Eight";
|
|
|
|
var li2 = document.createElement("li");
|
|
li2.innerText = "Seven";
|
|
|
|
var item3 = document.createElement("div");
|
|
item3.innerText = "Nine";
|
|
item3.style.display = "list-item";
|
|
|
|
p.appendChild(li1);
|
|
p.insertBefore(li2, li1);
|
|
p.appendChild(item3);
|
|
|
|
document.getElementById("console").innerHTML = dumpList(list);
|
|
|
|
// Don't show the actual list as it is useless in the text-only mode.
|
|
list.parentNode.removeChild(list);
|
|
}
|
|
</script>
|
|
</head>
|
|
<body onload="test()">
|
|
<p>This tests that list item markers are updated when adding new items as indirect children of the list element.</p>
|
|
<ol id="list">
|
|
<li>One</li>
|
|
<li>Two</li>
|
|
<div><li>Three</li></div>
|
|
<li>Four</li>
|
|
<li>Five</li>
|
|
<li>Six</li>
|
|
<p id="nested"></p>
|
|
<li>Ten</li>
|
|
<li>Eleven</li>
|
|
</ol>
|
|
|
|
<div id="console"></div>
|
|
</body>
|
|
</html>
|