Backed out changeset 531e06bae805 (bug 1568151) for failing browser_ext_devtools_panel.js on a CLOSED TREE

--HG-- extra : amend_source : b4fbc693143810f3c7462c9d3598529627480891
2019-08-07 00:35:56 +03:00 · 2019-08-07 00:35:56 +03:00 · 018d43f8fb
--- a/devtools/client/debugger/test/mochitest/browser_dbg-inspector-integration.js
+++ b/devtools/client/debugger/test/mochitest/browser_dbg-inspector-integration.js
@ -31,8 +31,9 @@ add_task(async function() {

  // Ensure hovering over button highlights the node in content pane
  const view = inspectorNode.ownerDocument.defaultView;
-  const inspectorFront = await toolbox.target.getFront("inspector");
-  const onNodeHighlight = inspectorFront.highlighter.once("node-highlight");
+  const onNodeHighlight = toolbox.target
+    .once("inspector")
+    .then(inspector => inspector.highlighter.once("node-highlight"));
  EventUtils.synthesizeMouseAtCenter(
    inspectorNode,
    { type: "mousemove" },
--- a/devtools/client/definitions.js
+++ b/devtools/client/definitions.js
@ -631,7 +631,11 @@ function createHighlightButton(highlighterName, id) {
    isChecked(toolbox) {
      // if the inspector doesn't exist, then the highlighter has not yet been connected
      // to the front end.
-      const inspectorFront = toolbox.target.getCachedFront("inspector");
+      // TODO: we are using target._inspector here, but we should be using
+      // target.getCachedFront. This is a temporary solution until the inspector no
+      // longer relies on the toolbox and can be destroyed the same way any other
+      // front would be. Related: #1487677
+      const inspectorFront = toolbox.target._inspector;
      if (!inspectorFront) {
        // initialize the inspector front asyncronously. There is a potential for buggy
        // behavior here, but we need to change how the buttons get data (have them
--- a/devtools/client/dom/test/browser_dom_nodes_highlight.js
+++ b/devtools/client/dom/test/browser_dom_nodes_highlight.js
@ -18,8 +18,9 @@ add_task(async function() {
  let node = getRowByIndex(panel, 2).querySelector(".objectBox-node");
  // the inspector should be initialized first and then the node should
  // highlight after the hover effect.
-  const inspectorFront = await toolbox.target.getFront("inspector");
-  let onNodeHighlight = inspectorFront.highlighter.once("node-highlight");
+  let onNodeHighlight = toolbox.target
+    .once("inspector")
+    .then(inspector => inspector.highlighter.once("node-highlight"));
  EventUtils.synthesizeMouseAtCenter(
    node,
    {
--- a/devtools/client/framework/toolbox.js
+++ b/devtools/client/framework/toolbox.js
@ -3279,7 +3279,7 @@ Toolbox.prototype = {
        // than most other fronts because it is closely related to the toolbox.
        // TODO: replace with getFront once inspector is separated from the toolbox
        // TODO: remove these bindings
-        this._inspector = await this.target.getFront("inspector");
+        this._inspector = await this.target.getInspector();
        this._walker = this.inspectorFront.walker;
        this._highlighter = this.inspectorFront.highlighter;
        this._selection = this.inspectorFront.selection;
--- a/devtools/client/menus.js
+++ b/devtools/client/menus.js
@ -154,7 +154,10 @@ exports.menuitems = [
      const window = event.target.ownerDocument.defaultView;
      const target = await TargetFactory.forTab(window.gBrowser.selectedTab);
      await target.attach();
-      const inspectorFront = await target.getFront("inspector");
+      // Temporary fix for bug #1493131 - inspector has a different life cycle
+      // than most other fronts because it is closely related to the toolbox.
+      // TODO: replace with getFront once inspector is separated from the toolbox
+      const inspectorFront = await target.getInspector();
      inspectorFront.pickColorFromPage({ copyOnSelect: true, fromMenu: true });
    },
    checkbox: true,
--- a/devtools/client/shared/sourceeditor/test/browser_css_autocompletion.js
+++ b/devtools/client/shared/sourceeditor/test/browser_css_autocompletion.js
@ -93,7 +93,7 @@ add_task(async function test() {
 async function runTests() {
  const target = await TargetFactory.forTab(gBrowser.selectedTab);
  await target.attach();
-  inspector = await target.getFront("inspector");
+  inspector = await target.getInspector();
  const walker = inspector.walker;
  completer = new CSSCompleter({
    walker: walker,
--- a/devtools/client/shared/sourceeditor/test/browser_editor_autocomplete_events.js
+++ b/devtools/client/shared/sourceeditor/test/browser_editor_autocomplete_events.js
@ -16,7 +16,7 @@ add_task(async function() {
 async function runTests() {
  const target = await TargetFactory.forTab(gBrowser.selectedTab);
  await target.attach();
-  const inspector = await target.getFront("inspector");
+  const inspector = await target.getInspector();
  const walker = inspector.walker;
  const { ed, win, edWin } = await setup({
    autocomplete: true,
--- a/devtools/client/webconsole/test/mochitest/browser_webconsole_nodes_highlight.js
+++ b/devtools/client/webconsole/test/mochitest/browser_webconsole_nodes_highlight.js
@ -50,8 +50,9 @@ add_task(async function() {

  // the inspector should be initialized first and then the node should
  // highlight after the hover effect.
-  const inspectorFront = await toolbox.target.getFront("inspector");
-  let onNodeHighlight = inspectorFront.highlighter.once("node-highlight");
+  let onNodeHighlight = toolbox.target
+    .once("inspector")
+    .then(inspector => inspector.highlighter.once("node-highlight"));

  EventUtils.synthesizeMouseAtCenter(node, { type: "mousemove" }, view);

--- a/devtools/server/tests/browser/head.js
+++ b/devtools/server/tests/browser/head.js
@ -82,7 +82,7 @@ async function initLayoutFrontForUrl(url) {

 async function initAccessibilityFrontForUrl(url) {
  const target = await addTabTarget(url);
-  const inspector = await target.getFront("inspector");
+  const inspector = await target.getInspector();
  const walker = inspector.walker;
  const accessibility = await target.getFront("accessibility");

@ -113,7 +113,8 @@ async function initPerfFront() {

 async function initInspectorFront(url) {
  const target = await addTabTarget(url);
-  const inspector = await target.getFront("inspector");
+
+  const inspector = await target.getInspector();
  const walker = inspector.walker;

  return { inspector, walker, target };
--- a/devtools/server/tests/mochitest/test_inspector-changeattrs.html
+++ b/devtools/server/tests/mochitest/test_inspector-changeattrs.html
@ -25,7 +25,7 @@ addTest(async function setup() {
  const url = document.getElementById("inspectorContent").href;
  const { target, doc } = await attachURL(url);
  gInspectee = doc;
-  const inspector = await target.getFront("inspector");
+  const inspector = await target.getInspector();
  gWalker = inspector.walker;
  runNextTest();
 });
--- a/devtools/server/tests/mochitest/test_inspector-changevalue.html
+++ b/devtools/server/tests/mochitest/test_inspector-changevalue.html
@ -25,7 +25,7 @@ addTest(async function setup() {
  const url = document.getElementById("inspectorContent").href;
  const { target, doc } = await attachURL(url);
  gInspectee = doc;
-  const inspector = await target.getFront("inspector");
+  const inspector = await target.getInspector();
  gWalker = inspector.walker;
  runNextTest();
 });
--- a/devtools/server/tests/mochitest/test_inspector-dead-nodes.html
+++ b/devtools/server/tests/mochitest/test_inspector-dead-nodes.html
@ -25,7 +25,7 @@ addAsyncTest(async function() {
  const url = document.getElementById("inspectorContent").href;
  const { target, doc } = await attachURL(url);
  gDoc = doc;
-  const inspector = await target.getFront("inspector");
+  const inspector = await target.getInspector();
  gWalker = inspector.walker;
  runNextTest();
 });
--- a/devtools/server/tests/mochitest/test_inspector-display-type.html
+++ b/devtools/server/tests/mochitest/test_inspector-display-type.html
@ -23,7 +23,7 @@ var gWalker;
 addTest(async function setup() {
  const url = document.getElementById("inspectorContent").href;
  const { target } = await attachURL(url);
-  const inspector = await target.getFront("inspector");
+  const inspector = await target.getInspector();
  gWalker = inspector.walker;
  runNextTest();
 });
--- a/devtools/server/tests/mochitest/test_inspector-duplicate-node.html
+++ b/devtools/server/tests/mochitest/test_inspector-duplicate-node.html
@ -23,7 +23,7 @@ let gWalker = null;
 addTest(async function setup() {
  const url = document.getElementById("inspectorContent").href;
  const { target } = await attachURL(url);
-  const inspector = await target.getFront("inspector");
+  const inspector = await target.getInspector();
  gWalker = inspector.walker;
  runNextTest();
 });
--- a/devtools/server/tests/mochitest/test_inspector-hide.html
+++ b/devtools/server/tests/mochitest/test_inspector-hide.html
@ -24,7 +24,7 @@ let gInspectee = null;
 addTest(async function setup() {
  const url = document.getElementById("inspectorContent").href;
  const { target, doc } = await attachURL(url);
-  const inspector = await target.getFront("inspector");
+  const inspector = await target.getInspector();
  gInspectee = doc;
  gWalker = inspector.walker;
  runNextTest();
--- a/devtools/server/tests/mochitest/test_inspector-mutations-attr.html
+++ b/devtools/server/tests/mochitest/test_inspector-mutations-attr.html
@ -26,7 +26,7 @@ let attrFront;
 addTest(async function setup() {
  const url = document.getElementById("inspectorContent").href;
  const { target, doc } = await attachURL(url);
-  const inspector = await target.getFront("inspector");
+  const inspector = await target.getInspector();
  gInspectee = doc;
  gWalker = inspector.walker;
  runNextTest();
--- a/devtools/server/tests/mochitest/test_inspector-mutations-events.html
+++ b/devtools/server/tests/mochitest/test_inspector-mutations-events.html
@ -33,7 +33,7 @@ window.onload = function() {
    const url = document.getElementById("inspectorContent").href;
    const { target, doc } = await attachURL(url);
    inspectee = doc;
-    inspector = await target.getFront("inspector");
+    inspector = await target.getInspector();
    walker = inspector.walker;

    runNextTest();
--- a/devtools/server/tests/mochitest/test_inspector-mutations-value.html
+++ b/devtools/server/tests/mochitest/test_inspector-mutations-value.html
@ -38,7 +38,7 @@ var shortString2 = "str2";
 addTest(async function setup() {
  const url = document.getElementById("inspectorContent").href;
  const { target, doc } = await attachURL(url);
-  const inspector = await target.getFront("inspector");
+  const inspector = await target.getInspector();
  gInspectee = doc;
  gWalker = inspector.walker;
  runNextTest();
--- a/devtools/server/tests/mochitest/test_inspector-pick-color.html
+++ b/devtools/server/tests/mochitest/test_inspector-pick-color.html
@ -26,7 +26,7 @@ window.onload = function() {

    const url = document.getElementById("inspectorContent").href;
    const { target, doc } = await attachURL(url);
-    inspector = await target.getFront("inspector");
+    inspector = await target.getInspector();
    win = doc.defaultView;
    runNextTest();
  });
--- a/devtools/server/tests/mochitest/test_inspector-pseudoclass-lock.html
+++ b/devtools/server/tests/mochitest/test_inspector-pseudoclass-lock.html
@ -29,7 +29,7 @@ async function setup(callback) {
  const url = document.getElementById("inspectorContent").href;
  const { target, doc } = await attachURL(url);
  gInspectee = doc;
-  const inspector = await target.getFront("inspector");
+  const inspector = await target.getInspector();
  ok(inspector.walker, "getWalker() should return an actor.");
  gWalker = inspector.walker;
  runNextTest();
--- a/devtools/server/tests/mochitest/test_inspector-reload.html
+++ b/devtools/server/tests/mochitest/test_inspector-reload.html
@ -24,7 +24,7 @@ let gWalker = null;
 addTest(async function setup() {
  const url = document.getElementById("inspectorContent").href;
  const { target, doc } = await attachURL(url);
-  const inspector = await target.getFront("inspector");
+  const inspector = await target.getInspector();
  gInspectee = doc;
  const walker = inspector.walker;
  gWalker = await inspector.getWalker();
--- a/devtools/server/tests/mochitest/test_inspector-resize.html
+++ b/devtools/server/tests/mochitest/test_inspector-resize.html
@ -25,7 +25,7 @@ window.onload = function() {
    const url = document.getElementById("inspectorContent").href;

    const { target, doc } = await attachURL(url);
-    inspector = await target.getFront("inspector");
+    inspector = await target.getInspector();
    win = doc.defaultView;
    runNextTest();
  });
--- a/devtools/server/tests/mochitest/test_inspector-resolve-url.html
+++ b/devtools/server/tests/mochitest/test_inspector-resolve-url.html
@ -24,7 +24,7 @@ let gDoc;
 addTest(async function() {
  const url = document.getElementById("inspectorContent").href;
  const { target, doc } = await attachURL(url);
-  gInspector = await target.getFront("inspector");
+  gInspector = await target.getInspector();
  gDoc = doc;
  runNextTest();
 });
--- a/devtools/server/tests/mochitest/test_inspector-scroll-into-view.html
+++ b/devtools/server/tests/mochitest/test_inspector-scroll-into-view.html
@ -25,7 +25,7 @@ addTest(async function setup() {
  const url = document.getElementById("inspectorContent").href;
  const { target, doc } = await attachURL(url);
  gInspectee = doc;
-  const inspector = await target.getFront("inspector");
+  const inspector = await target.getInspector();
  gWalker = inspector.walker;
  runNextTest();
 });
--- a/devtools/server/tests/mochitest/test_inspector-search-front.html
+++ b/devtools/server/tests/mochitest/test_inspector-search-front.html
@ -29,7 +29,7 @@ window.onload = function() {
    const url = document.getElementById("inspectorContent").href;

    const { target } = await attachURL(url);
-    inspector = await target.getFront("inspector");
+    inspector = await target.getInspector();
    walkerFront = inspector.walker;

    runNextTest();
--- a/devtools/server/tests/mochitest/test_inspector-template.html
+++ b/devtools/server/tests/mochitest/test_inspector-template.html
@ -23,7 +23,7 @@ window.onload = function() {
    const url = document.getElementById("inspectorContent").href;

    const { target } = await attachURL(url);
-    const inspector = await target.getFront("inspector");
+    const inspector = await target.getInspector();
    gWalker = inspector.walker;

    runNextTest();
--- a/devtools/server/tests/mochitest/test_inspector_getImageData-wait-for-load.html
+++ b/devtools/server/tests/mochitest/test_inspector_getImageData-wait-for-load.html
@ -44,7 +44,7 @@ let gWalker = null;
 addTest(async function setup() {
  const url = document.getElementById("inspectorContent").href;
  const { target, doc } = await attachURL(url);
-  const inspector = await target.getFront("inspector");
+  const inspector = await target.getInspector();
  gWalker = inspector.walker;
  gNodeFront = await gWalker.querySelector(gWalker.rootNode, "img.custom");
  gImg = doc.querySelector("img.custom");
--- a/devtools/server/tests/mochitest/test_inspector_getImageData.html
+++ b/devtools/server/tests/mochitest/test_inspector_getImageData.html
@ -23,7 +23,7 @@ let gWalker = null;
 addTest(async function setup() {
  const url = document.getElementById("inspectorContent").href;
  const { target } = await attachURL(url);
-  const inspector = await target.getFront("inspector");
+  const inspector = await target.getInspector();
  gWalker = inspector.walker;
  runNextTest();
 });
--- a/devtools/server/tests/mochitest/test_inspector_getImageDataFromURL.html
+++ b/devtools/server/tests/mochitest/test_inspector_getImageDataFromURL.html
@ -41,7 +41,7 @@ let gInspector = null;
 addTest(async function setup() {
  const url = document.getElementById("inspectorContent").href;
  const { target } = await attachURL(url);
-  gInspector = await target.getFront("inspector");
+  gInspector = await target.getInspector();
  runNextTest();
 });

--- a/devtools/server/tests/mochitest/test_inspector_getNodeFromActor.html
+++ b/devtools/server/tests/mochitest/test_inspector_getNodeFromActor.html
@ -23,7 +23,7 @@ let gWalker;
 addTest(async function() {
  const url = document.getElementById("inspectorContent").href;
  const { target } = await attachURL(url);
-  const inspector = await target.getFront("inspector");
+  const inspector = await target.getInspector();
  gWalker = inspector.walker;
  runNextTest();
 });
--- a/devtools/server/tests/mochitest/test_inspector_getOffsetParent.html
+++ b/devtools/server/tests/mochitest/test_inspector_getOffsetParent.html
@ -25,7 +25,7 @@ var gBodyNode;
 addTest(async function setup() {
  const url = document.getElementById("inspectorContent").href;
  const { target } = await attachURL(url);
-  const inspector = await target.getFront("inspector");
+  const inspector = await target.getInspector();
  gWalker = inspector.walker;
  gBodyNode = await gWalker.querySelector(gWalker.rootNode, "body");
  gHTMLNode = await gWalker.querySelector(gWalker.rootNode, "html");
--- a/devtools/server/tests/mochitest/test_styles-applied.html
+++ b/devtools/server/tests/mochitest/test_styles-applied.html
@ -24,7 +24,7 @@ let gStyles = null;
 addTest(async function setup() {
  const url = document.getElementById("inspectorContent").href;
  const { target } = await attachURL(url);
-  const inspector = await target.getFront("inspector");
+  const inspector = await target.getInspector();
  gWalker = inspector.walker;
  gStyles = await inspector.getPageStyle();
  runNextTest();
--- a/devtools/server/tests/mochitest/test_styles-computed.html
+++ b/devtools/server/tests/mochitest/test_styles-computed.html
@ -24,7 +24,7 @@ let gStyles = null;
 addTest(async function setup() {
  const url = document.getElementById("inspectorContent").href;
  const { target } = await attachURL(url);
-  const inspector = await target.getFront("inspector");
+  const inspector = await target.getInspector();
  gWalker = inspector.walker;
  gStyles = await inspector.getPageStyle();
  runNextTest();
--- a/devtools/server/tests/mochitest/test_styles-layout.html
+++ b/devtools/server/tests/mochitest/test_styles-layout.html
@ -20,7 +20,7 @@ let gStyles = null;
 addTest(async function() {
  const url = document.getElementById("inspectorContent").href;
  const { target } = await attachURL(url);
-  const inspector = await target.getFront("inspector");
+  const inspector = await target.getInspector();
  gWalker = inspector.walker;
  gStyles = await inspector.getPageStyle();
  runNextTest();
--- a/devtools/server/tests/mochitest/test_styles-matched.html
+++ b/devtools/server/tests/mochitest/test_styles-matched.html
@ -28,7 +28,7 @@ addTest(async function setup() {
  const url = document.getElementById("inspectorContent").href;
  const { target, doc } = await attachURL(url);
  gInspectee = doc;
-  const inspector = await target.getFront("inspector");
+  const inspector = await target.getInspector();
  gWalker = inspector.walker;
  gStyles = await inspector.getPageStyle();
  runNextTest();
--- a/devtools/server/tests/mochitest/test_styles-modify.html
+++ b/devtools/server/tests/mochitest/test_styles-modify.html
@ -28,7 +28,7 @@ addAsyncTest(async function setup() {
  const url = document.getElementById("inspectorContent").href;

  const { target, doc } = await attachURL(url);
-  const inspector = await target.getFront("inspector");
+  const inspector = await target.getInspector();
  gInspectee = doc;

  gWalker = inspector.walker;
--- a/devtools/server/tests/mochitest/test_styles-svg.html
+++ b/devtools/server/tests/mochitest/test_styles-svg.html
@ -25,7 +25,7 @@ let gStyles = null;
 addTest(async function setup() {
  const url = document.getElementById("inspectorContent").href;
  const { target } = await attachURL(url);
-  const inspector = await target.getFront("inspector");
+  const inspector = await target.getInspector();
  gWalker = inspector.walker;
  gStyles = await inspector.getPageStyle();
  runNextTest();
--- a/devtools/shared/fronts/targets/target-mixin.js
+++ b/devtools/shared/fronts/targets/target-mixin.js
@ -67,6 +67,10 @@ function TargetMixin(parentClass) {
      // Cache of already created targed-scoped fronts
      // [typeName:string => Front instance]
      this.fronts = new Map();
+      // Temporary fix for bug #1493131 - inspector has a different life cycle
+      // than most other fronts because it is closely related to the toolbox.
+      // TODO: remove once inspector is separated from the toolbox
+      this._inspector = null;

      this._setupRemoteListeners();
    }
@ -187,6 +191,24 @@ function TargetMixin(parentClass) {
      return this.client.mainRoot.rootForm;
    }

+    // Temporary fix for bug #1493131 - inspector has a different life cycle
+    // than most other fronts because it is closely related to the toolbox.
+    // TODO: remove once inspector is separated from the toolbox
+    async getInspector() {
+      // the front might have been destroyed and no longer have an actor ID
+      if (this._inspector && this._inspector.actorID) {
+        return this._inspector;
+      }
+      this._inspector = await getFront(
+        this.client,
+        "inspector",
+        this.targetForm,
+        this
+      );
+      this.emit("inspector", this._inspector);
+      return this._inspector;
+    }
+
    // Run callback on every front of this type that currently exists, and on every
    // instantiation of front type in the future.
    onFront(typeName, callback) {