/* -*- Mode: C++; tab-width: 8; indent-tabs-mode: nil; c-basic-offset: 2 -*- */ /* vim: set ts=2 et sw=2 tw=80: */ /* ***** BEGIN LICENSE BLOCK ***** * Version: MPL 1.1/GPL 2.0/LGPL 2.1 * * The contents of this file are subject to the Mozilla Public License Version * 1.1 (the "License"); you may not use this file except in compliance with * the License. You may obtain a copy of the License at * http://www.mozilla.org/MPL/ * * Software distributed under the License is distributed on an "AS IS" basis, * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License * for the specific language governing rights and limitations under the * License. * * The Original Code is Inspector Highlighter Tests. * * The Initial Developer of the Original Code is * The Mozilla Foundation. * Portions created by the Initial Developer are Copyright (C) 2010 * the Initial Developer. All Rights Reserved. * * Contributor(s): * Rob Campbell * Mihai Sucan * * Alternatively, the contents of this file may be used under the terms of * either the GNU General Public License Version 2 or later (the "GPL"), or * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"), * in which case the provisions of the GPL or the LGPL are applicable instead * of those above. If you wish to allow use of your version of this file only * under the terms of either the GPL or the LGPL, and not to allow others to * use your version of this file under the terms of the MPL, indicate your * decision by deleting the provisions above and replace them with the notice * and other provisions required by the GPL or the LGPL. If you do not delete * the provisions above, a recipient may use your version of this file under * the terms of any one of the MPL, the GPL or the LGPL. * * ***** END LICENSE BLOCK ***** */ let doc; let h1; function createDocument() { let div = doc.createElement("div"); let h1 = doc.createElement("h1"); let p1 = doc.createElement("p"); let p2 = doc.createElement("p"); let div2 = doc.createElement("div"); let p3 = doc.createElement("p"); doc.title = "Inspector Tree Selection Test"; h1.textContent = "Inspector Tree Selection Test"; p1.textContent = "This is some example text"; p2.textContent = "Lorem ipsum dolor sit amet, consectetur adipisicing " + "elit, sed do eiusmod tempor incididunt ut labore et dolore magna " + "aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco " + "laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure " + "dolor in reprehenderit in voluptate velit esse cillum dolore eu " + "fugiat nulla pariatur. Excepteur sint occaecat cupidatat non " + "proident, sunt in culpa qui officia deserunt mollit anim id est laborum."; p3.textContent = "Lorem ipsum dolor sit amet, consectetur adipisicing " + "elit, sed do eiusmod tempor incididunt ut labore et dolore magna " + "aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco " + "laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure " + "dolor in reprehenderit in voluptate velit esse cillum dolore eu " + "fugiat nulla pariatur. Excepteur sint occaecat cupidatat non " + "proident, sunt in culpa qui officia deserunt mollit anim id est laborum."; div.appendChild(h1); div.appendChild(p1); div.appendChild(p2); div2.appendChild(p3); doc.body.appendChild(div); doc.body.appendChild(div2); setupHighlighterTests(); } function setupHighlighterTests() { h1 = doc.querySelectorAll("h1")[0]; ok(h1, "we have the header node"); Services.obs.addObserver(runSelectionTests, InspectorUI.INSPECTOR_NOTIFICATIONS.OPENED, false); InspectorUI.toggleInspectorUI(); } function runSelectionTests() { Services.obs.removeObserver(runSelectionTests, InspectorUI.INSPECTOR_NOTIFICATIONS.OPENED, false); executeSoon(function() { Services.obs.addObserver(performTestComparisons, InspectorUI.INSPECTOR_NOTIFICATIONS.HIGHLIGHTING, false); EventUtils.synthesizeMouse(h1, 2, 2, {type: "mousemove"}, content); }); } function performTestComparisons(evt) { Services.obs.removeObserver(performTestComparisons, InspectorUI.INSPECTOR_NOTIFICATIONS.HIGHLIGHTING, false); InspectorUI.stopInspecting(); ok(InspectorUI.highlighter.isHighlighting, "highlighter is highlighting"); is(InspectorUI.highlighter.highlitNode, h1, "highlighter matches selection") is(InspectorUI.selection, h1, "selection matches node"); is(InspectorUI.selection, InspectorUI.highlighter.highlitNode, "selection matches highlighter"); // get dimensions of h1 element let h1Dims = h1.getBoundingClientRect(); let h1Width = h1Dims.width; let h1Height = h1Dims.height; // get dimensions of transparent veil box over element let veilBoxDims = InspectorUI.highlighter.veilTransparentBox.getBoundingClientRect(); let veilBoxWidth = veilBoxDims.width; let veilBoxHeight = veilBoxDims.height; ok((veilBoxWidth == h1Width && veilBoxHeight == h1Height), "transparent veil box matches dimensions of element (no zoom)"); // zoom the page by a factor of 2 let contentDocument = InspectorUI.browser.docShell.contentViewer .QueryInterface(Ci.nsIMarkupDocumentViewer); contentDocument.fullZoom = 2; finishTestComparisons(); } function finishTestComparisons() { // check what zoom factor we're at let zoom = InspectorUI.win.QueryInterface(Components.interfaces.nsIInterfaceRequestor) .getInterface(Components.interfaces.nsIDOMWindowUtils) .screenPixelsPerCSSPixel; // simulate the zoomed dimensions of the h1 element let h1Dims = h1.getBoundingClientRect(); let h1Width = h1Dims.width * zoom; let h1Height = h1Dims.height * zoom; // now zoomed, get new dimensions of transparent veil box over element let veilBoxDims = InspectorUI.highlighter.veilTransparentBox.getBoundingClientRect(); let veilBoxWidth = veilBoxDims.width; let veilBoxHeight = veilBoxDims.height; ok((veilBoxWidth == h1Width && veilBoxHeight == h1Height), "transparent veil box matches dimensions of element (2x zoom)"); doc = h1 = null; executeSoon(finishUp); } function finishUp() { InspectorUI.closeInspectorUI(); gBrowser.removeCurrentTab(); finish(); } function test() { waitForExplicitFinish(); gBrowser.selectedTab = gBrowser.addTab(); gBrowser.selectedBrowser.addEventListener("load", function() { gBrowser.selectedBrowser.removeEventListener("load", arguments.callee, true); doc = content.document; waitForFocus(createDocument, content); }, true); content.location = "data:text/html,basic tests for inspector"; }