<!DOCTYPE html>
<html>
<body>
<script src="../../../resources/js-test.js"></script>
<script src="../resources/common.js"></script>
<p id="description"></p>
<select id="select1" size="4">
<option>Option1</option>
<option>Option2</option>
<option>Option3</option>
<option>Option4</option>
</select>
<div id="result">FAIL</div>
<div id="console"></div>
<script>
description('Test if \'change\' event is dispatched when selecting an item by mouse dragging in a non-multiple listbox.');
function handleChange() {
$('result').textContent = 'PASS: A click event was dispatched.';
}
$('select1').addEventListener('change', handleChange);
if (!window.eventSender) {
debug('Press the left button on an item in the listbox, move the pointer to another item, and release the button. You\'ll see a "PASS" message.');
} else {
mouseMoveToIndexInListbox(1, 'select1');
eventSender.mouseDown(0);
mouseMoveToIndexInListbox(2, 'select1');
eventSender.mouseUp(0);
}
</script>
</body>
</html>