LayoutTests/fast/forms/select-cache-desynchronization.html - WebKit - Git at Google

 <body><form>
 <select multiple size=5 onchange="change()"><option>1</option><option>2</option></select>
 </form>
 <div id=res></div>
 <script>

 var select = document.forms[0].elements[0];
 var res = document.getElementById("res");
 select.focus();
 if (window.testRunner) {
     testRunner.dumpAsText();
     eventSender.keyDown("downArrow", []);
     eventSender.keyDown("downArrow", ["shiftKey"]);
 } else {
     res.textContent = "Press down arrow.";
 }

 function change() {
     if (select.firstChild.selected && !select.firstChild.nextSibling.selected) {
         select.appendChild(new Option("3", "3", false, false));
         res.textContent = "Press shift + down arrow.";
     } else if (select.firstChild.selected && select.firstChild.nextSibling.selected && !select.lastChild.selected)
         res.textContent = "Success.";
     else
         res.textContent = "Failed.";
 }
 </script>
	<body><form>
	<select multiple size=5 onchange="change()"><option>1</option><option>2</option></select>
	</form>
	<div id=res></div>
	<script>

	var select = document.forms[0].elements[0];
	var res = document.getElementById("res");
	select.focus();
	if (window.testRunner) {
	testRunner.dumpAsText();
	eventSender.keyDown("downArrow", []);
	eventSender.keyDown("downArrow", ["shiftKey"]);
	} else {
	res.textContent = "Press down arrow.";
	}

	function change() {
	if (select.firstChild.selected && !select.firstChild.nextSibling.selected) {
	select.appendChild(new Option("3", "3", false, false));
	res.textContent = "Press shift + down arrow.";
	} else if (select.firstChild.selected && select.firstChild.nextSibling.selected && !select.lastChild.selected)
	res.textContent = "Success.";
	else
	res.textContent = "Failed.";
	}
	</script>