gecko/mobile/chrome/tests/browser_click_content.js

129 lines
4.2 KiB
JavaScript

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];
}