[DevTools] Replace usages of document with custom functions.

Source/devtools/front_end/network/NetworkPanel.js

 /*
  * Copyright (C) 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2008, 2009 Anthony Ricaud <rik@webkit.org>
  * Copyright (C) 2011 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 376 matching lines @@
                 title: WebInspector.NetworkLogView._columnTitles[headerName],
                 weight: 6
             }
             if (headerName === "Content-Length")
                 descriptor.align = WebInspector.DataGrid.Align.Right;
             columns.push(descriptor);
         }
 
         columns.push({
             id: "timeline",
-            titleDOMFragment: document.createDocumentFragment(),
+            titleDOMFragment: createDocumentFragment(),
             title: WebInspector.NetworkLogView._columnTitles["timeline"],
             sortable: false,
             weight: 40,
             sort: WebInspector.DataGrid.Order.Ascending
         });
 
         this._dataGrid = new WebInspector.SortableDataGrid(columns);
         this._dataGrid.setStickToBottom(true);
         this._updateColumns();
         this._dataGrid.setName("networkLog");
@@ skipping 10 matching lines @@
         this._dataGrid.sortNodes(this._sortingFunctions.startTime, false);
     },
 
     /**
      * @param {string} title
      * @param {string} subtitle
      * @return {!DocumentFragment}
      */
     _makeHeaderFragment: function(title, subtitle)
     {
-        var fragment = document.createDocumentFragment();
+        var fragment = createDocumentFragment();
         fragment.createTextChild(title);
         var subtitleDiv = fragment.createChild("div", "network-header-subtitle");
         subtitleDiv.createTextChild(subtitle);
         return fragment;
     },
 
     _patchTimelineHeader: function()
     {
-        var timelineSorting = document.createElement("select");
+        var timelineSorting = createElement("select");
 
-        var option = document.createElement("option");
+        var option = createElement("option");
         option.value = "startTime";
         option.label = WebInspector.UIString("Timeline");
         timelineSorting.appendChild(option);
 
-        option = document.createElement("option");
+        option = createElement("option");
         option.value = "startTime";
         option.label = WebInspector.UIString("Start Time");
         timelineSorting.appendChild(option);
 
-        option = document.createElement("option");
+        option = createElement("option");
         option.value = "responseTime";
         option.label = WebInspector.UIString("Response Time");
         timelineSorting.appendChild(option);
 
-        option = document.createElement("option");
+        option = createElement("option");
         option.value = "endTime";
         option.label = WebInspector.UIString("End Time");
         timelineSorting.appendChild(option);
 
-        option = document.createElement("option");
+        option = createElement("option");
         option.value = "duration";
         option.label = WebInspector.UIString("Duration");
         timelineSorting.appendChild(option);
 
-        option = document.createElement("option");
+        option = createElement("option");
         option.value = "latency";
         option.label = WebInspector.UIString("Latency");
         timelineSorting.appendChild(option);
 
         var header = this._dataGrid.headerTableHeader("timeline");
         header.replaceChild(timelineSorting, header.firstChild);
 
         timelineSorting.addEventListener("click", function(event) { event.consume() }, false);
         timelineSorting.addEventListener("change", this._sortByTimeline.bind(this), false);
         this._timelineSortSelector = timelineSorting;
@@ skipping 76 matching lines @@
 
         this._setCalculator(this._calculators[value]);
         var sortingFunction = this._sortingFunctions[value];
         this._dataGrid.sortNodes(sortingFunction);
         this._highlightNthMatchedRequestForSearch(this._updateMatchCountAndFindMatchIndex(this._currentMatchedRequestNode), false);
         this._dataGrid.markColumnAsSortedBy("timeline", WebInspector.DataGrid.Order.Ascending);
     },
 
     _createStatusBarItems: function()
     {
-        this._progressBarContainer = document.createElement("div");
+        this._progressBarContainer = createElement("div");
         this._progressBarContainer.className = "status-bar-item";
     },
 
     _updateSummaryBar: function()
     {
         var requestsNumber = this._nodesByRequestId.size;
 
         if (!requestsNumber) {
             if (this._summaryBarElement._isDisplayingWarning)
                 return;
@@ skipping 78 matching lines @@
             // If our current sorting method starts at zero, that means it shows all
             // requests starting at the same point, and so onLoad event and DOMContent
             // event lines really wouldn't make much sense here, so don't render them.
             return;
         }
 
         this._timelineGrid.removeEventDividers();
         if (this._mainRequestLoadTime !== -1) {
             var percent = calculator.computePercentageFromEventTime(this._mainRequestLoadTime);
 
-            var loadDivider = document.createElement("div");
+            var loadDivider = createElement("div");
             loadDivider.className = "network-event-divider network-red-divider";
 
-            var loadDividerPadding = document.createElement("div");
+            var loadDividerPadding = createElement("div");
             loadDividerPadding.className = "network-event-divider-padding";
             loadDividerPadding.title = WebInspector.UIString("Load event");
             loadDividerPadding.appendChild(loadDivider);
             loadDividerPadding.style.left = percent + "%";
             this._timelineGrid.addEventDivider(loadDividerPadding);
         }
 
         if (this._mainRequestDOMContentLoadedTime !== -1) {
             var percent = calculator.computePercentageFromEventTime(this._mainRequestDOMContentLoadedTime);
 
-            var domContentLoadedDivider = document.createElement("div");
+            var domContentLoadedDivider = createElement("div");
             domContentLoadedDivider.className = "network-event-divider network-blue-divider";
 
-            var domContentLoadedDividerPadding = document.createElement("div");
+            var domContentLoadedDividerPadding = createElement("div");
             domContentLoadedDividerPadding.className = "network-event-divider-padding";
             domContentLoadedDividerPadding.title = WebInspector.UIString("DOMContentLoaded event");
             domContentLoadedDividerPadding.appendChild(domContentLoadedDivider);
             domContentLoadedDividerPadding.style.left = percent + "%";
             this._timelineGrid.addEventDivider(domContentLoadedDividerPadding);
         }
     },
 
     _refreshIfNeeded: function()
     {
@@ skipping 388 matching lines @@
     {
         this._linkifier.reset();
     },
 
     /**
      * @param {!WebInspector.NetworkRequest} request
      * @return {!Element}
      */
     _generateScriptInitiatedPopoverContent: function(request)
     {
-        var framesTable = document.createElementWithClass("table", "network-stack-trace");
+        var framesTable = createElementWithClass("table", "network-stack-trace");
 
         /**
          * @param {!Array.<!ConsoleAgent.CallFrame>} stackTrace
          * @this {WebInspector.NetworkLogView}
          */
         function appendStackTrace(stackTrace)
         {
             for (var i = 0; i < stackTrace.length; ++i) {
                 var stackFrame = stackTrace[i];
-                var row = document.createElement("tr");
+                var row = createElement("tr");
                 row.createChild("td").textContent = stackFrame.functionName || WebInspector.UIString("(anonymous function)");
                 row.createChild("td").textContent = " @ ";
                 row.createChild("td").appendChild(this._linkifier.linkifyConsoleCallFrame(request.target(), stackFrame));
                 framesTable.appendChild(row);
             }
         }
 
         // Initiator is not null, checked in _getPopoverAnchor.
         var initiator = /** @type {!NetworkAgent.Initiator} */ (request.initiator());
         if (initiator.stackTrace)
@@ skipping 1678 matching lines @@
     /**
      * @param {!Element} cell
      */
     _renderNameCell: function(cell)
     {
         this._nameCell = cell;
         cell.addEventListener("click", this._onClick.bind(this), false);
         cell.addEventListener("dblclick", this._openInNewTab.bind(this), false);
         var iconElement;
         if (this._request.type === WebInspector.resourceTypes.Image) {
-            var previewImage = document.createElementWithClass("img", "image-network-icon-preview");
+            var previewImage = createElementWithClass("img", "image-network-icon-preview");
             this._request.populateImageSource(previewImage);
 
-            iconElement = document.createElementWithClass("div", "icon");
+            iconElement = createElementWithClass("div", "icon");
             iconElement.appendChild(previewImage);
         } else {
-            iconElement = document.createElementWithClass("img", "icon");
+            iconElement = createElementWithClass("img", "icon");
         }
         iconElement.classList.add(this._request.type.name());
 
         cell.appendChild(iconElement);
         cell.createTextChild(this._request.name());
         this._appendSubtitle(cell, this._request.path());
         cell.title = this._request.url;
     },
 
     /**
@@ skipping 100 matching lines @@
             cell.setTextAndTitle(WebInspector.UIString("Pending"));
         }
     },
 
     /**
      * @param {!Element} cellElement
      * @param {string} subtitleText
      */
     _appendSubtitle: function(cellElement, subtitleText)
     {
-        var subtitleElement = document.createElement("div");
+        var subtitleElement = createElement("div");
         subtitleElement.className = "network-cell-subtitle";
         subtitleElement.textContent = subtitleText;
         cellElement.appendChild(subtitleElement);
     },
 
     refreshGraph: function()
     {
         if (!this._timelineCell)
             return;
         this._staleGraph = true;
@@ skipping 255 matching lines @@
 
 WebInspector.NetworkPanelFactory.prototype = {
     /**
      * @return {!WebInspector.Panel}
      */
     createPanel: function()
     {
         return WebInspector.NetworkPanel._instance();
     }
 }