DevTools: reformat front-end code to match chromium style.

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

Index: third_party/WebKit/Source/devtools/front_end/accessibility/AXTreePane.js
diff --git a/third_party/WebKit/Source/devtools/front_end/accessibility/AXTreePane.js b/third_party/WebKit/Source/devtools/front_end/accessibility/AXTreePane.js
index e7da83a0d7a79eec8967ef9a6cbe45e95efbd1f1..fcda56cce962916bc2ab52c00a60f3f6355cc201 100644
--- a/third_party/WebKit/Source/devtools/front_end/accessibility/AXTreePane.js
+++ b/third_party/WebKit/Source/devtools/front_end/accessibility/AXTreePane.js
@@ -1,58 +1,52 @@
 // Copyright 2016 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.
-
 /**
- * @constructor
- * @extends {WebInspector.AccessibilitySubPane}
+ * @unrestricted
  */
-WebInspector.AXTreePane = function()
-{
-    WebInspector.AccessibilitySubPane.call(this, WebInspector.UIString("Accessibility Tree"));
+WebInspector.AXTreePane = class extends WebInspector.AccessibilitySubPane {
+  constructor() {
+    super(WebInspector.UIString('Accessibility Tree'));
 
     this._treeOutline = this.createTreeOutline();
 
-    this.element.classList.add("accessibility-computed");
-};
-
-
-WebInspector.AXTreePane.prototype = {
-    /**
-     * @param {!Array<!WebInspector.AccessibilityNode>} nodes
-     */
-    setAXNodeAndAncestors: function(nodes)
-    {
-        this._nodes = nodes;
-
-        var target = this.node().target();
-        var treeOutline = this._treeOutline;
-        treeOutline.removeChildren();
-        treeOutline.element.classList.remove("hidden");
-        var previous = treeOutline.rootElement();
-        while (nodes.length) {
-            var ancestor = nodes.pop();
-            var ancestorTreeElement = new WebInspector.AXNodeTreeElement(ancestor, target);
-            previous.appendChild(ancestorTreeElement);
-            previous.expand();
-            previous = ancestorTreeElement;
-        }
-        previous.selectable = true;
-        previous.select(true /* omitFocus */);
-    },
-
-    __proto__: WebInspector.AccessibilitySubPane.prototype
+    this.element.classList.add('accessibility-computed');
+  }
+
+  /**
+   * @param {!Array<!WebInspector.AccessibilityNode>} nodes
+   */
+  setAXNodeAndAncestors(nodes) {
+    this._nodes = nodes;
+
+    var target = this.node().target();
+    var treeOutline = this._treeOutline;
+    treeOutline.removeChildren();
+    treeOutline.element.classList.remove('hidden');
+    var previous = treeOutline.rootElement();
+    while (nodes.length) {
+      var ancestor = nodes.pop();
+      var ancestorTreeElement = new WebInspector.AXNodeTreeElement(ancestor, target);
+      previous.appendChild(ancestorTreeElement);
+      previous.expand();
+      previous = ancestorTreeElement;
+    }
+    previous.selectable = true;
+    previous.select(true /* omitFocus */);
+  }
 };
 
 /**
- * @constructor
- * @extends {TreeElement}
- * @param {!WebInspector.AccessibilityNode} axNode
- * @param {!WebInspector.Target} target
+ * @unrestricted
  */
-WebInspector.AXNodeTreeElement = function(axNode, target)
-{
+WebInspector.AXNodeTreeElement = class extends TreeElement {
+  /**
+   * @param {!WebInspector.AccessibilityNode} axNode
+   * @param {!WebInspector.Target} target
+   */
+  constructor(axNode, target) {
     // Pass an empty title, the title gets made later in onattach.
-    TreeElement.call(this, "");
+    super('');
 
     /** @type {!WebInspector.AccessibilityNode} */
     this._axNode = axNode;
@@ -61,71 +55,63 @@ WebInspector.AXNodeTreeElement = function(axNode, target)
     this._target = target;
 
     this.selectable = false;
+  }
+
+  /**
+   * @override
+   */
+  onattach() {
+    this._update();
+  }
+
+  _update() {
+    this.listItemElement.removeChildren();
+
+    if (this._axNode.ignored()) {
+      this._appendIgnoredNodeElement();
+    } else {
+      this._appendRoleElement(this._axNode.role());
+      if ('name' in this._axNode && this._axNode.name().value) {
+        this.listItemElement.createChild('span', 'separator').textContent = '\u00A0';
+        this._appendNameElement(/** @type {string} */ (this._axNode.name().value));
+      }
+    }
+  }
+
+  /**
+   * @param {string} name
+   */
+  _appendNameElement(name) {
+    var nameElement = createElement('span');
+    nameElement.textContent = '"' + name + '"';
+    nameElement.classList.add('ax-readable-string');
+    this.listItemElement.appendChild(nameElement);
+  }
+
+  /**
+   * @param {?AccessibilityAgent.AXValue} role
+   */
+  _appendRoleElement(role) {
+    if (!role)
+      return;
+
+    var roleElement = createElementWithClass('span', 'monospace');
+    roleElement.classList.add(WebInspector.AXNodeTreeElement.RoleStyles[role.type]);
+    roleElement.setTextContentTruncatedIfNeeded(role.value || '');
+
+    this.listItemElement.appendChild(roleElement);
+  }
+
+  _appendIgnoredNodeElement() {
+    var ignoredNodeElement = createElementWithClass('span', 'monospace');
+    ignoredNodeElement.textContent = WebInspector.UIString('Ignored');
+    ignoredNodeElement.classList.add('ax-tree-ignored-node');
+    this.listItemElement.appendChild(ignoredNodeElement);
+  }
 };
 
 /** @type {!Object<string, string>} */
 WebInspector.AXNodeTreeElement.RoleStyles = {
-    internalRole: "ax-internal-role",
-    role: "ax-role",
-};
-
-WebInspector.AXNodeTreeElement.prototype = {
-    /**
-     * @override
-     */
-    onattach: function()
-    {
-        this._update();
-    },
-
-    _update: function()
-    {
-        this.listItemElement.removeChildren();
-
-        if (this._axNode.ignored()) {
-            this._appendIgnoredNodeElement();
-        } else {
-            this._appendRoleElement(this._axNode.role());
-            if ("name" in this._axNode && this._axNode.name().value) {
-                this.listItemElement.createChild("span", "separator").textContent = "\u00A0";
-                this._appendNameElement(/** @type {string} */ (this._axNode.name().value));
-            }
-        }
-    },
-
-    /**
-     * @param {string} name
-     */
-    _appendNameElement: function(name)
-    {
-        var nameElement = createElement("span");
-        nameElement.textContent = '"' + name + '"';
-        nameElement.classList.add("ax-readable-string");
-        this.listItemElement.appendChild(nameElement);
-    },
-
-    /**
-     * @param {?AccessibilityAgent.AXValue} role
-     */
-    _appendRoleElement: function(role)
-    {
-        if (!role)
-            return;
-
-        var roleElement = createElementWithClass("span", "monospace");
-        roleElement.classList.add(WebInspector.AXNodeTreeElement.RoleStyles[role.type]);
-        roleElement.setTextContentTruncatedIfNeeded(role.value || "");
-
-        this.listItemElement.appendChild(roleElement);
-    },
-
-    _appendIgnoredNodeElement: function()
-    {
-        var ignoredNodeElement = createElementWithClass("span", "monospace");
-        ignoredNodeElement.textContent = WebInspector.UIString("Ignored");
-        ignoredNodeElement.classList.add("ax-tree-ignored-node");
-        this.listItemElement.appendChild(ignoredNodeElement);
-    },
-
-    __proto__: TreeElement.prototype
+  internalRole: 'ax-internal-role',
+  role: 'ax-role',
 };