126 lines
4.2 KiB
HTML
126 lines
4.2 KiB
HTML
<!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>
|