[DevTools] Replace usages of document with custom functions.

Source/devtools/front_end/console/ConsoleViewMessage.js

 /*
  * Copyright (C) 2011 Google Inc.  All rights reserved.
  * Copyright (C) 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * 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 108 matching lines @@
     /**
      * @return {!WebInspector.ConsoleMessage}
      */
     consoleMessage: function()
     {
         return this._message;
     },
 
     _formatMessage: function()
     {
-        this._formattedMessage = document.createElement("span");
+        this._formattedMessage = createElement("span");
         this._formattedMessage.className = "console-message-text source-code";
 
         /**
          * @param {string} title
          * @return {!Element}
          * @this {WebInspector.ConsoleMessage}
          */
         function linkifyRequest(title)
         {
             return WebInspector.Linkifier.linkifyUsingRevealer(/** @type {!WebInspector.NetworkRequest} */ (this.request), title, this.url);
         }
 
         var consoleMessage = this._message;
         if (!this._messageElement) {
             if (consoleMessage.source === WebInspector.ConsoleMessage.MessageSource.ConsoleAPI) {
                 switch (consoleMessage.type) {
                     case WebInspector.ConsoleMessage.MessageType.Trace:
                         this._messageElement = this._format(consoleMessage.parameters || ["console.trace()"]);
                         break;
                     case WebInspector.ConsoleMessage.MessageType.Clear:
-                        this._messageElement = document.createTextNode(WebInspector.UIString("Console was cleared"));
+                        this._messageElement = createTextNode(WebInspector.UIString("Console was cleared"));
                         this._formattedMessage.classList.add("console-info");
                         break;
                     case WebInspector.ConsoleMessage.MessageType.Assert:
                         var args = [WebInspector.UIString("Assertion failed:")];
                         if (consoleMessage.parameters)
                             args = args.concat(consoleMessage.parameters);
                         this._messageElement = this._format(args);
                         break;
                     case WebInspector.ConsoleMessage.MessageType.Dir:
                         var obj = consoleMessage.parameters ? consoleMessage.parameters[0] : undefined;
                         var args = ["%O", obj];
                         this._messageElement = this._format(args);
                         break;
                     case WebInspector.ConsoleMessage.MessageType.Profile:
                     case WebInspector.ConsoleMessage.MessageType.ProfileEnd:
                         this._messageElement = this._format([consoleMessage.messageText]);
                         break;
                     default:
                         var args = consoleMessage.parameters || [consoleMessage.messageText];
                         this._messageElement = this._format(args);
                 }
             } else if (consoleMessage.source === WebInspector.ConsoleMessage.MessageSource.Network) {
                 if (consoleMessage.request) {
-                    this._messageElement = document.createElement("span");
+                    this._messageElement = createElement("span");
                     if (consoleMessage.level === WebInspector.ConsoleMessage.MessageLevel.Error) {
                         this._messageElement.createTextChildren(consoleMessage.request.requestMethod, " ");
                         this._messageElement.appendChild(WebInspector.Linkifier.linkifyUsingRevealer(consoleMessage.request, consoleMessage.request.url, consoleMessage.request.url));
                         if (consoleMessage.request.failed)
                             this._messageElement.createTextChildren(" ", consoleMessage.request.localizedFailDescription);
                         else
                             this._messageElement.createTextChildren(" ", String(consoleMessage.request.statusCode), " (", consoleMessage.request.statusText, ")");
                     } else {
                         var fragment = WebInspector.linkifyStringAsFragmentWithCustomLinkifier(consoleMessage.messageText, linkifyRequest.bind(consoleMessage));
                         this._messageElement.appendChild(fragment);
@@ skipping 20 matching lines @@
                 var callFrame = this._callFrameAnchorFromStackTrace(consoleMessage.stackTrace, useBlackboxing);
                 if (callFrame)
                     this._anchorElement = this._linkifyCallFrame(callFrame);
                 else if (consoleMessage.url && consoleMessage.url !== "undefined")
                     this._anchorElement = this._linkifyLocation(consoleMessage.url, consoleMessage.line, consoleMessage.column);
             }
         }
 
         this._formattedMessage.appendChild(this._messageElement);
         if (this._anchorElement) {
-            this._formattedMessage.insertBefore(document.createTextNode(" "), this._formattedMessage.firstChild);
+            this._formattedMessage.insertBefore(createTextNode(" "), this._formattedMessage.firstChild);
             this._formattedMessage.insertBefore(this._anchorElement, this._formattedMessage.firstChild);
         }
 
         var dumpStackTrace = !!consoleMessage.stackTrace && consoleMessage.stackTrace.length && (consoleMessage.source === WebInspector.ConsoleMessage.MessageSource.Network || consoleMessage.level === WebInspector.ConsoleMessage.MessageLevel.Error || consoleMessage.type === WebInspector.ConsoleMessage.MessageType.Trace);
         if (dumpStackTrace) {
-            var ol = document.createElement("ol");
+            var ol = createElement("ol");
             ol.className = "outline-disclosure";
             var treeOutline = new TreeOutline(ol);
 
             var content = this._formattedMessage;
             var root = new TreeElement(content, null, true);
             root.toggleOnClick = true;
             root.selectable = false;
             content.treeElementForTest = root;
             treeOutline.appendChild(root);
             if (consoleMessage.type === WebInspector.ConsoleMessage.MessageType.Trace)
@@ skipping 105 matching lines @@
      * @return {boolean}
      */
     isErrorOrWarning: function()
     {
         return (this._message.level === WebInspector.ConsoleMessage.MessageLevel.Warning || this._message.level === WebInspector.ConsoleMessage.MessageLevel.Error);
     },
 
     _format: function(parameters)
     {
         // This node is used like a Builder. Values are continually appended onto it.
-        var formattedResult = document.createElement("span");
+        var formattedResult = createElement("span");
         if (!parameters.length)
             return formattedResult;
 
         var target = this._target();
 
         // Formatting code below assumes that parameters are all wrappers whereas frontend console
         // API allows passing arbitrary values as messages (strings, numbers, etc.). Wrap them here.
         for (var i = 0; i < parameters.length; ++i) {
             // FIXME: Only pass runtime wrappers here.
             if (parameters[i] instanceof WebInspector.RemoteObject)
@@ skipping 43 matching lines @@
     /**
      * @param {!WebInspector.RemoteObject} output
      * @param {boolean=} forceObjectFormat
      * @param {boolean=} includePreview
      * @return {!Element}
      */
     _formatParameter: function(output, forceObjectFormat, includePreview)
     {
         var type = forceObjectFormat ? "object" : (output.subtype || output.type);
         var formatter = this._customFormatters[type] || this._formatParameterAsValue;
-        var span = document.createElement("span");
+        var span = createElement("span");
         span.className = "console-formatted-" + type + " source-code";
         formatter.call(this, output, span, includePreview);
         return span;
     },
 
     /**
      * @param {!WebInspector.RemoteObject} obj
      * @param {!Element} elem
      */
     _formatParameterAsValue: function(obj, elem)
@@ skipping 13 matching lines @@
         this._formatParameterAsArrayOrObject(obj, elem, includePreview);
     },
 
     /**
      * @param {!WebInspector.RemoteObject} obj
      * @param {!Element} elem
      * @param {boolean=} includePreview
      */
     _formatParameterAsArrayOrObject: function(obj, elem, includePreview)
     {
-        var titleElement = document.createElement("span");
+        var titleElement = createElement("span");
         if (includePreview && obj.preview) {
             titleElement.classList.add("console-object-preview");
             var lossless = this._appendObjectPreview(titleElement, obj.preview, obj);
             if (lossless) {
                 elem.appendChild(titleElement);
                 titleElement.addEventListener("contextmenu", this._contextMenuEventFired.bind(this, obj), false);
                 return;
             }
         } else {
             titleElement.createTextChild(obj.description || "");
@@ skipping 109 matching lines @@
     },
 
     /**
      * @param {string} type
      * @param {string=} subtype
      * @param {string=} description
      * @return {!Element}
      */
     _renderPropertyPreview: function(type, subtype, description)
     {
-        var span = document.createElementWithClass("span", "console-formatted-" + (subtype || type));
+        var span = createElementWithClass("span", "console-formatted-" + (subtype || type));
         description = description || "";
 
         if (type === "function") {
             span.textContent = "function";
             return span;
         }
 
         if (type === "object" && subtype === "node" && description) {
             span.classList.add("console-formatted-preview-node");
             WebInspector.DOMPresentationUtils.createSpansForNodeTitle(span, description);
@@ skipping 51 matching lines @@
         else
             array.getOwnProperties(this._printArray.bind(this, array, elem));
     },
 
     /**
      * @param {!Array.<!WebInspector.RemoteObject>} parameters
      * @return {!Element}
      */
     _formatParameterAsTable: function(parameters)
     {
-        var element = document.createElement("span");
+        var element = createElement("span");
         var table = parameters[0];
         if (!table || !table.preview)
             return element;
 
         var columnNames = [];
         var preview = table.preview;
         var rows = [];
         for (var i = 0; i < preview.properties.length; ++i) {
             var rowProperty = preview.properties[i];
             var rowPreview = rowProperty.valuePreview;
@@ skipping 44 matching lines @@
         this._dataGridParents.set(dataGrid, dataGridContainer);
         return element;
     },
 
     /**
      * @param {!WebInspector.RemoteObject} output
      * @param {!Element} elem
      */
     _formatParameterAsString: function(output, elem)
     {
-        var span = document.createElement("span");
+        var span = createElement("span");
         span.className = "console-formatted-string source-code";
         span.appendChild(WebInspector.linkifyStringAsFragment(output.description || ""));
 
         // Make black quotes.
         elem.classList.remove("console-formatted-string");
         elem.createTextChild("\"");
         elem.appendChild(span);
         elem.createTextChild("\"");
     },
 
@@ skipping 148 matching lines @@
 
         function bypassFormatter(obj)
         {
             return (obj instanceof Node) ? obj : "";
         }
 
         var currentStyle = null;
         function styleFormatter(obj)
         {
             currentStyle = {};
-            var buffer = document.createElement("span");
+            var buffer = createElement("span");
             buffer.setAttribute("style", obj.description);
             for (var i = 0; i < buffer.style.length; i++) {
                 var property = buffer.style[i];
                 if (isWhitelistedProperty(property))
                     currentStyle[property] = buffer.style[property];
             }
         }
 
         function isWhitelistedProperty(property)
         {
@@ skipping 21 matching lines @@
 
         formatters._ = bypassFormatter;
 
         function append(a, b)
         {
             if (b instanceof Node)
                 a.appendChild(b);
             else if (typeof b !== "undefined") {
                 var toAppend = WebInspector.linkifyStringAsFragment(String(b));
                 if (currentStyle) {
-                    var wrapper = document.createElement('span');
+                    var wrapper = createElement('span');
                     for (var key in currentStyle)
                         wrapper.style[key] = currentStyle[key];
                     wrapper.appendChild(toAppend);
                     toAppend = wrapper;
                 }
                 a.appendChild(toAppend);
             }
             return a;
         }
 
@@ skipping 101 matching lines @@
     },
 
     /**
      * @return {!Element}
      */
     contentElement: function()
     {
         if (this._element)
             return this._element;
 
-        var element = document.createElementWithClass("div", "console-message");
+        var element = createElementWithClass("div", "console-message");
         this._element = element;
 
         switch (this._message.level) {
         case WebInspector.ConsoleMessage.MessageLevel.Log:
             element.classList.add("console-log-level");
             break;
         case WebInspector.ConsoleMessage.MessageLevel.Debug:
             element.classList.add("console-debug-level");
             break;
         case WebInspector.ConsoleMessage.MessageLevel.Warning:
@@ skipping 21 matching lines @@
     },
 
     /**
      * @return {!Element}
      */
     toMessageElement: function()
     {
         if (this._wrapperElement)
             return this._wrapperElement;
 
-        this._wrapperElement = document.createElementWithClass("div", "console-message-wrapper");
+        this._wrapperElement = createElementWithClass("div", "console-message-wrapper");
         this._nestingLevelMarkers = [];
         for (var i = 0; i < this._nestingLevel; ++i)
             this._nestingLevelMarkers.push(this._wrapperElement.createChild("div", "nesting-level-marker"));
         this._updateCloseGroupDecorations();
         this._wrapperElement.message = this;
 
         this._wrapperElement.appendChild(this.contentElement());
         return this._wrapperElement;
     },
 
     /**
      * @param {!TreeElement} parentTreeElement
      */
     _populateStackTraceTreeElement: function(parentTreeElement)
     {
         /**
          * @param {!Array.<!ConsoleAgent.CallFrame>=} stackTrace
          * @this {WebInspector.ConsoleViewMessage}
          */
         function appendStackTrace(stackTrace)
         {
             if (!stackTrace)
                 return;
 
             for (var i = 0; i < stackTrace.length; i++) {
                 var frame = stackTrace[i];
 
-                var content = document.createElementWithClass("div", "stacktrace-entry");
+                var content = createElementWithClass("div", "stacktrace-entry");
                 var functionName = frame.functionName || WebInspector.UIString("(anonymous function)");
                 if (frame.scriptId) {
                     var urlElement = this._linkifyCallFrame(frame);
                     if (!urlElement)
                         continue;
                     content.appendChild(urlElement);
                     content.createTextChild(" ");
                 }
 
                 content.createChild("span", "console-message-text source-code").textContent = functionName;
                 parentTreeElement.appendChild(new TreeElement(content));
             }
         }
 
         appendStackTrace.call(this, this._message.stackTrace);
 
         for (var asyncTrace = this._message.asyncStackTrace; asyncTrace; asyncTrace = asyncTrace.asyncStackTrace) {
             if (!asyncTrace.callFrames || !asyncTrace.callFrames.length)
                 break;
-            var content = document.createElementWithClass("div", "stacktrace-entry");
+            var content = createElementWithClass("div", "stacktrace-entry");
             var description = WebInspector.asyncStackTraceLabel(asyncTrace.description);
             content.createChild("span", "console-message-text source-code console-async-trace-text").textContent = description;
             parentTreeElement.appendChild(new TreeElement(content));
             appendStackTrace.call(this, asyncTrace.callFrames);
         }
     },
 
     resetIncrementRepeatCount: function()
     {
         this._repeatCount = 1;
         if (!this._repeatCountElement)
             return;
 
         this._repeatCountElement.remove();
         delete this._repeatCountElement;
     },
 
     incrementRepeatCount: function()
     {
         this._repeatCount++;
         this._showRepeatCountElement();
     },
 
     _showRepeatCountElement: function()
     {
         if (!this._element)
             return;
 
         if (!this._repeatCountElement) {
-            this._repeatCountElement = document.createElement("span");
+            this._repeatCountElement = createElement("span");
             this._repeatCountElement.className = "bubble-repeat-count";
 
             this._element.insertBefore(this._repeatCountElement, this._element.firstChild);
             this._element.classList.add("repeated-message");
         }
         this._repeatCountElement.textContent = this._repeatCount;
     },
 
     /**
      * @return {string}
@@ skipping 135 matching lines @@
     {
         if (!this._wrapperElement) {
             WebInspector.ConsoleViewMessage.prototype.toMessageElement.call(this);
             this._wrapperElement.classList.toggle("collapsed", this._collapsed);
         }
         return this._wrapperElement;
     },
 
     __proto__: WebInspector.ConsoleViewMessage.prototype
 }