[DevTools] Replace usages of document with custom functions.

Source/devtools/front_end/network/RequestHeadersView.js

 /*
  * Copyright (C) 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) IBM Corp. 2009  All rights reserved.
  * Copyright (C) 2010 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 23 matching lines @@
  * @param {!WebInspector.NetworkRequest} request
  */
 WebInspector.RequestHeadersView = function(request)
 {
     WebInspector.VBox.call(this);
     this.registerRequiredCSS("requestHeadersView.css");
     this.element.classList.add("request-headers-view");
 
     this._request = request;
 
-    this._headersListElement = document.createElement("ol");
+    this._headersListElement = createElement("ol");
     this._headersListElement.className = "outline-disclosure";
     this.element.appendChild(this._headersListElement);
 
     this._headersTreeOutline = new TreeOutline(this._headersListElement);
     this._headersTreeOutline.expandTreeElementsWhenArrowing = true;
 
     this._remoteAddressTreeElement = new TreeElement("", null, false);
     this._remoteAddressTreeElement.selectable = false;
     this._remoteAddressTreeElement.hidden = true;
     this._headersTreeOutline.appendChild(this._remoteAddressTreeElement);
@@ skipping 69 matching lines @@
         this._request.removeEventListener(WebInspector.NetworkRequest.Events.FinishedLoading, this._refreshHTTPInformation, this);
     },
 
     /**
      * @param {string} name
      * @param {string} value
      * @return {!DocumentFragment}
      */
     _formatHeader: function(name, value)
     {
-        var fragment = document.createDocumentFragment();
+        var fragment = createDocumentFragment();
         fragment.createChild("div", "header-name").textContent = name + ":";
         fragment.createChild("div", "header-value source-code").textContent = value;
 
         return fragment;
     },
 
     /**
      * @param {string} value
      * @param {string} className
      * @param {boolean} decodeParameters
      * @return {!Element}
      */
     _formatParameter: function(value, className, decodeParameters)
     {
         var errorDecoding = false;
 
         if (decodeParameters) {
             value = value.replace(/\+/g, " ");
             if (value.indexOf("%") >= 0) {
                 try {
                     value = decodeURIComponent(value);
                 } catch (e) {
                     errorDecoding = true;
                 }
             }
         }
-        var div = document.createElement("div");
+        var div = createElement("div");
         div.className = className;
         if (errorDecoding)
             div.createChild("span", "error-message").textContent = WebInspector.UIString("(unable to decode value)");
         else
             div.textContent = value;
         return div;
     },
 
     _refreshURL: function()
     {
@@ skipping 32 matching lines @@
             }
         }
     },
 
     /**
      * @param {!TreeElement} treeElement
      * @param {?string} sourceText
      */
     _populateTreeElementWithSourceText: function(treeElement, sourceText)
     {
-        var sourceTextElement = document.createElement("span");
+        var sourceTextElement = createElement("span");
         sourceTextElement.classList.add("header-value");
         sourceTextElement.classList.add("source-code");
         sourceTextElement.textContent = String(sourceText || "").trim();
 
         var sourceTreeElement = new TreeElement(sourceTextElement);
         sourceTreeElement.selectable = false;
         treeElement.removeChildren();
         treeElement.appendChild(sourceTreeElement);
     },
 
     /**
      * @param {string} title
      * @param {?Array.<!WebInspector.NetworkRequest.NameValue>} params
      * @param {?string} sourceText
      * @param {!TreeElement} paramsTreeElement
      */
     _refreshParams: function(title, params, sourceText, paramsTreeElement)
     {
         paramsTreeElement.removeChildren();
 
         paramsTreeElement.listItemElement.removeChildren();
         paramsTreeElement.listItemElement.createTextChild(title);
 
-        var headerCount = document.createElement("span");
+        var headerCount = createElement("span");
         headerCount.classList.add("header-count");
         headerCount.textContent = WebInspector.UIString(" (%d)", params.length);
         paramsTreeElement.listItemElement.appendChild(headerCount);
 
         /**
          * @param {!Event} event
          * @this {WebInspector.RequestHeadersView}
          */
         function toggleViewSource(event)
         {
             paramsTreeElement._viewSource = !paramsTreeElement._viewSource;
             this._refreshParams(title, params, sourceText, paramsTreeElement);
         }
 
         paramsTreeElement.listItemElement.appendChild(this._createViewSourceToggle(paramsTreeElement._viewSource, toggleViewSource.bind(this)));
 
         if (paramsTreeElement._viewSource) {
             this._populateTreeElementWithSourceText(paramsTreeElement, sourceText);
             return;
         }
 
         var toggleTitle = this._decodeRequestParameters ? WebInspector.UIString("view URL encoded") : WebInspector.UIString("view decoded");
         var toggleButton = this._createToggleButton(toggleTitle);
         toggleButton.addEventListener("click", this._toggleURLDecoding.bind(this), false);
         paramsTreeElement.listItemElement.appendChild(toggleButton);
 
         for (var i = 0; i < params.length; ++i) {
-            var paramNameValue = document.createDocumentFragment();
+            var paramNameValue = createDocumentFragment();
             var name = this._formatParameter(params[i].name + ":", "header-name", this._decodeRequestParameters);
             var value = this._formatParameter(params[i].value, "header-value source-code", this._decodeRequestParameters);
             paramNameValue.appendChild(name);
             paramNameValue.appendChild(value);
 
             var parmTreeElement = new TreeElement(paramNameValue, null, false);
             parmTreeElement.selectable = false;
             paramsTreeElement.appendChild(parmTreeElement);
         }
     },
@@ skipping 98 matching lines @@
     },
 
     _refreshHTTPInformation: function()
     {
         var requestMethodElement = this._requestMethodTreeElement;
         requestMethodElement.hidden = !this._request.statusCode;
         var statusCodeElement = this._statusCodeTreeElement;
         statusCodeElement.hidden = !this._request.statusCode;
 
         if (this._request.statusCode) {
-            var statusCodeFragment = document.createDocumentFragment();
+            var statusCodeFragment = createDocumentFragment();
             statusCodeFragment.createChild("div", "header-name").textContent = WebInspector.UIString("Status Code") + ":";
 
             var statusCodeImage = statusCodeFragment.createChild("div", "resource-status-image");
             statusCodeImage.title = this._request.statusCode + " " + this._request.statusText;
 
             if (this._request.statusCode < 300 || this._request.statusCode === 304)
                 statusCodeImage.classList.add("green-ball");
             else if (this._request.statusCode < 400)
                 statusCodeImage.classList.add("orange-ball");
             else
@@ skipping 38 matching lines @@
      */
     _refreshHeaders: function(title, headers, headersTreeElement, provisionalHeaders)
     {
         headersTreeElement.removeChildren();
 
         var length = headers.length;
         this._refreshHeadersTitle(title, headersTreeElement, length);
 
         if (provisionalHeaders) {
             var cautionText = WebInspector.UIString("Provisional headers are shown");
-            var cautionFragment = document.createDocumentFragment();
+            var cautionFragment = createDocumentFragment();
             cautionFragment.createChild("div", "warning-icon-small");
             cautionFragment.createChild("div", "caution").textContent = cautionText;
             var cautionTreeElement = new TreeElement(cautionFragment);
             cautionTreeElement.selectable = false;
             headersTreeElement.appendChild(cautionTreeElement);
         }
 
         headersTreeElement.hidden = !length && !provisionalHeaders;
         for (var i = 0; i < length; ++i) {
             var headerTreeElement = new TreeElement(this._formatHeader(headers[i].name, headers[i].value));
@@ skipping 40 matching lines @@
         this._showResponseHeadersText = !this._showResponseHeadersText;
         this._refreshResponseHeaders();
     },
 
     /**
      * @param {string} title
      * @return {!Element}
      */
     _createToggleButton: function(title)
     {
-        var button = document.createElement("span");
+        var button = createElement("span");
         button.classList.add("header-toggle");
         button.textContent = title;
         return button;
     },
 
     /**
      * @param {boolean} isHeadersTextShown
      * @return {!Element}
      */
     _createHeadersToggleButton: function(isHeadersTextShown)
     {
         var toggleTitle = isHeadersTextShown ? WebInspector.UIString("view parsed") : WebInspector.UIString("view source");
         return this._createToggleButton(toggleTitle);
     },
 
     __proto__: WebInspector.VBox.prototype
 }