gecko/mobile/chrome/tests/browser_click_content.js

let testURL_click = chromeRoot + "browser_click_content.html";

let currentTab;
let element;
let clickPosition = { x: null, y: null};

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

  // Add new tab
  currentTab = Browser.addTab(testURL_click, true);
  ok(currentTab, "Tab Opened");

  // Wait for the tab to load, then do the test
  messageManager.addMessageListener("pageshow", function() {
  if (currentTab.browser.currentURI.spec == testURL_click) {
    messageManager.removeMessageListener("pageshow", arguments.callee);
    testClickAndPosition();
  }});
}

function clickFired(aEvent) {
  let [x, y] = browserViewToClient(aEvent.clientX, aEvent.clientY);
  clickPosition.x = x;
  clickPosition.y = y;
}

function testClickAndPosition() {
  // Do sanity tests
  let uri = currentTab.browser.currentURI.spec;
  is(uri, testURL_click, "URL Matches newly created Tab");

  // Check click
  element = currentTab.browser.contentDocument.getElementById("iframe-1");
  element.addEventListener("click", function(aEvent) {
    element.removeEventListener("click", arguments.callee, true);
    clickFired(aEvent);
    is(aEvent.type, "click", "Click fired");
    checkClick();
  }, true);

  EventUtils.synthesizeMouseForContent(element, 1, 1, {}, window);
}

function checkClick() {
  // Check position
  element = currentTab.browser.contentDocument.documentElement;
  element.addEventListener("click", function(aEvent) {
    element.removeEventListener("click", arguments.callee, true);
    clickFired(aEvent);
    checkPosition();
  }, true);

  let rect = getBoundingContentRect(element);
  EventUtils.synthesizeMouse(element, 1, rect.height + 10, {}, window);
}

function checkPosition() {
  let rect = getBoundingContentRect(element);
  is(clickPosition.x, 1, "X position is correct");
  is(clickPosition.y, rect.height + 10, "Y position is correct");

  checkThickBorder();
}

function checkThickBorder() {
  let frame = currentTab.browser.contentDocument.getElementById("iframe-2");
  let element = frame.contentDocument.getElementsByTagName("input")[0];

  let frameRect = getBoundingContentRect(frame);
  let frameLeftBorder = window.getComputedStyle(frame, "").borderLeftWidth;
  let frameTopBorder = window.getComputedStyle(frame, "").borderTopWidth;

  let elementRect = getBoundingContentRect(element);
  ok((frameRect.left + parseInt(frameLeftBorder)) < elementRect.left, "X position of nested element ok");
  ok((frameRect.top + parseInt(frameTopBorder)) < elementRect.top, "Y position of nested element ok");

  close();
}

function close() {
  // Close the tab
  Browser.closeTab(currentTab);

  // We must finialize the tests
  finish();
}

// XXX copied from chrome/content/content.js
function getBoundingContentRect(aElement) {
  if (!aElement)
    return new Rect(0, 0, 0, 0);

  let document = aElement.ownerDocument;
  while(document.defaultView.frameElement)
    document = document.defaultView.frameElement.ownerDocument;

  let content = document.defaultView;
  let cwu = content.QueryInterface(Ci.nsIInterfaceRequestor).getInterface(Ci.nsIDOMWindowUtils);
  let scrollX = {}, scrollY = {};
  cwu.getScrollXY(false, scrollX, scrollY);
  let offset = new Point(scrollX.value, scrollY.value);
  let r = aElement.getBoundingClientRect();

  // step out of iframes and frames, offsetting scroll values
  for (let frame = aElement.ownerDocument.defaultView; frame != content; frame = frame.parent) {
    // adjust client coordinates' origin to be top left of iframe viewport
    let rect = frame.frameElement.getBoundingClientRect();
    let left = frame.getComputedStyle(frame.frameElement, "").borderLeftWidth;
    let top = frame.getComputedStyle(frame.frameElement, "").borderTopWidth;
    offset.add(rect.left + parseInt(left), rect.top + parseInt(top));
  }

  return new Rect(r.left + offset.x, r.top + offset.y, r.width, r.height);
}

function browserViewToClient(x, y) {
  let container = document.getElementById("browsers");
  let containerBCR = container.getBoundingClientRect();

  let x0 = Math.round(-containerBCR.left);
  let y0 = Math.round(-containerBCR.top);

  return [x - x0, y - y0];
}