DevTools: Add context menu item to focus a node

Brings the inspected page to front and focuses it

Change-Id: I0e6b18b079091fe2b0dfccbc69829470dcfaeeec
Reviewed-on: https://chromium-review.googlesource.com/761057Reviewed-by: Dmitry Gozman <dgozman@chromium.org>
Reviewed-by: Alice Boxhall <aboxhall@chromium.org>
Reviewed-by: Andrey Lushnikov <lushnikov@chromium.org>
Commit-Queue: Joel Einbinder <einbinder@chromium.org>
Cr-Commit-Position: refs/heads/master@{#517221}

content/browser/devtools/protocol/page_handler.cc

@@ -682,6 +682,7 @@ Response PageHandler::BringToFront() {
   WebContentsImpl* wc = GetWebContents();
   if (wc) {
     wc->Activate();
+    wc->Focus();
     return Response::OK();
   }
   return Response::InternalError();

third_party/WebKit/Source/devtools/front_end/elements/ElementsTreeElement.js

@@ -473,6 +473,9 @@ Elements.ElementsTreeElement = class extends UI.TreeElement {
     this.populateNodeContextMenu(contextMenu);
     Elements.ElementsTreeElement.populateForcedPseudoStateItems(contextMenu, treeElement.node());
     this.populateScrollIntoView(contextMenu);
+    contextMenu.viewSection().appendItem(Common.UIString('Focus'), async () => {
+      await this._node.focus();
+    });
   }
 
   /**

third_party/WebKit/Source/devtools/front_end/sdk/DOMModel.js

@@ -907,9 +907,10 @@ SDK.DOMNode = class {
 
   async scrollIntoView() {
     var node = this.enclosingElementOrSelf();
-    var object = await node.resolveToObject('');
-    if (object)
-      object.callFunction(scrollIntoView);
+    var object = await node.resolveToObject();
+    if (!object)
+      return;
+    object.callFunction(scrollIntoView);
     object.release();
     node.highlightForTwoSeconds();
 
@@ -921,6 +922,25 @@ SDK.DOMNode = class {
       this.scrollIntoViewIfNeeded(true);
     }
   }
+
+  async focus() {
+    var node = this.enclosingElementOrSelf();
+    var object = await node.resolveToObject();
+    if (!object)
+      return;
+    await object.callFunctionPromise(focusInPage);
+    object.release();
+    node.highlightForTwoSeconds();
+    this._domModel.target().pageAgent().bringToFront();
+
+    /**
+     * @suppressReceiverCheck
+     * @this {!Element}
+     */
+    function focusInPage() {
+      this.focus();
+    }
+  }
 };
 
 /**