[DevTools] Replace usages of document with custom functions.

Source/devtools/front_end/components/TimelineGrid.js

 /*
  * Copyright (C) 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2008, 2009 Anthony Ricaud <rik@webkit.org>
  * Copyright (C) 2009 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:
  *
  * 1.  Redistributions of source code must retain the above copyright
@@ skipping 15 matching lines @@
  * 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.
  */
 
 /**
  * @constructor
  */
 WebInspector.TimelineGrid = function()
 {
-    this.element = document.createElement("div");
+    this.element = createElement("div");
 
     this._dividersElement = this.element.createChild("div", "resources-dividers");
 
-    this._gridHeaderElement = document.createElement("div");
+    this._gridHeaderElement = createElement("div");
     this._gridHeaderElement.id = "timeline-grid-header";
     this._eventDividersElement = this._gridHeaderElement.createChild("div", "resources-event-dividers");
     this._dividersLabelBarElement = this._gridHeaderElement.createChild("div", "resources-dividers-label-bar");
     this.element.appendChild(this._gridHeaderElement);
 
     this._leftCurtainElement = this.element.createChild("div", "timeline-cpu-curtain-left");
     this._rightCurtainElement = this.element.createChild("div", "timeline-cpu-curtain-right");
 }
 
 /**
@@ skipping 141 matching lines @@
 
         // Reuse divider elements and labels.
         var divider = /** @type {?Element} */ (this._dividersElement.firstChild);
         var dividerLabelBar = /** @type {?Element} */ (this._dividersLabelBarElement.firstChild);
 
         const minWidthForTitle = 60;
         var lastPosition = 0;
         var lastTime = 0;
         for (var i = 0; i < dividerOffsets.length; ++i) {
             if (!divider) {
-                divider = document.createElement("div");
+                divider = createElement("div");
                 divider.className = "resources-divider";
                 this._dividersElement.appendChild(divider);
 
-                dividerLabelBar = document.createElement("div");
+                dividerLabelBar = createElement("div");
                 dividerLabelBar.className = "resources-divider";
-                var label = document.createElement("div");
+                var label = createElement("div");
                 label.className = "resources-divider-label";
                 dividerLabelBar._labelElement = label;
                 dividerLabelBar.appendChild(label);
                 this._dividersLabelBarElement.appendChild(dividerLabelBar);
             }
 
             var time = dividerOffsets[i];
             var position = calculator.computePosition(time);
             if (position - lastPosition > minWidthForTitle)
                 dividerLabelBar._labelElement.textContent = printDeltas ? calculator.formatTime(time - lastTime) : calculator.formatTime(time, precision);
@@ skipping 125 matching lines @@
 
     /** @return {number} */
     zeroTime: function() { },
 
     /** @return {number} */
     maximumBoundary: function() { },
 
     /** @return {number} */
     boundarySpan: function() { }
 }