<!DOCTYPE HTML>
<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>

<select id="menulist">
  <option id="item0">Alicia</option>
  <option id="item1">Peter</option>
  <option id="item2">Kalinda</option>
</select>

<script>
async_test((t) => {
    var menulist = document.getElementById("menulist");
    menulist.selectedIndex = 0;

    var result = "";
    accessibilityController.addNotificationListener(t.step_func(
        function(element, notification) {
            t.done();
            if (element.role != "AXRole: AXMenuListOption")
                return;

            if (element.name == "Alicia") {
                assert_equals(element.isSelected, false);
            } else if (element.name == "Kalinda") {
                assert_equals(element.isSelected, true);
                t.done();
            }
        }
    ));

    menulist.selectedIndex = 2;
}, "This test makes sure menu lists fire events on both the option that lost selection and the one that gained selection.");
</script>