LayoutTests/fast/forms/select-innerHTML-many-options.html

<!DOCTYPE html>
<html>
<head>
<script src="../../resources/js-test.js"></script>
</head>
<body>
<div id="container"></div>
<script>
description("Tests that innerHTML parsing of a select with many options is not O(n²).");

var optionCount = 20000;
var html = '<select>';
for (var i = 0; i < optionCount; i++)
    html += '<option>option ' + i + '</option>';
html += '</select>';

document.getElementById('container').innerHTML = html;

var select = document.querySelector('#container select');

shouldBe("select.options.length", "optionCount");
shouldBeEqualToString("select.value", "option 0");
shouldBe("select.selectedIndex", "0");

// Also test with an explicitly selected option in the middle.
html = '<select>';
for (var i = 0; i < optionCount; i++) {
    if (i === optionCount - 1)
        html += '<option selected>selected option</option>';
    else
        html += '<option>option ' + i + '</option>';
}
html += '</select>';

document.getElementById('container').innerHTML = html;
select = document.querySelector('#container select');

shouldBe("select.options.length", "optionCount");
shouldBeEqualToString("select.value", "selected option");
shouldBe("select.selectedIndex", "optionCount - 1");
</script>
</body>
</html>