[DevTools] Accessibility pane: Sync highlight between a11y pane and DOM pane

third_party/WebKit/Source/devtools/front_end/accessibility/AccessibilityModel.js

 // Copyright (c) 2014 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 /**
  * @unrestricted
  */
 Accessibility.AccessibilityNode = class extends SDK.SDKObject {
   /**
    * @param {!Accessibility.AccessibilityModel} accessibilityModel
    * @param {!Protocol.Accessibility.AXNode} payload
@@ skipping 121 matching lines @@
     return this._backendDOMNodeId;
   }
 
   /**
    * @return {?SDK.DeferredDOMNode}
    */
   deferredDOMNode() {
     return this._deferredDOMNode;
   }
 
+  highlightDOMNode() {
+    if (!this.isDOMNode())
+      return;
+    this.deferredDOMNode().resolvePromise().then((node) => {
+      SDK.DOMModel.fromTarget(this.target()).nodeHighlightRequested(node.id);
+    });
+  }
+
   /**
    * @return {!Array<!Accessibility.AccessibilityNode>}
    */
   children() {
     var children = [];
     if (!this._childIds)
       return children;
 
     for (var childId of this._childIds) {
       var child = this._accessibilityModel.axNodeForId(childId);
@@ skipping 148 matching lines @@
    */
   logTree(inspectedNode) {
     var rootNode = inspectedNode;
     while (rootNode.parentNode())
       rootNode = rootNode.parentNode();
     console.log(rootNode.printSelfAndChildren(inspectedNode));  // eslint-disable-line no-console
   }
 };
 
 Accessibility.AccessibilityModel._symbol = Symbol('AccessibilityModel');