michael@0: /* Any copyright is dedicated to the Public Domain. michael@0: http://creativecommons.org/publicdomain/zero/1.0/ */ michael@0: "use strict"; michael@0: michael@0: const STACK_THICKNESS = 15; michael@0: michael@0: function init(callback) { michael@0: let iframe = gBrowser.ownerDocument.createElement("iframe"); michael@0: michael@0: iframe.addEventListener("load", function onLoad() { michael@0: iframe.removeEventListener("load", onLoad, true); michael@0: callback(iframe); michael@0: michael@0: gBrowser.parentNode.removeChild(iframe); michael@0: finish(); michael@0: }, true); michael@0: michael@0: iframe.setAttribute("src", ["data:text/html,", michael@0: "", michael@0: "", michael@0: "", michael@0: "", michael@0: "", michael@0: "

", michael@0: "", michael@0: "" michael@0: ].join(""), michael@0: "' />", michael@0: "", michael@0: "", michael@0: "", michael@0: "" michael@0: ].join(""), michael@0: "' />", michael@0: "", michael@0: "", michael@0: "", michael@0: "", michael@0: "", michael@0: "" michael@0: ].join(""), michael@0: "' />", michael@0: "", michael@0: "", michael@0: "", michael@0: "" michael@0: ].join(""), michael@0: "' />", michael@0: "", michael@0: "" michael@0: ].join("")); michael@0: michael@0: gBrowser.parentNode.appendChild(iframe); michael@0: } michael@0: michael@0: function test() { michael@0: waitForExplicitFinish(); michael@0: ok(TiltUtils, "The TiltUtils object doesn't exist."); michael@0: michael@0: let dom = TiltUtils.DOM; michael@0: ok(dom, "The TiltUtils.DOM wasn't found."); michael@0: michael@0: init(function(iframe) { michael@0: let cwDimensions = dom.getContentWindowDimensions(iframe.contentWindow); michael@0: michael@0: is(cwDimensions.width - iframe.contentWindow.scrollMaxX, michael@0: iframe.contentWindow.innerWidth, michael@0: "The content window width wasn't calculated correctly."); michael@0: is(cwDimensions.height - iframe.contentWindow.scrollMaxY, michael@0: iframe.contentWindow.innerHeight, michael@0: "The content window height wasn't calculated correctly."); michael@0: michael@0: let lh = new LayoutHelpers(gBrowser.contentWindow); michael@0: let nodeCoordinates = lh.getRect( michael@0: iframe.contentDocument.getElementById("test-div"), iframe.contentWindow); michael@0: michael@0: let frameOffset = lh.getIframeContentOffset(iframe); michael@0: let frameRect = iframe.getBoundingClientRect(); michael@0: michael@0: is(nodeCoordinates.top, frameRect.top + frameOffset[0], michael@0: "The node coordinates top value wasn't calculated correctly."); michael@0: is(nodeCoordinates.left, frameRect.left + frameOffset[1], michael@0: "The node coordinates left value wasn't calculated correctly."); michael@0: is(nodeCoordinates.width, 123, michael@0: "The node coordinates width value wasn't calculated correctly."); michael@0: is(nodeCoordinates.height, 456, michael@0: "The node coordinates height value wasn't calculated correctly."); michael@0: michael@0: michael@0: let store = dom.traverse(iframe.contentWindow); michael@0: michael@0: let expected = [ michael@0: { name: "html", depth: 0 * STACK_THICKNESS, thickness: STACK_THICKNESS }, michael@0: { name: "head", depth: 1 * STACK_THICKNESS, thickness: STACK_THICKNESS }, michael@0: { name: "body", depth: 1 * STACK_THICKNESS, thickness: STACK_THICKNESS }, michael@0: { name: "div", depth: 2 * STACK_THICKNESS, thickness: STACK_THICKNESS }, michael@0: { name: "span", depth: 2 * STACK_THICKNESS, thickness: STACK_THICKNESS }, michael@0: { name: "iframe", depth: 2 * STACK_THICKNESS, thickness: STACK_THICKNESS }, michael@0: { name: "span", depth: 2 * STACK_THICKNESS, thickness: STACK_THICKNESS }, michael@0: { name: "iframe", depth: 2 * STACK_THICKNESS, thickness: STACK_THICKNESS }, michael@0: { name: "html", depth: 3 * STACK_THICKNESS, thickness: STACK_THICKNESS }, michael@0: { name: "html", depth: 3 * STACK_THICKNESS, thickness: STACK_THICKNESS }, michael@0: { name: "head", depth: 4 * STACK_THICKNESS, thickness: STACK_THICKNESS }, michael@0: { name: "body", depth: 4 * STACK_THICKNESS, thickness: STACK_THICKNESS }, michael@0: { name: "head", depth: 4 * STACK_THICKNESS, thickness: STACK_THICKNESS }, michael@0: { name: "body", depth: 4 * STACK_THICKNESS, thickness: STACK_THICKNESS }, michael@0: { name: "span", depth: 5 * STACK_THICKNESS, thickness: STACK_THICKNESS }, michael@0: { name: "div", depth: 5 * STACK_THICKNESS, thickness: STACK_THICKNESS }, michael@0: ]; michael@0: michael@0: is(store.nodes.length, expected.length, michael@0: "The traverse() function didn't walk the correct number of nodes."); michael@0: is(store.info.length, expected.length, michael@0: "The traverse() function didn't examine the correct number of nodes."); michael@0: michael@0: for (let i = 0; i < expected.length; i++) { michael@0: is(store.info[i].name, expected[i].name, michael@0: "traversed node " + (i + 1) + " isn't the expected one."); michael@0: is(store.info[i].coord.depth, expected[i].depth, michael@0: "traversed node " + (i + 1) + " doesn't have the expected depth."); michael@0: is(store.info[i].coord.thickness, expected[i].thickness, michael@0: "traversed node " + (i + 1) + " doesn't have the expected thickness."); michael@0: } michael@0: }); michael@0: }