michael@0: /* -*- Mode: Javascript; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- */
michael@0: /* vim: set ts=2 et sw=2 tw=80: */
michael@0: /* This Source Code Form is subject to the terms of the Mozilla Public
michael@0:  * License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0:  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
michael@0: 
michael@0: let doc;
michael@0: let div;
michael@0: let iframe;
michael@0: let inspector;
michael@0: 
michael@0: function createDocument()
michael@0: {
michael@0:   doc.title = "Inspector scrolling Tests";
michael@0: 
michael@0:   iframe = doc.createElement("iframe");
michael@0: 
michael@0:   iframe.addEventListener("load", function () {
michael@0:     iframe.removeEventListener("load", arguments.callee, false);
michael@0: 
michael@0:     div = iframe.contentDocument.createElement("div");
michael@0:     div.textContent = "big div";
michael@0:     div.setAttribute("style", "height:500px; width:500px; border:1px solid gray;");
michael@0:     iframe.contentDocument.body.appendChild(div);
michael@0:     openInspector(inspectNode);
michael@0:   }, false);
michael@0: 
michael@0:   iframe.src = "data:text/html,foo bar";
michael@0:   doc.body.appendChild(iframe);
michael@0: }
michael@0: 
michael@0: function inspectNode(aInspector)
michael@0: {
michael@0:   inspector = aInspector;
michael@0: 
michael@0:   let highlighter = inspector.toolbox.highlighter;
michael@0:   highlighter.showBoxModel(getNodeFront(div)).then(performScrollingTest);
michael@0: }
michael@0: 
michael@0: function performScrollingTest()
michael@0: {
michael@0:   gBrowser.selectedBrowser.addEventListener("scroll", function() {
michael@0:     gBrowser.selectedBrowser.removeEventListener("scroll", arguments.callee,
michael@0:       false);
michael@0:     let isRetina = devicePixelRatio === 2;
michael@0:     is(iframe.contentDocument.body.scrollTop,
michael@0:       isRetina ? 25 : 50, "inspected iframe scrolled");
michael@0: 
michael@0:     finishUp();
michael@0:   }, false);
michael@0: 
michael@0:   EventUtils.synthesizeWheel(div, 10, 10,
michael@0:     { deltaY: 50.0, deltaMode: WheelEvent.DOM_DELTA_PIXEL },
michael@0:     iframe.contentWindow);
michael@0: }
michael@0: 
michael@0: function finishUp()
michael@0: {
michael@0:   inspector = div = iframe = doc = null;
michael@0:   let target = TargetFactory.forTab(gBrowser.selectedTab);
michael@0:   gDevTools.closeToolbox(target);
michael@0:   gBrowser.removeCurrentTab();
michael@0:   finish();
michael@0: }
michael@0: 
michael@0: function test()
michael@0: {
michael@0:   waitForExplicitFinish();
michael@0:   gBrowser.selectedTab = gBrowser.addTab();
michael@0:   gBrowser.selectedBrowser.addEventListener("load", function() {
michael@0:     gBrowser.selectedBrowser.removeEventListener("load", arguments.callee, true);
michael@0:     doc = content.document;
michael@0:     waitForFocus(createDocument, content);
michael@0:   }, true);
michael@0: 
michael@0:   content.location = "data:text/html,mouse scrolling test for inspector";
michael@0: }