DevTools: add coverage snapshots

third_party/WebKit/Source/devtools/front_end/coverage/CoverageView.js

 // Copyright (c) 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.
 
 /** @typedef {{range: !Common.TextRange, wasUsed: boolean}} */
 Coverage.RangeUsage;
 
 /** @typedef {{styleSheetHeader: !SDK.CSSStyleSheetHeader, ranges: !Array<!Coverage.RangeUsage>}} */
 Coverage.StyleSheetUsage;
 
@@ skipping 21 matching lines @@
     super(true);
 
     this.registerRequiredCSS('coverage/coverageView.css');
 
     var toolbarContainer = this.contentElement.createChild('div', 'coverage-toolbar-container');
     var topToolbar = new UI.Toolbar('coverage-toolbar', toolbarContainer);
 
     this._toggleRecordAction =
         /** @type {!UI.Action }*/ (UI.actionRegistry.action('coverage.toggle-recording'));
     topToolbar.appendToolbarItem(UI.Toolbar.createActionButton(this._toggleRecordAction));
+    topToolbar.appendToolbarItem(UI.Toolbar.createActionButtonForId('coverage.take-snapshot'));
 
     var clearButton = new UI.ToolbarButton(Common.UIString('Clear all'), 'largeicon-clear');
     clearButton.addEventListener(UI.ToolbarButton.Events.Click, this._reset.bind(this));
     topToolbar.appendToolbarItem(clearButton);
 
     this._coverageResultsElement = this.contentElement.createChild('div', 'coverage-results');
     this._progressElement = this._coverageResultsElement.createChild('div', 'progress-view');
     this._listView = new Coverage.CoverageListView();
 
     this._statusToolbarElement = this.contentElement.createChild('div', 'coverage-toolbar-summary');
@@ skipping 29 matching lines @@
     var cssModel = mainTarget.model(SDK.CSSModel);
     if (!cssModel)
       return;
     this._toggleRecordAction.setToggled(true);
     cssModel.startRuleUsageTracking();
     mainTarget.profilerAgent().startPreciseCoverage();
 
     this._progressElement.textContent = Common.UIString('Recording...');
   }
 
+  async _takeSnapshot() {
+    this._reset();
+    var mainTarget = SDK.targetManager.mainTarget();
+    var profilerAgent = mainTarget && mainTarget.profilerAgent();
+    if (!profilerAgent)
+      return [];
+    var debuggerModel = /** @type !SDK.DebuggerModel */ (SDK.DebuggerModel.fromTarget(mainTarget));
+    var cssModel = mainTarget.model(SDK.CSSModel);
+    if (!cssModel)
+      return;
+
+    cssModel.startRuleUsageTracking();
+    this._progressElement.textContent = Common.UIString('Taking a snapshot...');
+    var cssCoverageInfoPromise = this._stopCSSCoverage();
+    var jsCoverageRawData = await profilerAgent.getBestEffortCoverage((error, result) => error ? [] : result);
+    var jsCoverageInfo = await Coverage.CoverageView._processJSCoverage(debuggerModel, jsCoverageRawData);
+    var cssCoverageInfo = await cssCoverageInfoPromise;
+    this._updateViews(cssCoverageInfo.concat(jsCoverageInfo));
+  }
+
   async _stopRecording() {
     this._toggleRecordAction.setToggled(false);
     this._progressElement.textContent = Common.UIString('Fetching results...');
 
     var cssCoverageInfoPromise = this._stopCSSCoverage();
     var jsCoverageInfoPromise = this._stopJSCoverage();
     var cssCoverageInfo = await cssCoverageInfoPromise;
     var jsCoverageInfo = await jsCoverageInfoPromise;
     this._updateViews(cssCoverageInfo.concat(jsCoverageInfo));
   }
@@ skipping 241 matching lines @@
       }
     }
   }
 };
 
 Coverage.CoverageView.LineDecorator.type = 'coverage';
 
 /**
  * @implements {UI.ActionDelegate}
  */
-Coverage.CoverageView.RecordActionDelegate = class {
+Coverage.CoverageView.ActionDelegate = class {
   /**
    * @override
    * @param {!UI.Context} context
    * @param {string} actionId
    * @return {boolean}
    */
   handleAction(context, actionId) {
     var coverageViewId = 'coverage';
+
     UI.viewManager.showView(coverageViewId)
         .then(() => UI.viewManager.view(coverageViewId).widget())
-        .then(widget => /** @type !Coverage.CoverageView} */ (widget)._toggleRecording());
+        .then(widget => this._handleActionOnWidget(/** @type !Coverage.CoverageView} */ (widget), actionId));
 
     return true;
   }
+
+  /**
+   * @param {!Coverage.CoverageView} widget
+   * @param {string} actionId
+   */
+  _handleActionOnWidget(widget, actionId) {
+    if (actionId === 'coverage.toggle-recording')
+      widget._toggleRecording();
+    else if (actionId === 'coverage.take-snapshot')
+      widget._takeSnapshot();
+  }
 };