<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=365410
-->
<head>
  <title>Test for Bug 365410</title>
  <script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
  <script type="text/javascript" src="/tests/SimpleTest/EventUtils.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
</head>
<body>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=365410">Mozilla Bug 365410</a>
<p id="display">
<select id="test0" multiple="multiple">
	<option id="option">Item 1</option>
	<option>Item 2</option>
	<option>Item 3</option>
	<option>Item 4</option>
	<option>Item 5</option>
	<option>Item 6</option>
	<option>Item 7</option>
	<option>Item 8</option>
	<option>Item 9</option>
	<option>Item 10</option>
	<option>Item 11</option>
	<option>Item 12</option>
	<option>Item 13</option>
	<option>Item 14</option>
	<option>Item 15</option>
</select>
<select id="test1" multiple="multiple" size="1">
	<option>Item 1</option>
	<option>Item 2</option>
	<option>Item 3</option>
	<option>Item 4</option>
	<option>Item 5</option>
	<option>Item 6</option>
	<option>Item 7</option>
	<option>Item 8</option>
	<option>Item 9</option>
	<option>Item 10</option>
	<option>Item 11</option>
	<option>Item 12</option>
	<option>Item 13</option>
	<option>Item 14</option>
	<option>Item 15</option>
</select>
<select id="test2" multiple="multiple" size="1" style="height:0.9em">
	<option>Item 1</option>
	<option>Item 2</option>
	<option>Item 3</option>
	<option>Item 4</option>
	<option>Item 5</option>
	<option>Item 6</option>
	<option>Item 7</option>
	<option>Item 8</option>
	<option>Item 9</option>
	<option>Item 10</option>
	<option>Item 11</option>
	<option>Item 12</option>
	<option>Item 13</option>
	<option>Item 14</option>
	<option>Item 15</option>
</select>
<select id="test3" multiple="multiple" size="1"></select>
<select id="test4" multiple="multiple" size="1" style="height:0.9em"></select>
</p>
<div id="content" style="display: none">
  
</div>
<pre id="test">
<script type="application/javascript">

/** Test for Bug 365410 **/

function pageUpDownTest(id,index) {
  var elm = document.getElementById(id);
  elm.focus();
  elm.selectedIndex = 0;
  sendKey("page_down");
  sendKey("page_down");
  sendKey("page_up");
  sendKey("page_down");
  is(elm.selectedIndex, index, "pageUpDownTest: selectedIndex for " + id + " is " + index);
}

function upDownTest(id,index) {
  var elm = document.getElementById(id);
  elm.focus();
  elm.selectedIndex = 0;
  sendKey("down");
  sendKey("down");
  sendKey("up");
  sendKey("down");
  is(elm.selectedIndex, index, "upDownTest: selectedIndex for " + id + " is " + index);
}

function setHeight(id, h) {
  var elm = document.getElementById(id);
  elm.style.height = h + 'px';
}

function runTest() {
  var h = document.getElementById("option").clientHeight;
  var list5itemsHeight = h * 5.5;
  setHeight("test0", list5itemsHeight);
  setHeight("test1", list5itemsHeight);
  setHeight("test3", list5itemsHeight);

  pageUpDownTest("test0",8);
  pageUpDownTest("test1",8);
  pageUpDownTest("test2",2);
  pageUpDownTest("test3",-1);
  pageUpDownTest("test4",-1);
  upDownTest("test0",2);
  upDownTest("test1",2);
  upDownTest("test2",2);
  upDownTest("test3",-1);
  upDownTest("test4",-1);

  SimpleTest.finish();
}

SimpleTest.waitForExplicitFinish();
// Turn off spatial nav so that it does not hijack the up and down events.
SimpleTest.waitForFocus(function() {
  SpecialPowers.pushPrefEnv({"set":[["snav.enabled", false]]}, runTest);
});

</script>
</pre>
</body>
</html>