<!DOCTYPE html>
<html>
<head>
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../../resources/testdriver.js"></script>
<script src="../../../resources/testdriver-vendor.js"></script>
<script src="../../forms/resources/picker-common.js"></script>
</head>
<body>
<select id="menu">
<option>foo</option>
<option selected>bar</option>
<option>qux</option>
<option>baz</option>
</select>
<script>
async_test((t) => {
accessibilityController.setNotificationListener(t.step_func((axnode, type) => {
if (type == 'MarkDirty' && axnode.role == 'AXRole: AXMenuListOption')
t.done();
}));
var menu = document.getElementById('menu');
openPicker(menu, t, function () {
assert_unreached('picker didn\'t open')
t.done();
});
eventSender.keyDown('ArrowDown');
window.setTimeout(function() {
assert_unreached("Did not receive all accessibility notifications");
t.done();
}, 500);
}, 'Tests if typing an arrow key dispatches an a11y event.');
</script>
</body>
</html>