Timeline: show white overlay till page being reloaded paints

third_party/WebKit/Source/devtools/front_end/timeline/TimelineController.js

 // 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
  * @param {!WebInspector.Target} target
  * @param {!WebInspector.TimelineLifecycleDelegate} delegate
  * @param {!WebInspector.TracingModel} tracingModel
  * @implements {WebInspector.TargetManager.Observer}
  * @implements {WebInspector.TracingManagerClient}
  */
 WebInspector.TimelineController = function(target, delegate, tracingModel)
 {
     this._delegate = delegate;
     this._target = target;
     this._tracingModel = tracingModel;
     this._targets = [];
     WebInspector.targetManager.observeTargets(this);
 }
 
 WebInspector.TimelineController.prototype = {
     /**
      * @param {boolean} captureCauses
      * @param {boolean} enableJSSampling
      * @param {boolean} captureMemory
      * @param {boolean} capturePictures
      * @param {boolean} captureFilmStrip
+     * @param {string=} reloadingBanner
      */
-    startRecording: function(captureCauses, enableJSSampling, captureMemory, capturePictures, captureFilmStrip)
+    startRecording: function(captureCauses, enableJSSampling, captureMemory, capturePictures, captureFilmStrip, reloadingBanner)
     {
         function disabledByDefault(category)
         {
             return "disabled-by-default-" + category;
         }
         var categoriesArray = [
             "-*",
             "devtools.timeline",
             disabledByDefault("devtools.timeline"),
             disabledByDefault("devtools.timeline.frame"),
@@ skipping 18 matching lines @@
             categoriesArray.push(disabledByDefault("devtools.timeline.invalidationTracking"));
         if (capturePictures) {
             categoriesArray.push(disabledByDefault("devtools.timeline.layers"),
                                  disabledByDefault("devtools.timeline.picture"),
                                  disabledByDefault("blink.graphics_context_annotations"));
         }
         if (captureFilmStrip)
             categoriesArray.push(disabledByDefault("devtools.screenshot"));
 
         var categories = categoriesArray.join(",");
-        this._startRecordingWithCategories(categories, enableJSSampling);
+        this._startRecordingWithCategories(categories, enableJSSampling, reloadingBanner);
     },
 
     stopRecording: function()
     {
         var tracingStoppedPromises = [];
         tracingStoppedPromises.push(new Promise(resolve => this._tracingCompleteCallback = resolve));
         tracingStoppedPromises.push(this._stopProfilingOnAllTargets());
         this._target.tracingManager.stop();
         tracingStoppedPromises.push(WebInspector.targetManager.resumeAllTargets());
         Promise.all(tracingStoppedPromises).then(() => this._allSourcesFinished());
@@ skipping 74 matching lines @@
     _stopProfilingOnAllTargets: function()
     {
         var targets = this._profiling ? this._targets : [];
         this._profiling = false;
         return Promise.all(targets.map(this._stopProfilingOnTarget, this));
     },
 
     /**
      * @param {string} categories
      * @param {boolean=} enableJSSampling
+     * @param {string=} reloadingBanner
      * @param {function(?string)=} callback
      */
-    _startRecordingWithCategories: function(categories, enableJSSampling, callback)
+    _startRecordingWithCategories: function(categories, enableJSSampling, reloadingBanner, callback)
     {
         WebInspector.targetManager.suspendAllTargets();
         var profilingStartedPromise = enableJSSampling && !Runtime.experiments.isEnabled("timelineTracingJSProfile") ?
             this._startProfilingOnAllTargets() : Promise.resolve();
         var samplingFrequencyHz = WebInspector.moduleSetting("highResolutionCpuProfiling").get() ? 10000 : 1000;
         var options = "sampling-frequency=" + samplingFrequencyHz;
         var target = this._target;
         var tracingManager = target.tracingManager;
         target.resourceTreeModel.suspendReload();
-        profilingStartedPromise.then(tracingManager.start.bind(tracingManager, this, categories, options, onTraceStarted));
+        profilingStartedPromise.then(tracingManager.start.bind(tracingManager, this, categories, options, reloadingBanner, onTraceStarted));
         /**
          * @param {?string} error
          */
         function onTraceStarted(error)
         {
             target.resourceTreeModel.resumeReload();
             if (callback)
                 callback(error);
         }
     },
@@ skipping 91 matching lines @@
 
     /**
      * @param {number} progress
      * @override
      */
     eventsRetrievalProgress: function(progress)
     {
         this._delegate.loadingProgress(progress);
     }
 }