diff -r 000000000000 -r 6474c204b198 browser/devtools/tilt/test/browser_tilt_utils07.js --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/browser/devtools/tilt/test/browser_tilt_utils07.js Wed Dec 31 06:09:35 2014 +0100 @@ -0,0 +1,159 @@ +/* Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ */ +"use strict"; + +const STACK_THICKNESS = 15; + +function init(callback) { + let iframe = gBrowser.ownerDocument.createElement("iframe"); + + iframe.addEventListener("load", function onLoad() { + iframe.removeEventListener("load", onLoad, true); + callback(iframe); + + gBrowser.parentNode.removeChild(iframe); + finish(); + }, true); + + iframe.setAttribute("src", ["data:text/html,", + "", + "", + "", + "", + "", + "

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