[DevTools] Replace usages of document with custom functions.

Source/devtools/front_end/timeline/TimelineView.js

 /*
  * Copyright (C) 2013 Google Inc. All rights reserved.
  * Copyright (C) 2012 Intel 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.
@@ skipping 132 matching lines @@
         this._timelineGrid.addEventDividers(dividers);
     },
 
     _updateFrameBars: function(frames)
     {
         var clientWidth = this._graphRowsElementWidth;
         if (this._frameContainer) {
             this._frameContainer.removeChildren();
         } else {
             const frameContainerBorderWidth = 1;
-            this._frameContainer = document.createElementWithClass("div", "fill timeline-frame-container");
+            this._frameContainer = createElementWithClass("div", "fill timeline-frame-container");
             this._frameContainer.style.height = WebInspector.TimelinePanel.rowHeight + frameContainerBorderWidth + "px";
             this._frameContainer.addEventListener("dblclick", this._onFrameDoubleClicked.bind(this), false);
             this._frameContainer.addEventListener("click", this._onFrameClicked.bind(this), false);
         }
         this._frameStripByFrame.clear();
 
         var dividers = [];
 
         for (var i = 0; i < frames.length; ++i) {
             var frame = frames[i];
             var frameStart = this._calculator.computePosition(frame.startTime);
             var frameEnd = this._calculator.computePosition(frame.endTime);
 
-            var frameStrip = document.createElementWithClass("div", "timeline-frame-strip");
+            var frameStrip = createElementWithClass("div", "timeline-frame-strip");
             var actualStart = Math.max(frameStart, 0);
             var width = frameEnd - actualStart;
             frameStrip.style.left = actualStart + "px";
             frameStrip.style.width = width + "px";
             frameStrip._frame = frame;
             this._frameStripByFrame.set(frame, frameStrip);
 
             const minWidthForFrameInfo = 60;
             if (width > minWidthForFrameInfo)
                 frameStrip.textContent = Number.millisToString(frame.endTime - frame.startTime, true);
@@ skipping 845 matching lines @@
 }
 
 /**
  * @constructor
  * @param {!WebInspector.Linkifier} linkifier
  * @param {function(!WebInspector.TimelinePresentationModel.Record)} selectRecord
  * @param {function()} scheduleRefresh
  */
 WebInspector.TimelineRecordListRow = function(linkifier, selectRecord, scheduleRefresh)
 {
-    this.element = document.createElement("div");
+    this.element = createElement("div");
     this.element.row = this;
     this.element.style.cursor = "pointer";
     this.element.addEventListener("click", this._onClick.bind(this), false);
     this.element.addEventListener("mouseover", this._onMouseOver.bind(this), false);
     this.element.addEventListener("mouseout", this._onMouseOut.bind(this), false);
     this._linkifier = linkifier;
 
     // Warning is float right block, it goes first.
     this._warningElement = this.element.createChild("div", "timeline-tree-item-warning hidden");
 
@@ skipping 112 matching lines @@
 }
 
 /**
  * @constructor
  * @param {!Element} graphContainer
  * @param {function(!WebInspector.TimelinePresentationModel.Record)} selectRecord
  * @param {function()} scheduleRefresh
  */
 WebInspector.TimelineRecordGraphRow = function(graphContainer, selectRecord, scheduleRefresh)
 {
-    this.element = document.createElement("div");
+    this.element = createElement("div");
     this.element.row = this;
     this.element.addEventListener("mouseover", this._onMouseOver.bind(this), false);
     this.element.addEventListener("mouseout", this._onMouseOut.bind(this), false);
     this.element.addEventListener("click", this._onClick.bind(this), false);
 
     this._barAreaElement = this.element.createChild("div", "timeline-graph-bar-area");
 
     this._barCpuElement = this._barAreaElement.createChild("div", "timeline-graph-bar cpu");
     this._barCpuElement.row = this;
 
@@ skipping 120 matching lines @@
         } else {
             this._element.classList.add("hidden");
         }
     },
 
     _dispose: function()
     {
         this._element.remove();
     }
 }