[DevTools] Replace usages of document with custom functions.

Source/devtools/front_end/profiler/CanvasProfileView.js

 /*
  * Copyright (C) 2013 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
@@ skipping 466 matching lines @@
         }
     },
 
     /**
      * @param {number} index
      * @param {!CanvasAgent.Call} call
      * @return {!WebInspector.DataGridNode}
      */
     _createCallNode: function(index, call)
     {
-        var callViewElement = document.createElement("div");
+        var callViewElement = createElement("div");
 
         var data = {};
         data[0] = index + 1;
         data[1] = callViewElement;
         data[2] = "";
         if (call.sourceURL) {
             // FIXME(62725): stack trace line/column numbers are one-based.
             var lineNumber = Math.max(0, call.lineNumber - 1) || 0;
             var columnNumber = Math.max(0, call.columnNumber - 1) || 0;
             data[2] = this._linkifier.linkifyScriptLocation(this.profile.target(), null, call.sourceURL, lineNumber, columnNumber);
@@ skipping 148 matching lines @@
 
     this._frameSelector = new WebInspector.StatusBarComboBox(this._dispatchViewUpdatedEvent.bind(this));
     this._frameSelector.element.title = WebInspector.UIString("Frame containing the canvases to capture.");
     this._frameSelector.element.classList.add("hidden");
 
     this._target = null;
     WebInspector.targetManager.observeTargets(this);
 
     this._canvasAgentEnabled = false;
 
-    this._decorationElement = document.createElement("div");
+    this._decorationElement = createElement("div");
     this._decorationElement.className = "profile-canvas-decoration";
     this._updateDecorationElement();
 }
 
 WebInspector.CanvasProfileType.TypeId = "CANVAS_PROFILE";
 
 WebInspector.CanvasProfileType.prototype = {
     /**
      * @override
      * @param {!WebInspector.Target} target
@@ skipping 216 matching lines @@
         var frame = /** @type {!WebInspector.ResourceTreeFrame} */ (event.data);
         this._addFrame(frame);
     },
 
     /**
      * @param {!WebInspector.ResourceTreeFrame} frame
      */
     _addFrame: function(frame)
     {
         var frameId = frame.id;
-        var option = document.createElement("option");
+        var option = createElement("option");
         option.text = frame.displayName();
         option.title = frame.url;
         option.value = frameId;
 
         this._frameOptions[frameId] = option;
 
         if (this._framesWithCanvases[frameId]) {
             this._frameSelector.addOption(option);
             this._dispatchViewUpdatedEvent();
         }
@@ skipping 237 matching lines @@
 
 WebInspector.CanvasProfileDataGridHelper = {
     /**
      * @param {!CanvasAgent.CallArgument} callArgument
      * @return {!Element}
      */
     createCallArgumentElement: function(callArgument)
     {
         if (callArgument.enumName)
             return WebInspector.CanvasProfileDataGridHelper.createEnumValueElement(callArgument.enumName, +callArgument.description);
-        var element = document.createElement("span");
+        var element = createElement("span");
         element.className = "canvas-call-argument";
         var description = callArgument.description;
         if (callArgument.type === "string") {
             const maxStringLength = 150;
             element.createTextChild("\"");
             element.createChild("span", "canvas-formatted-string").textContent = description.trimMiddle(maxStringLength);
             element.createTextChild("\"");
             element.__suppressPopover = (description.length <= maxStringLength && !/[\r\n]/.test(description));
             if (!element.__suppressPopover)
                 element.__evalResult = WebInspector.runtimeModel.createRemoteObjectFromPrimitiveValue(description);
@@ skipping 15 matching lines @@
         return element;
     },
 
     /**
      * @param {string} enumName
      * @param {number} enumValue
      * @return {!Element}
      */
     createEnumValueElement: function(enumName, enumValue)
     {
-        var element = document.createElement("span");
+        var element = createElement("span");
         element.className = "canvas-call-argument canvas-formatted-number";
         element.textContent = enumName;
         element.__evalResult = WebInspector.runtimeModel.createRemoteObjectFromPrimitiveValue(enumValue);
         return element;
     }
 }
 
 /**
  * @extends {WebInspector.Object}
  * @constructor
@@ skipping 112 matching lines @@
     },
 
     clearResourceStates: function()
     {
         this._currentResourceStates = {};
         this.dispatchEventToListeners(WebInspector.CanvasTraceLogPlayerProxy.Events.CanvasReplayStateChanged);
     },
 
     __proto__: WebInspector.Object.prototype
 }