<!DOCTYPE HTML> <html> <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=348236 --> <head> <title>Test for Bug 348236</title> <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script> <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" /> <style type="text/css"> #eSelect { position: fixed; top:0; left: 350px; font-size: 24px; width: 100px } #eSelect option { margin: 0; padding: 0; height: 24px } </style> </head> <body> <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=348236">Mozilla Bug 348236</a> <p id="display"></p> <div id="content"> <select id="eSelect" size="1" onchange="++this.onchangeCount"> <option selected>1</option> <option>2</option> <option>3</option> </select> </div> <pre id="test"> <script type="text/javascript"> /** Test for Bug 348236 **/ SimpleTest.waitForExplicitFinish() addLoadEvent(function test() { var CI = SpecialPowers.Components.interfaces, WinUtils = SpecialPowers.getDOMWindowUtils(window), sec = netscape.security, eSelect = $("eSelect"), IDOMEvent = CI.nsIDOMEvent, IDOMKeyEvent = CI.nsIDOMKeyEvent, timeout = 0 // Choose a larger value like 500 ms if you want to see what's happening. function keypressOnSelect(key, modifiers) { WinUtils.focus(eSelect) WinUtils.sendKeyEvent("keyup", key, 0, modifiers) WinUtils.sendKeyEvent("keypress", key, 0, modifiers) WinUtils.sendKeyEvent("keydown", key, 0, modifiers) } function testKey(key, modifiers, keyString, functionToContinue) { var selectGotClick function clickListener() { selectGotClick = true } eSelect.selectedIndex = 0 eSelect.onchangeCount = 0 // Drop the SELECT down. keypressOnSelect(key, modifiers) // This timeout and the following are necessary to let the sent events take effect. setTimeout(cont1, timeout) function cont1() { // Move the mouse over option 3 (90 = 3 (rows) * 24 (row height) + 18). WinUtils.sendMouseEvent("mousemove", 355, 90, 0, 0, 0, true) setTimeout(cont2, timeout) } function cont2() { // Close the select. keypressOnSelect(key, modifiers) setTimeout(cont3, timeout) } function cont3() { is(eSelect.value, "3", "Select's value should be 3 after hovering over option 3 and pressing " + keyString + ".") is(eSelect.onchangeCount, 1, "Onchange should have fired once.") // Simulate click on area to the left of the select. eSelect.addEventListener("click", clickListener, true) selectGotClick = false WinUtils.sendMouseEvent("mousedown", 320, 0, 0, 0, 0, true) WinUtils.sendMouseEvent("mouseup", 320, 0, 0, 0, 0, true) setTimeout(cont4, timeout) } function cont4() { eSelect.removeEventListener("click", clickListener, true) ok(!selectGotClick, "SELECT must not capture mouse events after closing it with " + keyString + ".") functionToContinue() } } // Quick sanity checks. is(eSelect.value, "1", "SELECT value should be 1 after load.") is(eSelect.selectedIndex, 0, "SELECT selectedIndex should be 0 after load.") // Check if sending key events works. keypressOnSelect(IDOMKeyEvent.DOM_VK_DOWN, 0) is(eSelect.value, "2", "SELECT value should be 2 after pressing Down.") // Test ALT-Down. testKey(IDOMKeyEvent.DOM_VK_DOWN, IDOMEvent.ALT_MASK, "ALT-Down", nextKey1) function nextKey1() { // Test ALT-Up. testKey(IDOMKeyEvent.DOM_VK_UP, IDOMEvent.ALT_MASK, "ALT-Up", nextKey2) } function nextKey2() { // Test the F4 key on OS/2 and Windows. if (/OS\/2|Win/i.test(navigator.platform)) testKey(IDOMKeyEvent.DOM_VK_F4, 0, "F4", finished) else finished() } function finished() { // Reset value to get the expected value if we reload the page. eSelect.selectedIndex = 0 SimpleTest.finish() } }) </script> </pre> </body> </html>