toolkit/content/tests/chrome/test_richlist_direction.xul
author Bogdan Tara <btara@mozilla.com>
Thu, 12 Jul 2018 01:50:53 +0300
changeset 481348 d610dd7bfbcdc0ec00ce393dff833f2d8e1b7986
parent 481347 b099e7e0b26494e0b2cdc549f75ff19291627968
child 481513 3af5036936c12d911a0a3de1ef86f692e7878486
permissions -rw-r--r--
Backed out changeset b099e7e0b264 (bug 1454358) for build bustages on Element.h CLOSED TREE

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
<?xml-stylesheet href="chrome://mochikit/content/tests/SimpleTest/test.css" type="text/css"?>
<!--
  XUL Widget Test for listbox direction
  -->
<window title="Listbox direction test"
        onload="test_richlistbox()"
        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
  <script type="application/javascript"
          src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
  <script type="application/javascript"
          src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"></script>

  <richlistbox seltype="multiple" id="richlistbox" flex="1" minheight="80" maxheight="80" height="80" />

  <!-- test results are displayed in the html:body -->
  <body xmlns="http://www.w3.org/1999/xhtml" style="height: 300px; overflow: auto;"/>

<script type="application/javascript">
<![CDATA[

SimpleTest.waitForExplicitFinish();

var richListBox = document.getElementById("richlistbox");

function getScrollIndexAmount(aDirection) {
  return (4 * aDirection + richListBox.currentIndex);
}

function test_richlistbox()
{
  richListBox.minHeight = richListBox.maxHeight = richListBox.height =
    80 + (80 - richListBox.scrollBoxObject.height);
  var height = richListBox.scrollBoxObject.height;
  var item;
  do {
    item = richListBox.appendItem("Test", "");
    item.height = item.minHeight = item.maxHeight = Math.floor(height / 4);
  } while (item.getBoundingClientRect().bottom < (height * 2))
  richListBox.appendItem("Test", "");
  richListBox.firstChild.nextSibling.id = "list-box-first";
  richListBox.lastChild.previousSibling.id = "list-box-last";

  // direction = "reverse", the values here are backwards due to the fact that
  // richlistboxes respond differently when a user initiates a selection
  richListBox.dir = "reverse";
  var count = richListBox.itemCount;
  richListBox.focus();
  richListBox.selectedIndex = count - 1;
  sendKey("DOWN");
  is(richListBox.currentIndex, count - 2, "Selection should move to the next item");
  sendKey("UP");
  is(richListBox.currentIndex, count - 1, "Selection should move to the previous item");
  sendKey("END");
  is(richListBox.currentIndex, 0, "Selection should move to the last item");
  sendKey("HOME");
  is(richListBox.currentIndex, count - 1, "Selection should move to the first item");
  var currentIndex = richListBox.currentIndex;
  var index = getScrollIndexAmount(-1);
  sendKey("PAGE_DOWN");
  is(richListBox.currentIndex, index, "Selection should move to one page down");
  ok(richListBox.currentIndex < currentIndex, "Selection should move downwards");
  sendKey("END");
  currentIndex = richListBox.currentIndex;
  index = getScrollIndexAmount(1);
  sendKey("PAGE_UP");
  is(richListBox.currentIndex, index, "Selection should move to one page up");
  ok(richListBox.currentIndex > currentIndex, "Selection should move upwards");
  richListBox.selectedItem = richListBox.lastChild;
  richListBox.focus();
  synthesizeKey("KEY_ArrowDown", {shiftKey: true}, window);
  let items = [richListBox.selectedItems[0],
               richListBox.selectedItems[1]];
  is(items[0], richListBox.lastChild, "The last element should still be selected");
  is(items[1], richListBox.lastChild.previousSibling, "Both elements should now be selected");
  richListBox.clearSelection();
  richListBox.selectedItem = richListBox.lastChild;
  sendMouseEvent({type: "click", shiftKey: true, clickCount: 1},
                 "list-box-last",
                 window);
  items = [richListBox.selectedItems[0],
           richListBox.selectedItems[1]];
  is(items[0], richListBox.lastChild, "The last element should still be selected");
  is(items[1], richListBox.lastChild.previousSibling, "Both elements should now be selected");
  richListBox.addEventListener("keypress", function(aEvent) {
    richListBox.removeEventListener("keypress", arguments.callee, true);
    aEvent.preventDefault();
  }, true);
  richListBox.selectedIndex = 1;
  sendKey("HOME");
  is(richListBox.selectedIndex, 1, "A stopped event should return indexing to normal");

  // direction = "normal"
  richListBox.dir = "normal";
  richListBox.selectedIndex = 0;
  sendKey("DOWN");
  is(richListBox.currentIndex, 1, "Selection should move to the next item");
  sendKey("UP");
  is(richListBox.currentIndex, 0, "Selection should move to the previous item");
  sendKey("END");
  is(richListBox.currentIndex, count - 1, "Selection should move to the last item");
  sendKey("HOME");
  is(richListBox.currentIndex, 0, "Selection should move to the first item");
  var currentIndex = richListBox.currentIndex;
  var index = richListBox.scrollOnePage(1);
  sendKey("PAGE_DOWN");
  is(richListBox.currentIndex, index, "Selection should move to one page down");
  ok(richListBox.currentIndex > currentIndex, "Selection should move downwards");
  sendKey("END");
  currentIndex = richListBox.currentIndex;
  index = richListBox.scrollOnePage(-1) + richListBox.currentIndex;
  sendKey("PAGE_UP");
  is(richListBox.currentIndex, index, "Selection should move to one page up");
  ok(richListBox.currentIndex < currentIndex, "Selection should move upwards");
  richListBox.selectedItem = richListBox.firstChild;
  richListBox.focus();
  synthesizeKey("KEY_ArrowDown", {shiftKey: true}, window);
  items = [richListBox.selectedItems[0],
           richListBox.selectedItems[1]];
  is(items[0], richListBox.firstChild, "The last element should still be selected");
  is(items[1], richListBox.firstChild.nextSibling, "Both elements should now be selected");
  richListBox.clearSelection();
  richListBox.selectedItem = richListBox.firstChild;
  sendMouseEvent({type: "click", shiftKey: true, clickCount: 1},
                 "list-box-first",
                 window);
  items = [richListBox.selectedItems[0],
           richListBox.selectedItems[1]];
  is(items[0], richListBox.firstChild, "The last element should still be selected");
  is(items[1], richListBox.firstChild.nextSibling, "Both elements should now be selected");
  SimpleTest.finish();
}

]]>
</script>

</window>