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

third_party/WebKit/Source/devtools/front_end/Tests.js

 /*
  * Copyright (C) 2010 Google 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:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
  * copyright notice, this list of conditions and the following disclaimer
  * in the documentation and/or other materials provided with the
  * distribution.
  *     * Neither the name of Google Inc. nor the names of its
  * contributors may be used to endorse or promote products derived from
  * this software without specific prior written permission.
  *
  * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
  * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
  * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
  * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
  * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
  * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
  * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
  * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
  * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
-
 /* eslint-disable indent */
 
 /**
  * @fileoverview This file contains small testing framework along with the
  * test suite for the frontend. These tests are a part of the continues build
  * and are executed by the devtools_sanity_unittest.cc as a part of the
  * Interactive UI Test suite.
  * FIXME: change field naming style to use trailing underscore.
  */
 
-(function createTestSuite(window)
-{
-
-/**
- * Test suite for interactive UI tests.
- * @constructor
- * @param {Object} domAutomationController DomAutomationController instance.
- */
-function TestSuite(domAutomationController)
-{
-    this.domAutomationController_ = domAutomationController;
-    this.controlTaken_ = false;
-    this.timerId_ = -1;
-    this._asyncInvocationId = 0;
-}
-
-/**
- * Reports test failure.
- * @param {string} message Failure description.
- */
-TestSuite.prototype.fail = function(message)
-{
+(function createTestSuite(window) {
+
+  /**
+   * @unrestricted
+   */
+  var TestSuite = class {
+    /**
+     * Test suite for interactive UI tests.
+     * @param {Object} domAutomationController DomAutomationController instance.
+     */
+    constructor(domAutomationController) {
+      this.domAutomationController_ = domAutomationController;
+      this.controlTaken_ = false;
+      this.timerId_ = -1;
+      this._asyncInvocationId = 0;
+    }
+
+    /**
+     * Key event with given key identifier.
+     */
+    static createKeyEvent(key) {
+      return new KeyboardEvent('keydown', {bubbles: true, cancelable: true, key: key});
+    }
+  };
+
+  /**
+   * Reports test failure.
+   * @param {string} message Failure description.
+   */
+  TestSuite.prototype.fail = function(message) {
     if (this.controlTaken_)
-        this.reportFailure_(message);
+      this.reportFailure_(message);
     else
-        throw message;
-};
-
-
-/**
- * Equals assertion tests that expected === actual.
- * @param {!Object|boolean} expected Expected object.
- * @param {!Object|boolean} actual Actual object.
- * @param {string} opt_message User message to print if the test fails.
- */
-TestSuite.prototype.assertEquals = function(expected, actual, opt_message)
-{
+      throw message;
+  };
+
+  /**
+   * Equals assertion tests that expected === actual.
+   * @param {!Object|boolean} expected Expected object.
+   * @param {!Object|boolean} actual Actual object.
+   * @param {string} opt_message User message to print if the test fails.
+   */
+  TestSuite.prototype.assertEquals = function(expected, actual, opt_message) {
     if (expected !== actual) {
-        var message = "Expected: '" + expected + "', but was '" + actual + "'";
-        if (opt_message)
-            message = opt_message + "(" + message + ")";
-        this.fail(message);
-    }
-};
-
-
-/**
- * True assertion tests that value == true.
- * @param {!Object} value Actual object.
- * @param {string} opt_message User message to print if the test fails.
- */
-TestSuite.prototype.assertTrue = function(value, opt_message)
-{
+      var message = 'Expected: \'' + expected + '\', but was \'' + actual + '\'';
+      if (opt_message)
+        message = opt_message + '(' + message + ')';
+      this.fail(message);
+    }
+  };
+
+  /**
+   * True assertion tests that value == true.
+   * @param {!Object} value Actual object.
+   * @param {string} opt_message User message to print if the test fails.
+   */
+  TestSuite.prototype.assertTrue = function(value, opt_message) {
     this.assertEquals(true, !!value, opt_message);
-};
-
-
-/**
- * Takes control over execution.
- */
-TestSuite.prototype.takeControl = function()
-{
+  };
+
+  /**
+   * Takes control over execution.
+   */
+  TestSuite.prototype.takeControl = function() {
     this.controlTaken_ = true;
     // Set up guard timer.
     var self = this;
     this.timerId_ = setTimeout(function() {
-        self.reportFailure_("Timeout exceeded: 20 sec");
+      self.reportFailure_('Timeout exceeded: 20 sec');
     }, 20000);
-};
-
-
-/**
- * Releases control over execution.
- */
-TestSuite.prototype.releaseControl = function()
-{
+  };
+
+  /**
+   * Releases control over execution.
+   */
+  TestSuite.prototype.releaseControl = function() {
     if (this.timerId_ !== -1) {
-        clearTimeout(this.timerId_);
-        this.timerId_ = -1;
+      clearTimeout(this.timerId_);
+      this.timerId_ = -1;
     }
     this.controlTaken_ = false;
     this.reportOk_();
-};
-
-
-/**
- * Async tests use this one to report that they are completed.
- */
-TestSuite.prototype.reportOk_ = function()
-{
-    this.domAutomationController_.send("[OK]");
-};
-
-
-/**
- * Async tests use this one to report failures.
- */
-TestSuite.prototype.reportFailure_ = function(error)
-{
+  };
+
+  /**
+   * Async tests use this one to report that they are completed.
+   */
+  TestSuite.prototype.reportOk_ = function() {
+    this.domAutomationController_.send('[OK]');
+  };
+
+  /**
+   * Async tests use this one to report failures.
+   */
+  TestSuite.prototype.reportFailure_ = function(error) {
     if (this.timerId_ !== -1) {
-        clearTimeout(this.timerId_);
-        this.timerId_ = -1;
-    }
-    this.domAutomationController_.send("[FAILED] " + error);
-};
-
-
-/**
- * Run specified test on a fresh instance of the test suite.
- * @param {Array<string>} args method name followed by its parameters.
- */
-TestSuite.prototype.dispatchOnTestSuite = function(args)
-{
+      clearTimeout(this.timerId_);
+      this.timerId_ = -1;
+    }
+    this.domAutomationController_.send('[FAILED] ' + error);
+  };
+
+  /**
+   * Run specified test on a fresh instance of the test suite.
+   * @param {Array<string>} args method name followed by its parameters.
+   */
+  TestSuite.prototype.dispatchOnTestSuite = function(args) {
     var methodName = args.shift();
     try {
-        this[methodName].apply(this, args);
-        if (!this.controlTaken_)
-            this.reportOk_();
+      this[methodName].apply(this, args);
+      if (!this.controlTaken_)
+        this.reportOk_();
     } catch (e) {
-        this.reportFailure_(e);
-    }
-};
-
-
-/**
- * Wrap an async method with TestSuite.{takeControl(), releaseControl()}
- * and invoke TestSuite.reportOk_ upon completion.
- * @param {Array<string>} args method name followed by its parameters.
- */
-TestSuite.prototype.waitForAsync = function(var_args)
-{
+      this.reportFailure_(e);
+    }
+  };
+
+  /**
+   * Wrap an async method with TestSuite.{takeControl(), releaseControl()}
+   * and invoke TestSuite.reportOk_ upon completion.
+   * @param {Array<string>} args method name followed by its parameters.
+   */
+  TestSuite.prototype.waitForAsync = function(var_args) {
     var args = Array.prototype.slice.call(arguments);
     this.takeControl();
     args.push(this.releaseControl.bind(this));
     this.dispatchOnTestSuite(args);
-};
-
-/**
- * Overrides the method with specified name until it's called first time.
- * @param {!Object} receiver An object whose method to override.
- * @param {string} methodName Name of the method to override.
- * @param {!Function} override A function that should be called right after the
- *     overridden method returns.
- * @param {?boolean} opt_sticky Whether restore original method after first run
- *     or not.
- */
-TestSuite.prototype.addSniffer = function(receiver, methodName, override, opt_sticky)
-{
+  };
+
+  /**
+   * Overrides the method with specified name until it's called first time.
+   * @param {!Object} receiver An object whose method to override.
+   * @param {string} methodName Name of the method to override.
+   * @param {!Function} override A function that should be called right after the
+   *     overridden method returns.
+   * @param {?boolean} opt_sticky Whether restore original method after first run
+   *     or not.
+   */
+  TestSuite.prototype.addSniffer = function(receiver, methodName, override, opt_sticky) {
     var orig = receiver[methodName];
-    if (typeof orig !== "function")
-        this.fail("Cannot find method to override: " + methodName);
+    if (typeof orig !== 'function')
+      this.fail('Cannot find method to override: ' + methodName);
     var test = this;
     receiver[methodName] = function(var_args) {
-        try {
-            var result = orig.apply(this, arguments);
-        } finally {
-            if (!opt_sticky)
-                receiver[methodName] = orig;
-        }
-        // In case of exception the override won't be called.
-        try {
-            override.apply(this, arguments);
-        } catch (e) {
-            test.fail("Exception in overriden method '" + methodName + "': " + e);
-        }
-        return result;
+      try {
+        var result = orig.apply(this, arguments);
+      } finally {
+        if (!opt_sticky)
+          receiver[methodName] = orig;
+      }
+      // In case of exception the override won't be called.
+      try {
+        override.apply(this, arguments);
+      } catch (e) {
+        test.fail('Exception in overriden method \'' + methodName + '\': ' + e);
+      }
+      return result;
     };
-};
-
-/**
- * Waits for current throttler invocations, if any.
- * @param {!WebInspector.Throttler} throttler
- * @param {function()} callback
- */
-TestSuite.prototype.waitForThrottler = function(throttler, callback)
-{
+  };
+
+  /**
+   * Waits for current throttler invocations, if any.
+   * @param {!WebInspector.Throttler} throttler
+   * @param {function()} callback
+   */
+  TestSuite.prototype.waitForThrottler = function(throttler, callback) {
     var test = this;
     var scheduleShouldFail = true;
-    test.addSniffer(throttler, "schedule", onSchedule);
-
-    function hasSomethingScheduled()
-    {
-        return throttler._isRunningProcess || throttler._process;
-    }
-
-    function checkState()
-    {
-        if (!hasSomethingScheduled()) {
-            scheduleShouldFail = false;
-            callback();
-            return;
-        }
-
-        test.addSniffer(throttler, "_processCompletedForTests", checkState);
-    }
-
-    function onSchedule()
-    {
-        if (scheduleShouldFail)
-            test.fail("Unexpected Throttler.schedule");
+    test.addSniffer(throttler, 'schedule', onSchedule);
+
+    function hasSomethingScheduled() {
+      return throttler._isRunningProcess || throttler._process;
+    }
+
+    function checkState() {
+      if (!hasSomethingScheduled()) {
+        scheduleShouldFail = false;
+        callback();
+        return;
+      }
+
+      test.addSniffer(throttler, '_processCompletedForTests', checkState);
+    }
+
+    function onSchedule() {
+      if (scheduleShouldFail)
+        test.fail('Unexpected Throttler.schedule');
     }
 
     checkState();
-};
-
-/**
- * @param {string} panelName Name of the panel to show.
- */
-TestSuite.prototype.showPanel = function(panelName)
-{
+  };
+
+  /**
+   * @param {string} panelName Name of the panel to show.
+   */
+  TestSuite.prototype.showPanel = function(panelName) {
     return WebInspector.inspectorView.showPanel(panelName);
-};
-
-// UI Tests
-
-
-/**
- * Tests that scripts tab can be open and populated with inspected scripts.
- */
-TestSuite.prototype.testShowScriptsTab = function()
-{
-    var test = this;
-    this.showPanel("sources").then(function() {
-        // There should be at least main page script.
-        this._waitUntilScriptsAreParsed(["debugger_test_page.html"],
-            function() {
-                test.releaseControl();
-            });
+  };
+
+  // UI Tests
+
+  /**
+   * Tests that scripts tab can be open and populated with inspected scripts.
+   */
+  TestSuite.prototype.testShowScriptsTab = function() {
+    var test = this;
+    this.showPanel('sources').then(function() {
+      // There should be at least main page script.
+      this._waitUntilScriptsAreParsed(['debugger_test_page.html'], function() {
+        test.releaseControl();
+      });
     }.bind(this));
     // Wait until all scripts are added to the debugger.
     this.takeControl();
-};
-
-
-/**
- * Tests that scripts tab is populated with inspected scripts even if it
- * hadn't been shown by the moment inspected paged refreshed.
- * @see http://crbug.com/26312
- */
-TestSuite.prototype.testScriptsTabIsPopulatedOnInspectedPageRefresh = function()
-{
+  };
+
+  /**
+   * Tests that scripts tab is populated with inspected scripts even if it
+   * hadn't been shown by the moment inspected paged refreshed.
+   * @see http://crbug.com/26312
+   */
+  TestSuite.prototype.testScriptsTabIsPopulatedOnInspectedPageRefresh = function() {
     var test = this;
     var debuggerModel = WebInspector.DebuggerModel.fromTarget(WebInspector.targetManager.mainTarget());
     debuggerModel.addEventListener(WebInspector.DebuggerModel.Events.GlobalObjectCleared, waitUntilScriptIsParsed);
 
-    this.showPanel("elements").then(function() {
-        // Reload inspected page. It will reset the debugger agent.
-        test.evaluateInConsole_("window.location.reload(true);", function(resultText) {});
+    this.showPanel('elements').then(function() {
+      // Reload inspected page. It will reset the debugger agent.
+      test.evaluateInConsole_('window.location.reload(true);', function(resultText) {});
     });
 
-    function waitUntilScriptIsParsed()
-    {
-        debuggerModel.removeEventListener(WebInspector.DebuggerModel.Events.GlobalObjectCleared, waitUntilScriptIsParsed);
-        test.showPanel("sources").then(function() {
-            test._waitUntilScriptsAreParsed(["debugger_test_page.html"],
-                function() {
-                    test.releaseControl();
-                });
+    function waitUntilScriptIsParsed() {
+      debuggerModel.removeEventListener(WebInspector.DebuggerModel.Events.GlobalObjectCleared, waitUntilScriptIsParsed);
+      test.showPanel('sources').then(function() {
+        test._waitUntilScriptsAreParsed(['debugger_test_page.html'], function() {
+          test.releaseControl();
         });
+      });
     }
 
     // Wait until all scripts are added to the debugger.
     this.takeControl();
-};
-
-
-/**
- * Tests that scripts list contains content scripts.
- */
-TestSuite.prototype.testContentScriptIsPresent = function()
-{
-    var test = this;
-    this.showPanel("sources").then(function() {
-        test._waitUntilScriptsAreParsed(
-            ["page_with_content_script.html", "simple_content_script.js"],
-            function() {
-                test.releaseControl();
-            });
+  };
+
+  /**
+   * Tests that scripts list contains content scripts.
+   */
+  TestSuite.prototype.testContentScriptIsPresent = function() {
+    var test = this;
+    this.showPanel('sources').then(function() {
+      test._waitUntilScriptsAreParsed(['page_with_content_script.html', 'simple_content_script.js'], function() {
+        test.releaseControl();
+      });
     });
 
     // Wait until all scripts are added to the debugger.
     this.takeControl();
-};
-
-
-/**
- * Tests that scripts are not duplicaed on Scripts tab switch.
- */
-TestSuite.prototype.testNoScriptDuplicatesOnPanelSwitch = function()
-{
+  };
+
+  /**
+   * Tests that scripts are not duplicaed on Scripts tab switch.
+   */
+  TestSuite.prototype.testNoScriptDuplicatesOnPanelSwitch = function() {
     var test = this;
 
     // There should be two scripts: one for the main page and another
     // one which is source of console API(see
     // InjectedScript._ensureCommandLineAPIInstalled).
     var expectedScriptsCount = 2;
     var parsedScripts = [];
 
     function switchToElementsTab() {
-        test.showPanel("elements").then(function() {
-            setTimeout(switchToScriptsTab, 0);
-        });
+      test.showPanel('elements').then(function() {
+        setTimeout(switchToScriptsTab, 0);
+      });
     }
 
     function switchToScriptsTab() {
-        test.showPanel("sources").then(function() {
-            setTimeout(checkScriptsPanel, 0);
-        });
+      test.showPanel('sources').then(function() {
+        setTimeout(checkScriptsPanel, 0);
+      });
     }
 
     function checkScriptsPanel() {
-        test.assertTrue(test._scriptsAreParsed(["debugger_test_page.html"]), "Some scripts are missing.");
+      test.assertTrue(test._scriptsAreParsed(['debugger_test_page.html']), 'Some scripts are missing.');
+      checkNoDuplicates();
+      test.releaseControl();
+    }
+
+    function checkNoDuplicates() {
+      var uiSourceCodes = test.nonAnonymousUISourceCodes_();
+      for (var i = 0; i < uiSourceCodes.length; i++) {
+        for (var j = i + 1; j < uiSourceCodes.length; j++)
+          test.assertTrue(
+              uiSourceCodes[i].url() !== uiSourceCodes[j].url(),
+              'Found script duplicates: ' + test.uiSourceCodesToString_(uiSourceCodes));
+      }
+    }
+
+    this.showPanel('sources').then(function() {
+      test._waitUntilScriptsAreParsed(['debugger_test_page.html'], function() {
         checkNoDuplicates();
-        test.releaseControl();
-    }
-
-    function checkNoDuplicates() {
-        var uiSourceCodes = test.nonAnonymousUISourceCodes_();
-        for (var i = 0; i < uiSourceCodes.length; i++) {
-            for (var j = i + 1; j < uiSourceCodes.length; j++)
-                test.assertTrue(uiSourceCodes[i].url() !== uiSourceCodes[j].url(), "Found script duplicates: " + test.uiSourceCodesToString_(uiSourceCodes));
-        }
-    }
-
-    this.showPanel("sources").then(function() {
-        test._waitUntilScriptsAreParsed(
-            ["debugger_test_page.html"],
-            function() {
-                checkNoDuplicates();
-                setTimeout(switchToElementsTab, 0);
-            });
+        setTimeout(switchToElementsTab, 0);
+      });
     });
 
     // Wait until all scripts are added to the debugger.
     this.takeControl();
-};
-
-
-// Tests that debugger works correctly if pause event occurs when DevTools
-// frontend is being loaded.
-TestSuite.prototype.testPauseWhenLoadingDevTools = function()
-{
+  };
+
+  // Tests that debugger works correctly if pause event occurs when DevTools
+  // frontend is being loaded.
+  TestSuite.prototype.testPauseWhenLoadingDevTools = function() {
     var debuggerModel = WebInspector.DebuggerModel.fromTarget(WebInspector.targetManager.mainTarget());
     if (debuggerModel.debuggerPausedDetails)
+      return;
+
+    this.showPanel('sources').then(function() {
+      // Script execution can already be paused.
+
+      this._waitForScriptPause(this.releaseControl.bind(this));
+    }.bind(this));
+
+    this.takeControl();
+  };
+
+  // Tests that pressing "Pause" will pause script execution if the script
+  // is already running.
+  TestSuite.prototype.testPauseWhenScriptIsRunning = function() {
+    this.showPanel('sources').then(function() {
+      this.evaluateInConsole_('setTimeout("handleClick()", 0)', didEvaluateInConsole.bind(this));
+    }.bind(this));
+
+    function didEvaluateInConsole(resultText) {
+      this.assertTrue(!isNaN(resultText), 'Failed to get timer id: ' + resultText);
+      // Wait for some time to make sure that inspected page is running the
+      // infinite loop.
+      setTimeout(testScriptPause.bind(this), 300);
+    }
+
+    function testScriptPause() {
+      // The script should be in infinite loop. Click "Pause" button to
+      // pause it and wait for the result.
+      WebInspector.panels.sources._togglePause();
+
+      this._waitForScriptPause(this.releaseControl.bind(this));
+    }
+
+    this.takeControl();
+  };
+
+  /**
+   * Tests network size.
+   */
+  TestSuite.prototype.testNetworkSize = function() {
+    var test = this;
+
+    function finishResource(resource, finishTime) {
+      test.assertEquals(25, resource.resourceSize, 'Incorrect total data length');
+      test.releaseControl();
+    }
+
+    this.addSniffer(WebInspector.NetworkDispatcher.prototype, '_finishNetworkRequest', finishResource);
+
+    // Reload inspected page to sniff network events
+    test.evaluateInConsole_('window.location.reload(true);', function(resultText) {});
+
+    this.takeControl();
+  };
+
+  /**
+   * Tests network sync size.
+   */
+  TestSuite.prototype.testNetworkSyncSize = function() {
+    var test = this;
+
+    function finishResource(resource, finishTime) {
+      test.assertEquals(25, resource.resourceSize, 'Incorrect total data length');
+      test.releaseControl();
+    }
+
+    this.addSniffer(WebInspector.NetworkDispatcher.prototype, '_finishNetworkRequest', finishResource);
+
+    // Send synchronous XHR to sniff network events
+    test.evaluateInConsole_(
+        'var xhr = new XMLHttpRequest(); xhr.open("GET", "chunked", false); xhr.send(null);', function() {});
+
+    this.takeControl();
+  };
+
+  /**
+   * Tests network raw headers text.
+   */
+  TestSuite.prototype.testNetworkRawHeadersText = function() {
+    var test = this;
+
+    function finishResource(resource, finishTime) {
+      if (!resource.responseHeadersText)
+        test.fail('Failure: resource does not have response headers text');
+      var index = resource.responseHeadersText.indexOf('Date:');
+      test.assertEquals(
+          112, resource.responseHeadersText.substring(index).length, 'Incorrect response headers text length');
+      test.releaseControl();
+    }
+
+    this.addSniffer(WebInspector.NetworkDispatcher.prototype, '_finishNetworkRequest', finishResource);
+
+    // Reload inspected page to sniff network events
+    test.evaluateInConsole_('window.location.reload(true);', function(resultText) {});
+
+    this.takeControl();
+  };
+
+  /**
+   * Tests network timing.
+   */
+  TestSuite.prototype.testNetworkTiming = function() {
+    var test = this;
+
+    function finishResource(resource, finishTime) {
+      // Setting relaxed expectations to reduce flakiness.
+      // Server sends headers after 100ms, then sends data during another 100ms.
+      // We expect these times to be measured at least as 70ms.
+      test.assertTrue(
+          resource.timing.receiveHeadersEnd - resource.timing.connectStart >= 70,
+          'Time between receiveHeadersEnd and connectStart should be >=70ms, but was ' +
+              'receiveHeadersEnd=' + resource.timing.receiveHeadersEnd + ', connectStart=' +
+              resource.timing.connectStart + '.');
+      test.assertTrue(
+          resource.responseReceivedTime - resource.startTime >= 0.07,
+          'Time between responseReceivedTime and startTime should be >=0.07s, but was ' +
+              'responseReceivedTime=' + resource.responseReceivedTime + ', startTime=' + resource.startTime + '.');
+      test.assertTrue(
+          resource.endTime - resource.startTime >= 0.14,
+          'Time between endTime and startTime should be >=0.14s, but was ' +
+              'endtime=' + resource.endTime + ', startTime=' + resource.startTime + '.');
+
+      test.releaseControl();
+    }
+
+    this.addSniffer(WebInspector.NetworkDispatcher.prototype, '_finishNetworkRequest', finishResource);
+
+    // Reload inspected page to sniff network events
+    test.evaluateInConsole_('window.location.reload(true);', function(resultText) {});
+
+    this.takeControl();
+  };
+
+  TestSuite.prototype.testPushTimes = function(url) {
+    var test = this;
+    var pendingResourceCount = 2;
+
+    function finishResource(resource, finishTime) {
+      test.assertTrue(
+          typeof resource.timing.pushStart === 'number' && resource.timing.pushStart > 0,
+          `pushStart is invalid: ${resource.timing.pushStart}`);
+      test.assertTrue(typeof resource.timing.pushEnd === 'number', `pushEnd is invalid: ${resource.timing.pushEnd}`);
+      test.assertTrue(resource.timing.pushStart < resource.startTime, 'pushStart should be before startTime');
+      if (resource.url.endsWith('?pushUseNullEndTime')) {
+        test.assertTrue(resource.timing.pushEnd === 0, `pushEnd should be 0 but is ${resource.timing.pushEnd}`);
+      } else {
+        test.assertTrue(
+            resource.timing.pushStart < resource.timing.pushEnd,
+            `pushStart should be before pushEnd (${resource.timing.pushStart} >= ${resource.timing.pushEnd})`);
+        // The below assertion is just due to the way we generate times in the moch URLRequestJob and is not generally an invariant.
+        test.assertTrue(resource.timing.pushEnd < resource.endTime, 'pushEnd should be before endTime');
+        test.assertTrue(resource.startTime < resource.timing.pushEnd, 'pushEnd should be after startTime');
+      }
+      if (!--pendingResourceCount)
+        test.releaseControl();
+    }
+
+    this.addSniffer(WebInspector.NetworkDispatcher.prototype, '_finishNetworkRequest', finishResource, true);
+
+    test.evaluateInConsole_('addImage(\'' + url + '\')', function(resultText) {});
+    test.evaluateInConsole_('addImage(\'' + url + '?pushUseNullEndTime\')', function(resultText) {});
+    this.takeControl();
+  };
+
+  TestSuite.prototype.testConsoleOnNavigateBack = function() {
+    if (WebInspector.multitargetConsoleModel.messages().length === 1)
+      firstConsoleMessageReceived.call(this);
+    else
+      WebInspector.multitargetConsoleModel.addEventListener(
+          WebInspector.ConsoleModel.Events.MessageAdded, firstConsoleMessageReceived, this);
+
+    function firstConsoleMessageReceived() {
+      WebInspector.multitargetConsoleModel.removeEventListener(
+          WebInspector.ConsoleModel.Events.MessageAdded, firstConsoleMessageReceived, this);
+      this.evaluateInConsole_('clickLink();', didClickLink.bind(this));
+    }
+
+    function didClickLink() {
+      // Check that there are no new messages(command is not a message).
+      this.assertEquals(3, WebInspector.multitargetConsoleModel.messages().length);
+      this.evaluateInConsole_('history.back();', didNavigateBack.bind(this));
+    }
+
+    function didNavigateBack() {
+      // Make sure navigation completed and possible console messages were pushed.
+      this.evaluateInConsole_('void 0;', didCompleteNavigation.bind(this));
+    }
+
+    function didCompleteNavigation() {
+      this.assertEquals(7, WebInspector.multitargetConsoleModel.messages().length);
+      this.releaseControl();
+    }
+
+    this.takeControl();
+  };
+
+  TestSuite.prototype.testSharedWorker = function() {
+    function didEvaluateInConsole(resultText) {
+      this.assertEquals('2011', resultText);
+      this.releaseControl();
+    }
+    this.evaluateInConsole_('globalVar', didEvaluateInConsole.bind(this));
+    this.takeControl();
+  };
+
+  TestSuite.prototype.testPauseInSharedWorkerInitialization1 = function() {
+    // Make sure the worker is loaded.
+    this.takeControl();
+    this._waitForTargets(2, callback.bind(this));
+
+    function callback() {
+      var target = WebInspector.targetManager.targets(WebInspector.Target.Capability.JS)[0];
+      InspectorBackendClass.deprecatedRunAfterPendingDispatches(this.releaseControl.bind(this));
+    }
+  };
+
+  TestSuite.prototype.testPauseInSharedWorkerInitialization2 = function() {
+    this.takeControl();
+    this._waitForTargets(2, callback.bind(this));
+
+    function callback() {
+      var target = WebInspector.targetManager.targets(WebInspector.Target.Capability.JS)[0];
+      var debuggerModel = WebInspector.DebuggerModel.fromTarget(target);
+      if (debuggerModel.isPaused()) {
+        this.releaseControl();
         return;
-
-    this.showPanel("sources").then(function() {
-        // Script execution can already be paused.
-
-        this._waitForScriptPause(this.releaseControl.bind(this));
-    }.bind(this));
-
-    this.takeControl();
-};
-
-
-// Tests that pressing "Pause" will pause script execution if the script
-// is already running.
-TestSuite.prototype.testPauseWhenScriptIsRunning = function()
-{
-    this.showPanel("sources").then(function() {
-        this.evaluateInConsole_(
-            'setTimeout("handleClick()", 0)',
-            didEvaluateInConsole.bind(this));
-    }.bind(this));
-
-    function didEvaluateInConsole(resultText) {
-        this.assertTrue(!isNaN(resultText), "Failed to get timer id: " + resultText);
-        // Wait for some time to make sure that inspected page is running the
-        // infinite loop.
-        setTimeout(testScriptPause.bind(this), 300);
-    }
-
-    function testScriptPause() {
-        // The script should be in infinite loop. Click "Pause" button to
-        // pause it and wait for the result.
-        WebInspector.panels.sources._togglePause();
-
-        this._waitForScriptPause(this.releaseControl.bind(this));
-    }
-
-    this.takeControl();
-};
-
-
-/**
- * Tests network size.
- */
-TestSuite.prototype.testNetworkSize = function()
-{
-    var test = this;
-
-    function finishResource(resource, finishTime)
-    {
-        test.assertEquals(25, resource.resourceSize, "Incorrect total data length");
-        test.releaseControl();
-    }
-
-    this.addSniffer(WebInspector.NetworkDispatcher.prototype, "_finishNetworkRequest", finishResource);
-
-    // Reload inspected page to sniff network events
-    test.evaluateInConsole_("window.location.reload(true);", function(resultText) {});
-
-    this.takeControl();
-};
-
-
-/**
- * Tests network sync size.
- */
-TestSuite.prototype.testNetworkSyncSize = function()
-{
-    var test = this;
-
-    function finishResource(resource, finishTime)
-    {
-        test.assertEquals(25, resource.resourceSize, "Incorrect total data length");
-        test.releaseControl();
-    }
-
-    this.addSniffer(WebInspector.NetworkDispatcher.prototype, "_finishNetworkRequest", finishResource);
-
-    // Send synchronous XHR to sniff network events
-    test.evaluateInConsole_("var xhr = new XMLHttpRequest(); xhr.open(\"GET\", \"chunked\", false); xhr.send(null);", function() {});
-
-    this.takeControl();
-};
-
-
-/**
- * Tests network raw headers text.
- */
-TestSuite.prototype.testNetworkRawHeadersText = function()
-{
-    var test = this;
-
-    function finishResource(resource, finishTime)
-    {
-        if (!resource.responseHeadersText)
-            test.fail("Failure: resource does not have response headers text");
-        var index = resource.responseHeadersText.indexOf("Date:");
-        test.assertEquals(112, resource.responseHeadersText.substring(index).length, "Incorrect response headers text length");
-        test.releaseControl();
-    }
-
-    this.addSniffer(WebInspector.NetworkDispatcher.prototype, "_finishNetworkRequest", finishResource);
-
-    // Reload inspected page to sniff network events
-    test.evaluateInConsole_("window.location.reload(true);", function(resultText) {});
-
-    this.takeControl();
-};
-
-
-/**
- * Tests network timing.
- */
-TestSuite.prototype.testNetworkTiming = function()
-{
-    var test = this;
-
-    function finishResource(resource, finishTime)
-    {
-        // Setting relaxed expectations to reduce flakiness.
-        // Server sends headers after 100ms, then sends data during another 100ms.
-        // We expect these times to be measured at least as 70ms.
-        test.assertTrue(resource.timing.receiveHeadersEnd - resource.timing.connectStart >= 70,
-                        "Time between receiveHeadersEnd and connectStart should be >=70ms, but was " +
-                        "receiveHeadersEnd=" + resource.timing.receiveHeadersEnd + ", connectStart=" + resource.timing.connectStart + ".");
-        test.assertTrue(resource.responseReceivedTime - resource.startTime >= 0.07,
-                "Time between responseReceivedTime and startTime should be >=0.07s, but was " +
-                "responseReceivedTime=" + resource.responseReceivedTime + ", startTime=" + resource.startTime + ".");
-        test.assertTrue(resource.endTime - resource.startTime >= 0.14,
-                "Time between endTime and startTime should be >=0.14s, but was " +
-                "endtime=" + resource.endTime + ", startTime=" + resource.startTime + ".");
-
-        test.releaseControl();
-    }
-
-    this.addSniffer(WebInspector.NetworkDispatcher.prototype, "_finishNetworkRequest", finishResource);
-
-    // Reload inspected page to sniff network events
-    test.evaluateInConsole_("window.location.reload(true);", function(resultText) {});
-
-    this.takeControl();
-};
-
-
-TestSuite.prototype.testPushTimes = function(url)
-{
-    var test = this;
-    var pendingResourceCount = 2;
-
-    function finishResource(resource, finishTime)
-    {
-        test.assertTrue(typeof resource.timing.pushStart === "number" && resource.timing.pushStart > 0, `pushStart is invalid: ${resource.timing.pushStart}`);
-        test.assertTrue(typeof resource.timing.pushEnd === "number", `pushEnd is invalid: ${resource.timing.pushEnd}`);
-        test.assertTrue(resource.timing.pushStart < resource.startTime, "pushStart should be before startTime");
-        if (resource.url.endsWith("?pushUseNullEndTime")) {
-            test.assertTrue(resource.timing.pushEnd === 0, `pushEnd should be 0 but is ${resource.timing.pushEnd}`);
-        } else {
-            test.assertTrue(resource.timing.pushStart < resource.timing.pushEnd, `pushStart should be before pushEnd (${resource.timing.pushStart} >= ${resource.timing.pushEnd})`);
-            // The below assertion is just due to the way we generate times in the moch URLRequestJob and is not generally an invariant.
-            test.assertTrue(resource.timing.pushEnd < resource.endTime, "pushEnd should be before endTime");
-            test.assertTrue(resource.startTime < resource.timing.pushEnd, "pushEnd should be after startTime");
-        }
-        if (!--pendingResourceCount)
-            test.releaseControl();
-    }
-
-    this.addSniffer(WebInspector.NetworkDispatcher.prototype, "_finishNetworkRequest", finishResource, true);
-
-    test.evaluateInConsole_("addImage('" + url + "')", function(resultText) {});
-    test.evaluateInConsole_("addImage('" + url + "?pushUseNullEndTime')", function(resultText) {});
-    this.takeControl();
-};
-
-
-TestSuite.prototype.testConsoleOnNavigateBack = function()
-{
-    if (WebInspector.multitargetConsoleModel.messages().length === 1)
-        firstConsoleMessageReceived.call(this);
-    else
-        WebInspector.multitargetConsoleModel.addEventListener(WebInspector.ConsoleModel.Events.MessageAdded, firstConsoleMessageReceived, this);
-
-    function firstConsoleMessageReceived() {
-        WebInspector.multitargetConsoleModel.removeEventListener(WebInspector.ConsoleModel.Events.MessageAdded, firstConsoleMessageReceived, this);
-        this.evaluateInConsole_("clickLink();", didClickLink.bind(this));
-    }
-
-    function didClickLink() {
-        // Check that there are no new messages(command is not a message).
-        this.assertEquals(3, WebInspector.multitargetConsoleModel.messages().length);
-        this.evaluateInConsole_("history.back();", didNavigateBack.bind(this));
-    }
-
-    function didNavigateBack()
-    {
-        // Make sure navigation completed and possible console messages were pushed.
-        this.evaluateInConsole_("void 0;", didCompleteNavigation.bind(this));
-    }
-
-    function didCompleteNavigation() {
-        this.assertEquals(7, WebInspector.multitargetConsoleModel.messages().length);
-        this.releaseControl();
-    }
-
-    this.takeControl();
-};
-
-TestSuite.prototype.testSharedWorker = function()
-{
-    function didEvaluateInConsole(resultText) {
-        this.assertEquals("2011", resultText);
-        this.releaseControl();
-    }
-    this.evaluateInConsole_("globalVar", didEvaluateInConsole.bind(this));
-    this.takeControl();
-};
-
-
-TestSuite.prototype.testPauseInSharedWorkerInitialization1 = function()
-{
-    // Make sure the worker is loaded.
-    this.takeControl();
-    this._waitForTargets(2, callback.bind(this));
-
-    function callback()
-    {
-        var target = WebInspector.targetManager.targets(WebInspector.Target.Capability.JS)[0];
-        InspectorBackendClass.deprecatedRunAfterPendingDispatches(this.releaseControl.bind(this));
-    }
-};
-
-TestSuite.prototype.testPauseInSharedWorkerInitialization2 = function()
-{
-    this.takeControl();
-    this._waitForTargets(2, callback.bind(this));
-
-    function callback()
-    {
-        var target = WebInspector.targetManager.targets(WebInspector.Target.Capability.JS)[0];
-        var debuggerModel = WebInspector.DebuggerModel.fromTarget(target);
-        if (debuggerModel.isPaused()) {
-            this.releaseControl();
-            return;
-        }
-        this._waitForScriptPause(this.releaseControl.bind(this));
-    }
-};
-
-TestSuite.prototype.enableTouchEmulation = function()
-{
+      }
+      this._waitForScriptPause(this.releaseControl.bind(this));
+    }
+  };
+
+  TestSuite.prototype.enableTouchEmulation = function() {
     var deviceModeModel = new WebInspector.DeviceModeModel(function() {});
     deviceModeModel._target = WebInspector.targetManager.mainTarget();
     deviceModeModel._applyTouch(true, true);
-};
-
-TestSuite.prototype.enableAutoAttachToCreatedPages = function()
-{
-    WebInspector.settingForTest("autoAttachToCreatedPages").set(true);
-};
-
-TestSuite.prototype.waitForDebuggerPaused = function()
-{
+  };
+
+  TestSuite.prototype.enableAutoAttachToCreatedPages = function() {
+    WebInspector.settingForTest('autoAttachToCreatedPages').set(true);
+  };
+
+  TestSuite.prototype.waitForDebuggerPaused = function() {
     var debuggerModel = WebInspector.DebuggerModel.fromTarget(WebInspector.targetManager.mainTarget());
     if (debuggerModel.debuggerPausedDetails)
-        return;
+      return;
 
     this.takeControl();
     this._waitForScriptPause(this.releaseControl.bind(this));
-};
-
-TestSuite.prototype.switchToPanel = function(panelName)
-{
+  };
+
+  TestSuite.prototype.switchToPanel = function(panelName) {
     this.showPanel(panelName).then(this.releaseControl.bind(this));
     this.takeControl();
-};
-
-// Regression test for crbug.com/370035.
-TestSuite.prototype.testDeviceMetricsOverrides = function()
-{
-    const dumpPageMetrics = function()
-    {
-        return JSON.stringify({
-            width: window.innerWidth,
-            height: window.innerHeight,
-            deviceScaleFactor: window.devicePixelRatio
-        });
+  };
+
+  // Regression test for crbug.com/370035.
+  TestSuite.prototype.testDeviceMetricsOverrides = function() {
+    const dumpPageMetrics = function() {
+      return JSON.stringify(
+          {width: window.innerWidth, height: window.innerHeight, deviceScaleFactor: window.devicePixelRatio});
     };
 
     var test = this;
 
-    function testOverrides(params, metrics, callback)
-    {
-        WebInspector.targetManager.mainTarget().emulationAgent().invoke_setDeviceMetricsOverride(params, getMetrics);
-
-        function getMetrics()
-        {
-            test.evaluateInConsole_("(" + dumpPageMetrics.toString() + ")()", checkMetrics);
-        }
-
-        function checkMetrics(consoleResult)
-        {
-            test.assertEquals('"' + JSON.stringify(metrics) + '"', consoleResult, "Wrong metrics for params: " + JSON.stringify(params));
-            callback();
-        }
-    }
-
-    function step1()
-    {
-        testOverrides({width: 1200, height: 1000, deviceScaleFactor: 1, mobile: false, fitWindow: true}, {width: 1200, height: 1000, deviceScaleFactor: 1}, step2);
-    }
-
-    function step2()
-    {
-        testOverrides({width: 1200, height: 1000, deviceScaleFactor: 1, mobile: false, fitWindow: false}, {width: 1200, height: 1000, deviceScaleFactor: 1}, step3);
-    }
-
-    function step3()
-    {
-        testOverrides({width: 1200, height: 1000, deviceScaleFactor: 3, mobile: false, fitWindow: true}, {width: 1200, height: 1000, deviceScaleFactor: 3}, step4);
-    }
-
-    function step4()
-    {
-        testOverrides({width: 1200, height: 1000, deviceScaleFactor: 3, mobile: false, fitWindow: false}, {width: 1200, height: 1000, deviceScaleFactor: 3}, finish);
-    }
-
-    function finish()
-    {
-        test.releaseControl();
+    function testOverrides(params, metrics, callback) {
+      WebInspector.targetManager.mainTarget().emulationAgent().invoke_setDeviceMetricsOverride(params, getMetrics);
+
+      function getMetrics() {
+        test.evaluateInConsole_('(' + dumpPageMetrics.toString() + ')()', checkMetrics);
+      }
+
+      function checkMetrics(consoleResult) {
+        test.assertEquals(
+            '"' + JSON.stringify(metrics) + '"', consoleResult, 'Wrong metrics for params: ' + JSON.stringify(params));
+        callback();
+      }
+    }
+
+    function step1() {
+      testOverrides(
+          {width: 1200, height: 1000, deviceScaleFactor: 1, mobile: false, fitWindow: true},
+          {width: 1200, height: 1000, deviceScaleFactor: 1}, step2);
+    }
+
+    function step2() {
+      testOverrides(
+          {width: 1200, height: 1000, deviceScaleFactor: 1, mobile: false, fitWindow: false},
+          {width: 1200, height: 1000, deviceScaleFactor: 1}, step3);
+    }
+
+    function step3() {
+      testOverrides(
+          {width: 1200, height: 1000, deviceScaleFactor: 3, mobile: false, fitWindow: true},
+          {width: 1200, height: 1000, deviceScaleFactor: 3}, step4);
+    }
+
+    function step4() {
+      testOverrides(
+          {width: 1200, height: 1000, deviceScaleFactor: 3, mobile: false, fitWindow: false},
+          {width: 1200, height: 1000, deviceScaleFactor: 3}, finish);
+    }
+
+    function finish() {
+      test.releaseControl();
     }
 
     test.takeControl();
     step1();
-};
-
-TestSuite.prototype.testDispatchKeyEventDoesNotCrash = function()
-{
-    WebInspector.targetManager.mainTarget().inputAgent().invoke_dispatchKeyEvent({
-        type: "rawKeyDown",
-        windowsVirtualKeyCode: 0x23,
-        key: "End"
-    });
-    WebInspector.targetManager.mainTarget().inputAgent().invoke_dispatchKeyEvent({
-        type: "keyUp",
-        windowsVirtualKeyCode: 0x23,
-        key: "End"
-    });
-};
-
-TestSuite.prototype.testEmulateNetworkConditions = function()
-{
-    var test = this;
-
-    function testPreset(preset, messages, next)
-    {
-        function onConsoleMessage(event)
-        {
-            var index = messages.indexOf(event.data.messageText);
-            if (index === -1) {
-                test.fail("Unexpected message: " + event.data.messageText);
-                return;
-            }
-
-            messages.splice(index, 1);
-            if (!messages.length) {
-                WebInspector.multitargetConsoleModel.removeEventListener(WebInspector.ConsoleModel.Events.MessageAdded, onConsoleMessage, this);
-                next();
-            }
+  };
+
+  TestSuite.prototype.testDispatchKeyEventDoesNotCrash = function() {
+    WebInspector.targetManager.mainTarget().inputAgent().invoke_dispatchKeyEvent(
+        {type: 'rawKeyDown', windowsVirtualKeyCode: 0x23, key: 'End'});
+    WebInspector.targetManager.mainTarget().inputAgent().invoke_dispatchKeyEvent(
+        {type: 'keyUp', windowsVirtualKeyCode: 0x23, key: 'End'});
+  };
+
+  TestSuite.prototype.testEmulateNetworkConditions = function() {
+    var test = this;
+
+    function testPreset(preset, messages, next) {
+      function onConsoleMessage(event) {
+        var index = messages.indexOf(event.data.messageText);
+        if (index === -1) {
+          test.fail('Unexpected message: ' + event.data.messageText);
+          return;
         }
 
-        WebInspector.multitargetConsoleModel.addEventListener(WebInspector.ConsoleModel.Events.MessageAdded, onConsoleMessage, this);
-        WebInspector.multitargetNetworkManager.setNetworkConditions(preset);
+        messages.splice(index, 1);
+        if (!messages.length) {
+          WebInspector.multitargetConsoleModel.removeEventListener(
+              WebInspector.ConsoleModel.Events.MessageAdded, onConsoleMessage, this);
+          next();
+        }
+      }
+
+      WebInspector.multitargetConsoleModel.addEventListener(
+          WebInspector.ConsoleModel.Events.MessageAdded, onConsoleMessage, this);
+      WebInspector.multitargetNetworkManager.setNetworkConditions(preset);
     }
 
     test.takeControl();
     step1();
 
-    function step1()
-    {
-        testPreset(
-            WebInspector.NetworkConditionsSelector._presets[0],
-            ["offline event: online = false", "connection change event: type = none; downlinkMax = 0"],
-            step2);
-    }
-
-    function step2()
-    {
-        testPreset(
-            WebInspector.NetworkConditionsSelector._presets[2],
-            ["online event: online = true", "connection change event: type = cellular; downlinkMax = 0.244140625"],
-            step3);
-    }
-
-    function step3()
-    {
-        testPreset(
-            WebInspector.NetworkConditionsSelector._presets[8],
-            ["connection change event: type = wifi; downlinkMax = 30"],
-            test.releaseControl.bind(test));
-    }
-};
-
-TestSuite.prototype.testScreenshotRecording = function()
-{
-    var test = this;
-
-    function performActionsInPage(callback)
-    {
-        var count = 0;
-        var div = document.createElement("div");
-        div.setAttribute("style", "left: 0px; top: 0px; width: 100px; height: 100px; position: absolute;");
-        document.body.appendChild(div);
-        requestAnimationFrame(frame);
-        function frame()
-        {
-            var color = [0, 0, 0];
-            color[count % 3] = 255;
-            div.style.backgroundColor = "rgb(" + color.join(",") + ")";
-            if (++count > 10)
-                requestAnimationFrame(callback);
-            else
-                requestAnimationFrame(frame);
-        }
-    }
-
-    var captureFilmStripSetting = WebInspector.settings.createSetting("timelineCaptureFilmStrip", false);
+    function step1() {
+      testPreset(
+          WebInspector.NetworkConditionsSelector._presets[0],
+          ['offline event: online = false', 'connection change event: type = none; downlinkMax = 0'], step2);
+    }
+
+    function step2() {
+      testPreset(
+          WebInspector.NetworkConditionsSelector._presets[2],
+          ['online event: online = true', 'connection change event: type = cellular; downlinkMax = 0.244140625'],
+          step3);
+    }
+
+    function step3() {
+      testPreset(
+          WebInspector.NetworkConditionsSelector._presets[8],
+          ['connection change event: type = wifi; downlinkMax = 30'], test.releaseControl.bind(test));
+    }
+  };
+
+  TestSuite.prototype.testScreenshotRecording = function() {
+    var test = this;
+
+    function performActionsInPage(callback) {
+      var count = 0;
+      var div = document.createElement('div');
+      div.setAttribute('style', 'left: 0px; top: 0px; width: 100px; height: 100px; position: absolute;');
+      document.body.appendChild(div);
+      requestAnimationFrame(frame);
+      function frame() {
+        var color = [0, 0, 0];
+        color[count % 3] = 255;
+        div.style.backgroundColor = 'rgb(' + color.join(',') + ')';
+        if (++count > 10)
+          requestAnimationFrame(callback);
+        else
+          requestAnimationFrame(frame);
+      }
+    }
+
+    var captureFilmStripSetting = WebInspector.settings.createSetting('timelineCaptureFilmStrip', false);
     captureFilmStripSetting.set(true);
     test.evaluateInConsole_(performActionsInPage.toString(), function() {});
-    test.invokeAsyncWithTimeline_("performActionsInPage", onTimelineDone);
-
-    function onTimelineDone()
-    {
-        captureFilmStripSetting.set(false);
-        var filmStripModel = new WebInspector.FilmStripModel(WebInspector.panels.timeline._tracingModel);
-        var frames = filmStripModel.frames();
-        test.assertTrue(frames.length > 4 && typeof frames.length === "number");
-        loadFrameImages(frames);
-    }
-
-    function loadFrameImages(frames)
-    {
-        var readyImages = [];
-        for (var frame of frames)
-            frame.imageDataPromise().then(onGotImageData);
-
-        function onGotImageData(data)
-        {
-            var image = new Image();
-            test.assertTrue(!!data, "No image data for frame");
-            image.addEventListener("load", onLoad);
-            image.src = "data:image/jpg;base64," + data;
-        }
-
-        function onLoad(event)
-        {
-            readyImages.push(event.target);
-            if (readyImages.length === frames.length)
-                validateImagesAndCompleteTest(readyImages);
-        }
-    }
-
-    function validateImagesAndCompleteTest(images)
-    {
-        var redCount = 0;
-        var greenCount = 0;
-        var blueCount = 0;
-
-        var canvas = document.createElement("canvas");
-        var ctx = canvas.getContext("2d");
-        for (var image of images) {
-            test.assertTrue(image.naturalWidth > 10);
-            test.assertTrue(image.naturalHeight > 10);
-            canvas.width = image.naturalWidth;
-            canvas.height = image.naturalHeight;
-            ctx.drawImage(image, 0, 0);
-            var data = ctx.getImageData(0, 0, 1, 1);
-            var color = Array.prototype.join.call(data.data, ",");
-            if (data.data[0] > 200)
-                redCount++;
-            else if (data.data[1] > 200)
-                greenCount++;
-            else if (data.data[2] > 200)
-                blueCount++;
-            else
-                test.fail("Unexpected color: " + color);
-        }
-        test.assertTrue(redCount && greenCount && blueCount, "Color sanity check failed");
-        test.releaseControl();
+    test.invokeAsyncWithTimeline_('performActionsInPage', onTimelineDone);
+
+    function onTimelineDone() {
+      captureFilmStripSetting.set(false);
+      var filmStripModel = new WebInspector.FilmStripModel(WebInspector.panels.timeline._tracingModel);
+      var frames = filmStripModel.frames();
+      test.assertTrue(frames.length > 4 && typeof frames.length === 'number');
+      loadFrameImages(frames);
+    }
+
+    function loadFrameImages(frames) {
+      var readyImages = [];
+      for (var frame of frames)
+        frame.imageDataPromise().then(onGotImageData);
+
+      function onGotImageData(data) {
+        var image = new Image();
+        test.assertTrue(!!data, 'No image data for frame');
+        image.addEventListener('load', onLoad);
+        image.src = 'data:image/jpg;base64,' + data;
+      }
+
+      function onLoad(event) {
+        readyImages.push(event.target);
+        if (readyImages.length === frames.length)
+          validateImagesAndCompleteTest(readyImages);
+      }
+    }
+
+    function validateImagesAndCompleteTest(images) {
+      var redCount = 0;
+      var greenCount = 0;
+      var blueCount = 0;
+
+      var canvas = document.createElement('canvas');
+      var ctx = canvas.getContext('2d');
+      for (var image of images) {
+        test.assertTrue(image.naturalWidth > 10);
+        test.assertTrue(image.naturalHeight > 10);
+        canvas.width = image.naturalWidth;
+        canvas.height = image.naturalHeight;
+        ctx.drawImage(image, 0, 0);
+        var data = ctx.getImageData(0, 0, 1, 1);
+        var color = Array.prototype.join.call(data.data, ',');
+        if (data.data[0] > 200)
+          redCount++;
+        else if (data.data[1] > 200)
+          greenCount++;
+        else if (data.data[2] > 200)
+          blueCount++;
+        else
+          test.fail('Unexpected color: ' + color);
+      }
+      test.assertTrue(redCount && greenCount && blueCount, 'Color sanity check failed');
+      test.releaseControl();
     }
 
     test.takeControl();
-};
-
-TestSuite.prototype.testSettings = function()
-{
+  };
+
+  TestSuite.prototype.testSettings = function() {
     var test = this;
 
     createSettings();
     test.takeControl();
     setTimeout(reset, 0);
 
-    function createSettings()
-    {
-        var localSetting = WebInspector.settings.createSetting("local", undefined, true);
-        localSetting.set({s: "local", n: 1 });
-        var globalSetting = WebInspector.settings.createSetting("global", undefined, false);
-        globalSetting.set({s: "global", n: 2 });
-    }
-
-    function reset()
-    {
-        Runtime.experiments.clearForTest();
-        InspectorFrontendHost.getPreferences(gotPreferences);
-    }
-
-    function gotPreferences(prefs)
-    {
-        WebInspector.Main._instanceForTest._createSettings(prefs);
-
-        var localSetting = WebInspector.settings.createSetting("local", undefined, true);
-        test.assertEquals("object", typeof localSetting.get());
-        test.assertEquals("local", localSetting.get().s);
-        test.assertEquals(1, localSetting.get().n);
-        var globalSetting = WebInspector.settings.createSetting("global", undefined, false);
-        test.assertEquals("object", typeof globalSetting.get());
-        test.assertEquals("global", globalSetting.get().s);
-        test.assertEquals(2, globalSetting.get().n);
-        test.releaseControl();
-    }
-};
-
-TestSuite.prototype.testWindowInitializedOnNavigateBack = function()
-{
+    function createSettings() {
+      var localSetting = WebInspector.settings.createSetting('local', undefined, true);
+      localSetting.set({s: 'local', n: 1});
+      var globalSetting = WebInspector.settings.createSetting('global', undefined, false);
+      globalSetting.set({s: 'global', n: 2});
+    }
+
+    function reset() {
+      Runtime.experiments.clearForTest();
+      InspectorFrontendHost.getPreferences(gotPreferences);
+    }
+
+    function gotPreferences(prefs) {
+      WebInspector.Main._instanceForTest._createSettings(prefs);
+
+      var localSetting = WebInspector.settings.createSetting('local', undefined, true);
+      test.assertEquals('object', typeof localSetting.get());
+      test.assertEquals('local', localSetting.get().s);
+      test.assertEquals(1, localSetting.get().n);
+      var globalSetting = WebInspector.settings.createSetting('global', undefined, false);
+      test.assertEquals('object', typeof globalSetting.get());
+      test.assertEquals('global', globalSetting.get().s);
+      test.assertEquals(2, globalSetting.get().n);
+      test.releaseControl();
+    }
+  };
+
+  TestSuite.prototype.testWindowInitializedOnNavigateBack = function() {
     var messages = WebInspector.multitargetConsoleModel.messages();
     this.assertEquals(1, messages.length);
     var text = messages[0].messageText;
-    if (text.indexOf("Uncaught") !== -1)
-        this.fail(text);
-};
-
-TestSuite.prototype.testConsoleContextNames = function()
-{
+    if (text.indexOf('Uncaught') !== -1)
+      this.fail(text);
+  };
+
+  TestSuite.prototype.testConsoleContextNames = function() {
     var test = this;
     test.takeControl();
-    this.showPanel("console").then(() => this._waitForExecutionContexts(2, onExecutionContexts.bind(this)));
-
-    function onExecutionContexts()
-    {
-        var consoleView = WebInspector.ConsoleView.instance();
-        var options = consoleView._consoleContextSelector._selectElement.options;
-        var values = [];
-        for (var i = 0; i < options.length; ++i)
-            values.push(options[i].value.trim());
-        test.assertEquals("top", values[0]);
-        test.assertEquals("Simple content script", values[1]);
-        test.releaseControl();
-    }
-};
-
-TestSuite.prototype.testDevToolsSharedWorker = function()
-{
+    this.showPanel('console').then(() => this._waitForExecutionContexts(2, onExecutionContexts.bind(this)));
+
+    function onExecutionContexts() {
+      var consoleView = WebInspector.ConsoleView.instance();
+      var options = consoleView._consoleContextSelector._selectElement.options;
+      var values = [];
+      for (var i = 0; i < options.length; ++i)
+        values.push(options[i].value.trim());
+      test.assertEquals('top', values[0]);
+      test.assertEquals('Simple content script', values[1]);
+      test.releaseControl();
+    }
+  };
+
+  TestSuite.prototype.testDevToolsSharedWorker = function() {
     this.takeControl();
     WebInspector.TempFile.ensureTempStorageCleared().then(() => this.releaseControl());
-};
-
-TestSuite.prototype.waitForTestResultsInConsole = function()
-{
+  };
+
+  TestSuite.prototype.waitForTestResultsInConsole = function() {
     var messages = WebInspector.multitargetConsoleModel.messages();
     for (var i = 0; i < messages.length; ++i) {
-        var text = messages[i].messageText;
-        if (text === "PASS")
-            return;
-        else if (/^FAIL/.test(text))
-            this.fail(text); // This will throw.
+      var text = messages[i].messageText;
+      if (text === 'PASS')
+        return;
+      else if (/^FAIL/.test(text))
+        this.fail(text);  // This will throw.
     }
     // Neither PASS nor FAIL, so wait for more messages.
-    function onConsoleMessage(event)
-    {
-        var text = event.data.messageText;
-        if (text === "PASS")
-            this.releaseControl();
-        else if (/^FAIL/.test(text))
-            this.fail(text);
-    }
-
-    WebInspector.multitargetConsoleModel.addEventListener(WebInspector.ConsoleModel.Events.MessageAdded, onConsoleMessage, this);
-    this.takeControl();
-};
-
-TestSuite.prototype._overrideMethod = function(receiver, methodName, override)
-{
+    function onConsoleMessage(event) {
+      var text = event.data.messageText;
+      if (text === 'PASS')
+        this.releaseControl();
+      else if (/^FAIL/.test(text))
+        this.fail(text);
+    }
+
+    WebInspector.multitargetConsoleModel.addEventListener(
+        WebInspector.ConsoleModel.Events.MessageAdded, onConsoleMessage, this);
+    this.takeControl();
+  };
+
+  TestSuite.prototype._overrideMethod = function(receiver, methodName, override) {
     var original = receiver[methodName];
-    if (typeof original !== "function") {
-        this.fail(`TestSuite._overrideMethod: $[methodName] is not a function`);
-        return;
-    }
-    receiver[methodName] = function()
-    {
-        try {
-            var value = original.apply(receiver, arguments);
-        } finally {
-            receiver[methodName] = original;
-        }
-        override.apply(original, arguments);
-        return value;
+    if (typeof original !== 'function') {
+      this.fail(`TestSuite._overrideMethod: $[methodName] is not a function`);
+      return;
+    }
+    receiver[methodName] = function() {
+      try {
+        var value = original.apply(receiver, arguments);
+      } finally {
+        receiver[methodName] = original;
+      }
+      override.apply(original, arguments);
+      return value;
     };
-};
-
-TestSuite.prototype.startTimeline = function(callback)
-{
-    var test = this;
-    this.showPanel("timeline").then(function() {
-        var timeline = WebInspector.panels.timeline;
-        test._overrideMethod(timeline, "recordingStarted", callback);
-        timeline._toggleRecording();
+  };
+
+  TestSuite.prototype.startTimeline = function(callback) {
+    var test = this;
+    this.showPanel('timeline').then(function() {
+      var timeline = WebInspector.panels.timeline;
+      test._overrideMethod(timeline, 'recordingStarted', callback);
+      timeline._toggleRecording();
     });
-};
-
-TestSuite.prototype.stopTimeline = function(callback)
-{
+  };
+
+  TestSuite.prototype.stopTimeline = function(callback) {
     var timeline = WebInspector.panels.timeline;
-    this._overrideMethod(timeline, "loadingComplete", callback);
+    this._overrideMethod(timeline, 'loadingComplete', callback);
     timeline._toggleRecording();
-};
-
-TestSuite.prototype.invokePageFunctionAsync = function(functionName, opt_args, callback_is_always_last)
-{
+  };
+
+  TestSuite.prototype.invokePageFunctionAsync = function(functionName, opt_args, callback_is_always_last) {
     var callback = arguments[arguments.length - 1];
     var doneMessage = `DONE: ${functionName}.${++this._asyncInvocationId}`;
-    var argsString = arguments.length < 3 ? "" : Array.prototype.slice.call(arguments, 1, -1).map(arg => JSON.stringify(arg)).join(",") + ",";
-    this.evaluateInConsole_(`${functionName}(${argsString} function() { console.log('${doneMessage}'); });`, function() {});
-    WebInspector.multitargetConsoleModel.addEventListener(WebInspector.ConsoleModel.Events.MessageAdded, onConsoleMessage);
-
-    function onConsoleMessage(event)
-    {
-        var text = event.data.messageText;
-        if (text === doneMessage) {
-            WebInspector.multitargetConsoleModel.removeEventListener(WebInspector.ConsoleModel.Events.MessageAdded, onConsoleMessage);
-            callback();
-        }
-    }
-};
-
-TestSuite.prototype.invokeAsyncWithTimeline_ = function(functionName, callback)
-{
+    var argsString = arguments.length < 3 ?
+        '' :
+        Array.prototype.slice.call(arguments, 1, -1).map(arg => JSON.stringify(arg)).join(',') + ',';
+    this.evaluateInConsole_(
+        `${functionName}(${argsString} function() { console.log('${doneMessage}'); });`, function() {});
+    WebInspector.multitargetConsoleModel.addEventListener(
+        WebInspector.ConsoleModel.Events.MessageAdded, onConsoleMessage);
+
+    function onConsoleMessage(event) {
+      var text = event.data.messageText;
+      if (text === doneMessage) {
+        WebInspector.multitargetConsoleModel.removeEventListener(
+            WebInspector.ConsoleModel.Events.MessageAdded, onConsoleMessage);
+        callback();
+      }
+    }
+  };
+
+  TestSuite.prototype.invokeAsyncWithTimeline_ = function(functionName, callback) {
     var test = this;
 
     this.startTimeline(onRecordingStarted);
 
-    function onRecordingStarted()
-    {
-        test.invokePageFunctionAsync(functionName, pageActionsDone);
-    }
-
-    function pageActionsDone()
-    {
-        test.stopTimeline(callback);
-    }
-};
-
-TestSuite.prototype.enableExperiment = function(name)
-{
+    function onRecordingStarted() {
+      test.invokePageFunctionAsync(functionName, pageActionsDone);
+    }
+
+    function pageActionsDone() {
+      test.stopTimeline(callback);
+    }
+  };
+
+  TestSuite.prototype.enableExperiment = function(name) {
     Runtime.experiments.enableForTest(name);
-};
-
-TestSuite.prototype.checkInputEventsPresent = function()
-{
+  };
+
+  TestSuite.prototype.checkInputEventsPresent = function() {
     var expectedEvents = new Set(arguments);
     var model = WebInspector.panels.timeline._model;
     var asyncEvents = model.mainThreadAsyncEvents();
     var input = asyncEvents.get(WebInspector.TimelineModel.AsyncEventGroup.input) || [];
-    var prefix = "InputLatency::";
+    var prefix = 'InputLatency::';
     for (var e of input) {
-        if (!e.name.startsWith(prefix))
-            continue;
-        if (e.steps.length < 2)
-            continue;
-        if (e.name.startsWith(prefix + "Mouse") && typeof e.steps[0].timeWaitingForMainThread !== "number")
-            throw `Missing timeWaitingForMainThread on ${e.name}`;
-        expectedEvents.delete(e.name.substr(prefix.length));
+      if (!e.name.startsWith(prefix))
+        continue;
+      if (e.steps.length < 2)
+        continue;
+      if (e.name.startsWith(prefix + 'Mouse') && typeof e.steps[0].timeWaitingForMainThread !== 'number')
+        throw `Missing timeWaitingForMainThread on ${e.name}`;
+      expectedEvents.delete(e.name.substr(prefix.length));
     }
     if (expectedEvents.size)
-        throw "Some expected events are not found: " + Array.from(expectedEvents.keys()).join(",");
-};
-
-/**
- * Serializes array of uiSourceCodes to string.
- * @param {!Array.<!WebInspectorUISourceCode>} uiSourceCodes
- * @return {string}
- */
-TestSuite.prototype.uiSourceCodesToString_ = function(uiSourceCodes)
-{
+      throw 'Some expected events are not found: ' + Array.from(expectedEvents.keys()).join(',');
+  };
+
+  /**
+   * Serializes array of uiSourceCodes to string.
+   * @param {!Array.<!WebInspectorUISourceCode>} uiSourceCodes
+   * @return {string}
+   */
+  TestSuite.prototype.uiSourceCodesToString_ = function(uiSourceCodes) {
     var names = [];
     for (var i = 0; i < uiSourceCodes.length; i++)
-        names.push('"' + uiSourceCodes[i].url() + '"');
-    return names.join(",");
-};
-
-
-/**
- * Returns all loaded non anonymous uiSourceCodes.
- * @return {!Array.<!WebInspectorUISourceCode>}
- */
-TestSuite.prototype.nonAnonymousUISourceCodes_ = function()
-{
+      names.push('"' + uiSourceCodes[i].url() + '"');
+    return names.join(',');
+  };
+
+  /**
+   * Returns all loaded non anonymous uiSourceCodes.
+   * @return {!Array.<!WebInspectorUISourceCode>}
+   */
+  TestSuite.prototype.nonAnonymousUISourceCodes_ = function() {
     /**
      * @param {!WebInspector.UISourceCode} uiSourceCode
      */
-    function filterOutService(uiSourceCode)
-    {
-        return !uiSourceCode.isFromServiceProject();
+    function filterOutService(uiSourceCode) {
+      return !uiSourceCode.isFromServiceProject();
     }
 
     var uiSourceCodes = WebInspector.workspace.uiSourceCodes();
     return uiSourceCodes.filter(filterOutService);
-};
-
-
-/*
+  };
+
+  /*
  * Evaluates the code in the console as if user typed it manually and invokes
  * the callback when the result message is received and added to the console.
  * @param {string} code
  * @param {function(string)} callback
  */
-TestSuite.prototype.evaluateInConsole_ = function(code, callback)
-{
-    function innerEvaluate()
-    {
-        WebInspector.context.removeFlavorChangeListener(WebInspector.ExecutionContext, showConsoleAndEvaluate, this);
-        var consoleView = WebInspector.ConsoleView.instance();
-        consoleView._prompt._appendCommand(code);
-
-        this.addSniffer(WebInspector.ConsoleView.prototype, "_consoleMessageAddedForTest",
-            function(viewMessage) {
-                callback(viewMessage.toMessageElement().deepTextContent());
-            }.bind(this));
-    }
-
-    function showConsoleAndEvaluate()
-    {
-        WebInspector.console.showPromise().then(innerEvaluate.bind(this));
+  TestSuite.prototype.evaluateInConsole_ = function(code, callback) {
+    function innerEvaluate() {
+      WebInspector.context.removeFlavorChangeListener(WebInspector.ExecutionContext, showConsoleAndEvaluate, this);
+      var consoleView = WebInspector.ConsoleView.instance();
+      consoleView._prompt._appendCommand(code);
+
+      this.addSniffer(WebInspector.ConsoleView.prototype, '_consoleMessageAddedForTest', function(viewMessage) {
+        callback(viewMessage.toMessageElement().deepTextContent());
+      }.bind(this));
+    }
+
+    function showConsoleAndEvaluate() {
+      WebInspector.console.showPromise().then(innerEvaluate.bind(this));
     }
 
     if (!WebInspector.context.flavor(WebInspector.ExecutionContext)) {
-        WebInspector.context.addFlavorChangeListener(WebInspector.ExecutionContext, showConsoleAndEvaluate, this);
-        return;
+      WebInspector.context.addFlavorChangeListener(WebInspector.ExecutionContext, showConsoleAndEvaluate, this);
+      return;
     }
     showConsoleAndEvaluate.call(this);
-};
-
-/**
- * Checks that all expected scripts are present in the scripts list
- * in the Scripts panel.
- * @param {!Array.<string>} expected Regular expressions describing
- *     expected script names.
- * @return {boolean} Whether all the scripts are in "scripts-files" select
- *     box
- */
-TestSuite.prototype._scriptsAreParsed = function(expected)
-{
+  };
+
+  /**
+   * Checks that all expected scripts are present in the scripts list
+   * in the Scripts panel.
+   * @param {!Array.<string>} expected Regular expressions describing
+   *     expected script names.
+   * @return {boolean} Whether all the scripts are in "scripts-files" select
+   *     box
+   */
+  TestSuite.prototype._scriptsAreParsed = function(expected) {
     var uiSourceCodes = this.nonAnonymousUISourceCodes_();
     // Check that at least all the expected scripts are present.
     var missing = expected.slice(0);
     for (var i = 0; i < uiSourceCodes.length; ++i) {
-        for (var j = 0; j < missing.length; ++j) {
-            if (uiSourceCodes[i].name().search(missing[j]) !== -1) {
-                missing.splice(j, 1);
-                break;
-            }
+      for (var j = 0; j < missing.length; ++j) {
+        if (uiSourceCodes[i].name().search(missing[j]) !== -1) {
+          missing.splice(j, 1);
+          break;
         }
+      }
     }
     return missing.length === 0;
-};
-
-
-/**
- * Waits for script pause, checks expectations, and invokes the callback.
- * @param {function():void} callback
- */
-TestSuite.prototype._waitForScriptPause = function(callback)
-{
-    this.addSniffer(WebInspector.DebuggerModel.prototype, "_pausedScript", callback);
-};
-
-
-/**
- * Waits until all the scripts are parsed and invokes the callback.
- */
-TestSuite.prototype._waitUntilScriptsAreParsed = function(expectedScripts, callback)
-{
+  };
+
+  /**
+   * Waits for script pause, checks expectations, and invokes the callback.
+   * @param {function():void} callback
+   */
+  TestSuite.prototype._waitForScriptPause = function(callback) {
+    this.addSniffer(WebInspector.DebuggerModel.prototype, '_pausedScript', callback);
+  };
+
+  /**
+   * Waits until all the scripts are parsed and invokes the callback.
+   */
+  TestSuite.prototype._waitUntilScriptsAreParsed = function(expectedScripts, callback) {
     var test = this;
 
     function waitForAllScripts() {
-        if (test._scriptsAreParsed(expectedScripts))
-            callback();
-        else
-            test.addSniffer(WebInspector.panels.sources.sourcesView(), "_addUISourceCode", waitForAllScripts);
+      if (test._scriptsAreParsed(expectedScripts))
+        callback();
+      else
+        test.addSniffer(WebInspector.panels.sources.sourcesView(), '_addUISourceCode', waitForAllScripts);
     }
 
     waitForAllScripts();
-};
-
-TestSuite.prototype._waitForTargets = function(n, callback)
-{
+  };
+
+  TestSuite.prototype._waitForTargets = function(n, callback) {
     checkTargets.call(this);
 
-    function checkTargets()
-    {
-        if (WebInspector.targetManager.targets().length >= n)
-            callback.call(null);
-        else
-            this.addSniffer(WebInspector.TargetManager.prototype, "addTarget", checkTargets.bind(this));
-    }
-};
-
-TestSuite.prototype._waitForExecutionContexts = function(n, callback)
-{
+    function checkTargets() {
+      if (WebInspector.targetManager.targets().length >= n)
+        callback.call(null);
+      else
+        this.addSniffer(WebInspector.TargetManager.prototype, 'addTarget', checkTargets.bind(this));
+    }
+  };
+
+  TestSuite.prototype._waitForExecutionContexts = function(n, callback) {
     var runtimeModel = WebInspector.targetManager.mainTarget().runtimeModel;
     checkForExecutionContexts.call(this);
 
-    function checkForExecutionContexts()
-    {
-        if (runtimeModel.executionContexts().length >= n)
-            callback.call(null);
-        else
-            this.addSniffer(WebInspector.RuntimeModel.prototype, "_executionContextCreated", checkForExecutionContexts.bind(this));
-    }
-};
-
-/**
- * Key event with given key identifier.
- */
-TestSuite.createKeyEvent = function(key)
-{
-    return new KeyboardEvent("keydown", {bubbles: true, cancelable:true, key: key});
-};
-
-window.uiTests = new TestSuite(window.domAutomationController);
+    function checkForExecutionContexts() {
+      if (runtimeModel.executionContexts().length >= n)
+        callback.call(null);
+      else
+        this.addSniffer(
+            WebInspector.RuntimeModel.prototype, '_executionContextCreated', checkForExecutionContexts.bind(this));
+    }
+  };
+  
+
+  window.uiTests = new TestSuite(window.domAutomationController);
 })(window);