[DevTools] Replace usages of document with custom functions.

Source/devtools/front_end/timeline/TimelineUIUtils.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 202 matching lines @@
     contentHelper.appendTextRow(WebInspector.UIString("CPU time"), Number.millisToString(cpuTime, true));
     contentHelper.appendTextRow(WebInspector.UIString("Message Count"), messageCount);
     return contentHelper.contentTable();
 }
 
 /**
  * @param {!Object} aggregatedStats
  */
 WebInspector.TimelineUIUtils._generateAggregatedInfo = function(aggregatedStats)
 {
-    var cell = document.createElement("span");
+    var cell = createElement("span");
     cell.className = "timeline-aggregated-info";
     for (var index in aggregatedStats) {
-        var label = document.createElement("div");
+        var label = createElement("div");
         label.className = "timeline-aggregated-category timeline-" + index;
         cell.appendChild(label);
-        var text = document.createElement("span");
+        var text = createElement("span");
         text.textContent = Number.millisToString(aggregatedStats[index], true);
         cell.appendChild(text);
     }
     return cell;
 }
 
 /**
  * @param {!Object} aggregatedStats
  * @param {!WebInspector.TimelineCategory=} selfCategory
  * @param {number=} selfTime
  * @return {!Element}
  */
 WebInspector.TimelineUIUtils.generatePieChart = function(aggregatedStats, selfCategory, selfTime)
 {
-    var element = document.createElement("div");
+    var element = createElement("div");
     element.className = "timeline-aggregated-info";
 
     var total = 0;
     for (var categoryName in aggregatedStats)
         total += aggregatedStats[categoryName];
 
     function formatter(value)
     {
         return Number.millisToString(value, true);
     }
@@ skipping 170 matching lines @@
 
     __proto__: WebInspector.Object.prototype
 }
 
 /**
  * @constructor
  * @param {string} title
  */
 WebInspector.TimelinePopupContentHelper = function(title)
 {
-    this._contentTable = document.createElement("table");
+    this._contentTable = createElement("table");
     var titleCell = this._createCell(WebInspector.UIString("%s - Details", title), "timeline-details-title");
     titleCell.colSpan = 2;
-    var titleRow = document.createElement("tr");
+    var titleRow = createElement("tr");
     titleRow.appendChild(titleCell);
     this._contentTable.appendChild(titleRow);
 }
 
 WebInspector.TimelinePopupContentHelper.prototype = {
     /**
      * @return {!Element}
      */
     contentTable: function()
     {
         return this._contentTable;
     },
 
     /**
      * @param {string|number} content
      * @param {string=} styleName
      */
     _createCell: function(content, styleName)
     {
-        var text = document.createElement("label");
+        var text = createElement("label");
         text.createTextChild(String(content));
-        var cell = document.createElement("td");
+        var cell = createElement("td");
         cell.className = "timeline-details";
         if (styleName)
             cell.className += " " + styleName;
         cell.textContent = content;
         return cell;
     },
 
     /**
      * @param {string} title
      * @param {string|number} content
      */
     appendTextRow: function(title, content)
     {
-        var row = document.createElement("tr");
+        var row = createElement("tr");
         row.appendChild(this._createCell(title, "timeline-details-row-title"));
         row.appendChild(this._createCell(content, "timeline-details-row-data"));
         this._contentTable.appendChild(row);
     },
 
     /**
      * @param {string} title
      * @param {!Node|string} content
      */
     appendElementRow: function(title, content)
     {
-        var row = document.createElement("tr");
+        var row = createElement("tr");
         var titleCell = this._createCell(title, "timeline-details-row-title");
         row.appendChild(titleCell);
-        var cell = document.createElement("td");
+        var cell = createElement("td");
         cell.className = "details";
         if (content instanceof Node)
             cell.appendChild(content);
         else
             cell.createTextChild(content || "");
         row.appendChild(cell);
         this._contentTable.appendChild(row);
     }
 }
 
 /**
  * @constructor
  * @param {?WebInspector.Target} target
  * @param {?WebInspector.Linkifier} linkifier
  * @param {boolean} monospaceValues
  */
 WebInspector.TimelineDetailsContentHelper = function(target, linkifier, monospaceValues)
 {
     this._linkifier = linkifier;
     this._target = target;
-    this.element = document.createElement("div");
+    this.element = createElement("div");
     this.element.className = "timeline-details-view-block";
     this._monospaceValues = monospaceValues;
 }
 
 WebInspector.TimelineDetailsContentHelper.prototype = {
     /**
      * @param {string} title
      * @param {string|number|boolean} value
      */
     appendTextRow: function(title, value)
@@ skipping 46 matching lines @@
         for (var i = 0; i < stackTrace.length; ++i) {
             var stackFrame = stackTrace[i];
             var row = stackTraceElement.createChild("div");
             row.createTextChild(stackFrame.functionName || WebInspector.UIString("(anonymous function)"));
             row.createTextChild(" @ ");
             var urlElement = this._linkifier.linkifyScriptLocation(this._target, stackFrame.scriptId, stackFrame.url, stackFrame.lineNumber - 1, stackFrame.columnNumber - 1);
             row.appendChild(urlElement);
         }
     }
 }