<!DOCTYPE html>
<html>
<head>
<script src="../../../resources/js-test.js"></script>
</head>
<body>
<script>
description('Test select.add() with optgroup');
	
var mySelect;
	
function resetSelection() {
    mySelect = document.createElement('select');
    mySelect.appendChild(new Option("0", "0", false, false));
    mySelect.appendChild(new Option("1", "1", false, false));
    mySelect.appendChild(new Option("2", "2", false, false));
}

function deepCopy() {
    var copy = [];
    for(var i = 0; i < mySelect.options.length; ++i)
        copy.push(mySelect.options[i].value);
    return copy.join(",");
}

function createOption(value) {
    return new Option(value + "X", value, false, false);
}

function createGroup(value1, value2) {
    var group = document.createElement('optgroup');
    group.appendChild(new Option(value1 + "X", value1, false, false));
    group.appendChild(new Option(value2 + "Y", value2, false, false));
    return group;
}

function testAdd1(element) {
    resetSelection();
    mySelect.add(element);
    return deepCopy();
}

function testAdd2(newelement, element) {
    mySelect.add(newelement, element);
    return deepCopy();
}

function testAdd3(newelement, index) {	
    resetSelection();
    mySelect.add(newelement, index);
    return deepCopy();
}

resetSelection();
debug('list elements are = ' + deepCopy());
shouldBeEqualToString('testAdd3(createGroup("Y1", "Y2"), null)', '0,1,2,Y1,Y2');
shouldBeEqualToString('testAdd3(createGroup("Y3", "Y4"), 0)', 'Y3,Y4,0,1,2');
shouldBeEqualToString('testAdd3(createGroup("Y5", "Y6"), 2)', '0,1,Y5,Y6,2');
shouldBeEqualToString('testAdd1(createGroup("Y7", "Y8"))', '0,1,2,Y7,Y8');
shouldBeEqualToString('testAdd1(createOption("Y9"))', '0,1,2,Y9');
resetSelection();
debug('list elements are = ' + deepCopy());
shouldBeEqualToString('testAdd2(createOption("Y10"), mySelect.options[2])', '0,1,Y10,2');
shouldBeEqualToString('testAdd2(createOption("Y11"), mySelect.options[1])', '0,Y11,1,Y10,2');
resetSelection();
debug('list elements are = ' + deepCopy());
shouldBeEqualToString('testAdd2(createGroup("Y12", "Y13"), mySelect.options[1])', '0,Y12,Y13,1,2');
shouldBeEqualToString('testAdd2(createGroup("Y14", "Y15"), mySelect.options[3])', '0,Y12,Y13,Y14,Y15,1,2');
resetSelection();
debug('list elements are = ' + deepCopy());
shouldThrow('testAdd2(createOption("Y16"), createOption("Y17"))');

</script>
</body>
</html>