pjs/mobile/chrome/tests/browser_scrollbar.js

let testURL_01 = baseURI + "browser_scrollbar.sjs?";

let gCurrentTest = null;
let gTests = [];
let gOpenedTabs = []; // for cleanup

//------------------------------------------------------------------------------
// Iterating tests by shifting test out one by one as runNextTest is called.
function runNextTest() {
  // Run the next test until all tests completed
  if (gTests.length > 0) {
    gCurrentTest = gTests.shift();
    info(gCurrentTest.desc);
    gCurrentTest.run();
  }
  else {
    // Close the awesome panel just in case
    BrowserUI.activePanel = null;
    finish();
  }
}

function waitForPageShow(aPageURL, aCallback) {
  messageManager.addMessageListener("pageshow", function(aMessage) {
    if (aMessage.target.currentURI.spec == aPageURL) {
      messageManager.removeMessageListener("pageshow", arguments.callee);

      setTimeout(aCallback, 0);
    }
  });
};

//------------------------------------------------------------------------------
// Entry point (must be named "test")
function test() {
  // This test is async
  waitForExplicitFinish();
  runNextTest();
}

let horizontalScrollbar = document.getElementById("horizontal-scroller");
let verticalScrollbar = document.getElementById("vertical-scroller");

function checkScrollbars(aHorizontalVisible, aVerticalVisible, aHorizontalPosition, aVerticalPosition) {
  let browser = getBrowser();
  let width = browser.getBoundingClientRect().width;
  let height = browser.getBoundingClientRect().height;
  EventUtils.synthesizeMouse(browser, width / 2, height / 4, { type: "mousedown" });
  EventUtils.synthesizeMouse(browser, width / 2, height * 3 / 4, { type: "mousemove" });

  let horizontalVisible = horizontalScrollbar.hasAttribute("panning"),
      verticalVisible = verticalScrollbar.hasAttribute("panning");
  is(horizontalVisible, aHorizontalVisible, "The horizontal scrollbar should be " + (aHorizontalVisible ? "visible" : "hidden"));
  is(verticalVisible, aVerticalVisible, "The vertical scrollbar should be " + (aVerticalVisible ? "visible" : "hidden"));

  EventUtils.synthesizeMouse(browser, width / 2, height * 3 / 4, { type: "mouseup" });
}

function checkScrollbarsPosition(aX) {
  let browser = getBrowser();
  let width = browser.getBoundingClientRect().width;
  let height = browser.getBoundingClientRect().height;
  EventUtils.synthesizeMouse(browser, width / 2, height / 4, { type: "mousedown" });
  EventUtils.synthesizeMouse(browser, width / 2, height * 3 / 4, { type: "mousemove" });

  let verticalRect = verticalScrollbar.getBoundingClientRect();
  let margin = parseInt(verticalScrollbar.getAttribute("end"));
  let expectedPosition = window.innerWidth - aX - margin;
  is(verticalRect.right, expectedPosition, "The vertical scrollbar should be position to " + expectedPosition + " (got " + verticalRect.right + ")");

  EventUtils.synthesizeMouse(browser, width / 2, height * 3 / 4, { type: "mouseup" });
}

gTests.push({
  desc: "Testing visibility of scrollbars",

  run: function() {
    waitForPageShow(testURL_01 + "blank", gCurrentTest.checkNotScrollable);
    gOpenedTabs.push(Browser.addTab(testURL_01 + "blank", true));
  },

  checkNotScrollable: function() {
    checkScrollbars(false, false);

    waitForPageShow(testURL_01 + "horizontal", gCurrentTest.checkHorizontalScrollable);
    gOpenedTabs.push(Browser.addTab(testURL_01 + "horizontal", true));
  },

  checkHorizontalScrollable: function() {
    checkScrollbars(true, false);

    waitForPageShow(testURL_01 + "vertical", gCurrentTest.checkVerticalScrollable);
    gOpenedTabs.push(Browser.addTab(testURL_01 + "vertical", true));
  },

  checkVerticalScrollable: function() {
    checkScrollbars(false, true);

    waitForPageShow(testURL_01 + "both", gCurrentTest.checkBothScrollable);
    gOpenedTabs.push(Browser.addTab(testURL_01 + "both", true));
  },

  checkBothScrollable: function() {
    checkScrollbars(true, true);
    Elements.browsers.addEventListener("PanFinished", function(aEvent) {
      Elements.browsers.removeEventListener("PanFinished", arguments.callee, false);
      setTimeout(function() {
        Browser.hideSidebars();
      }, 0);
      runNextTest();
    }, false);
  }
});

gTests.push({
  desc: "Testing position of scrollbars",

  run: function() {
    waitForPageShow(testURL_01 + "vertical", gCurrentTest.checkScrollbarsPosition);
    gOpenedTabs.push(Browser.addTab(testURL_01 + "vertical", true));
  },

  checkScrollbarsPosition: function() {
    let [,, tabsWidth, controlsWidth] = Browser.computeSidebarVisibility();

    checkScrollbarsPosition(0);

    // Show the left sidebar and ensure scrollbar is visible
    Browser.controlsScrollboxScroller.scrollTo(0, 0);
    checkScrollbarsPosition(-tabsWidth);

    // Show the right sidebar and ensure scrollbar is visible
    Browser.controlsScrollboxScroller.scrollTo(tabsWidth + controlsWidth, 0);
    checkScrollbarsPosition(controlsWidth);

    gCurrentTest.finish();
  },

  finish: function() {
    Elements.browsers.addEventListener("PanFinished", function(aEvent) {
      Elements.browsers.removeEventListener("PanFinished", arguments.callee, false);
      setTimeout(function() {
        Browser.hideSidebars();
      }, 0);
      runNextTest();
    }, false);
  }
});


gTests.push({
  desc: "Check scrollbar visibility when the touch sequence is cancelled",

  run: function() {
    waitForPageShow(testURL_01 + "both", gCurrentTest.checkVisibility);
    gOpenedTabs.push(Browser.addTab(testURL_01 + "both", true));
  },

  checkVisibility: function() {
    let browser = getBrowser();
    let width = browser.getBoundingClientRect().width;
    let height = browser.getBoundingClientRect().height;
    EventUtils.synthesizeMouse(browser, width / 2, height / 4, { type: "mousedown" });
    EventUtils.synthesizeMouse(browser, width / 2, height * 3 / 4, { type: "mousemove" });

    let event = document.createEvent("Events");
    event.initEvent("CancelTouchSequence", true, false);
    document.dispatchEvent(event);

    let horizontalVisible = horizontalScrollbar.hasAttribute("panning"),
        verticalVisible = verticalScrollbar.hasAttribute("panning");
    is(horizontalVisible, false, "The horizontal scrollbar should be hidden when a canceltouchsequence is fired");
    is(verticalVisible, false, "The vertical scrollbar should be hidden should be hidden when a canceltouchsequence is called");

    for (let iTab=0; iTab<gOpenedTabs.length; iTab++)
      Browser.closeTab(gOpenedTabs[iTab]);
    runNextTest();
  }
});