DevTools: WI.Throttler goes promisified.

Source/devtools/front_end/elements/MetricsSidebarPane.js

 /*
  * Copyright (C) 2007 Apple Inc.  All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
  * 2.  Redistributions in binary form must reproduce the above copyright
@@ skipping 20 matching lines @@
  * @extends {WebInspector.ElementsSidebarPane}
  */
 WebInspector.MetricsSidebarPane = function()
 {
     WebInspector.ElementsSidebarPane.call(this, WebInspector.UIString("Metrics"));
 }
 
 WebInspector.MetricsSidebarPane.prototype = {
     /**
      * @override
-     * @param {!WebInspector.Throttler.FinishCallback} finishedCallback
      * @protected
+     * @return {!Promise.<?>}
      */
-    doUpdate: function(finishedCallback)
+    doUpdate: function()
     {
         // "style" attribute might have changed. Update metrics unless they are being edited
         // (if a CSS property is added, a StyleSheetChanged event is dispatched).
-        if (this._isEditingMetrics) {
-            finishedCallback();
-            return;
-        }
+        if (this._isEditingMetrics)
+            return Promise.resolve();
 
         // FIXME: avoid updates of a collapsed pane.
         var node = this.node();
         var cssModel = this.cssModel();
         if (!node || node.nodeType() !== Node.ELEMENT_NODE || !cssModel) {
             this.element.removeChildren();
-            finishedCallback();
-            return;
+            return Promise.resolve();
         }
 
         /**
          * @param {?WebInspector.CSSStyleDeclaration} style
          * @this {WebInspector.MetricsSidebarPane}
          */
         function callback(style)
         {
             if (!style || this.node() !== node)
                 return;
             this._updateMetrics(style);
         }
         /**
          * @param {?WebInspector.CSSStyleModel.InlineStyleResult} inlineStyleResult
          * @this {WebInspector.MetricsSidebarPane}
          */
         function inlineStyleCallback(inlineStyleResult)
         {
             if (inlineStyleResult && this.node() === node)
                 this.inlineStyle = inlineStyleResult.inlineStyle;
         }
 
         var promises = [
             cssModel.computedStylePromise(node.id).then(callback.bind(this)),
             cssModel.inlineStylesPromise(node.id).then(inlineStyleCallback.bind(this))
         ];
-        Promise.all(promises)
-            .then(finishedCallback.bind(null, undefined))
-            .catch(/** @type {function()} */(finishedCallback));
+        return Promise.all(promises);
     },
 
     /**
      * @override
      */
     onDOMModelChanged: function()
     {
         this.update();
     },
 
@@ skipping 361 matching lines @@
     },
 
     editingCommitted: function(element, userInput, previousContent, context)
     {
         this.editingEnded(element, context);
         this._applyUserInput(element, userInput, previousContent, context, true);
     },
 
     __proto__: WebInspector.ElementsSidebarPane.prototype
 }