test_bug1048178.xhtml

Enable keyboard shortcuts

<?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"?>

<!--

https://bugzilla.mozilla.org/show_bug.cgi?id=1048178

-->

<window title="Mozilla Bug 1048178"

  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

  <script src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"/>

  <script src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"/>

  <!-- test results are displayed in the html:body -->

  <body xmlns="http://www.w3.org/1999/xhtml"/>

  <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1048178"

     target="_blank">Mozilla Bug 1048178</a>

  <hbox>

    <scrollbar id="scroller"

               orient="horizontal"

               curpos="0"

               maxpos="500"

               pageincrement="500"

               style="width: 500px; margin:0"/>

  </hbox>

  <!-- test code goes here -->

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

/** Test for Bug 1048178 **/

var scrollbarTester = {

  scrollbar: null,

  startTest() {

    this.scrollbar = $("scroller");

    this.setScrollToClick(false);

    this.testThumbDragging();

    SimpleTest.finish();

},

  testThumbDragging() {

    var x = 400; // on the right half of the scroolbar

    var y = 5;

    this.mousedown(x, y, 0);

    this.mousedown(x, y, 2);

    this.mouseup(x, y, 2);

    this.mouseup(x, y, 0);

    var newPos = this.getPos(); // should be '500'

    this.mousedown(x, y, 0);

    this.mousemove(x-1, y, 0);

    this.mouseup(x-1, y, 0);

    var newPos2 = this.getPos();

    ok(newPos2 < newPos,

       "Scrollbar thumb should follow the mouse when dragged.");

},

  setScrollToClick(value) {

    SpecialPowers.Services.prefs.getBranch("ui.")

      .setIntPref("scrollToClick", value ? 1 : 0);

},

  getPos() {

    return this.scrollbar.getAttribute("curpos");

},

  mousedown(x, y, button) {

    synthesizeMouse(this.scrollbar, x, y, { type: "mousedown", 'button': button });

},

  mousemove(x, y, button) {

    synthesizeMouse(this.scrollbar, x, y, { type: "mousemove", 'button': button });

},

  mouseup(x, y, button) {

    synthesizeMouse(this.scrollbar, x, y, { type: "mouseup", 'button': button });

function doTest() {

  setTimeout(function() { scrollbarTester.startTest(); }, 0);

SimpleTest.waitForExplicitFinish();

addLoadEvent(doTest);

]]></script>

</window>