[DevTools] Replace usages of document with custom functions.

Source/devtools/front_end/components/DOMBreakpointsSidebarPane.js

 /*
  * 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:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 142 matching lines @@
                     substitutions.push(targetNodeLink);
                 } else
                     message = "Paused on a \"%s\" breakpoint set on %s, because a new child was added to that node.";
             } else {
                 message = "Paused on a \"%s\" breakpoint set on %s, because its descendant %s was removed.";
                 substitutions.push(targetNodeLink);
             }
         } else
             message = "Paused on a \"%s\" breakpoint set on %s.";
 
-        var element = document.createElement("span");
+        var element = createElement("span");
         var formatters = {
             s: function(substitution)
             {
                 return substitution;
             }
         };
         function append(a, b)
         {
             if (typeof b === "string")
-                b = document.createTextNode(b);
+                b = createTextNode(b);
             element.appendChild(b);
         }
         WebInspector.formatLocalized(message, substitutions, formatters, "", append);
 
         callback(element);
     },
 
     _nodeRemoved: function(event)
     {
         var node = event.data.node;
@@ skipping 37 matching lines @@
             DOMDebuggerAgent.setDOMBreakpoint(node.id, type);
     },
 
     /**
      * @param {!WebInspector.DOMNode} node
      * @param {string} type
      * @param {boolean} enabled
      */
     _createBreakpointElement: function(node, type, enabled)
     {
-        var element = document.createElement("li");
+        var element = createElement("li");
         element._node = node;
         element._type = type;
         element.addEventListener("contextmenu", this._contextMenu.bind(this, node, type), true);
 
-        var checkboxElement = document.createElement("input");
+        var checkboxElement = createElement("input");
         checkboxElement.className = "checkbox-elem";
         checkboxElement.type = "checkbox";
         checkboxElement.checked = enabled;
         checkboxElement.addEventListener("click", this._checkboxClicked.bind(this, node, type), false);
         element._checkboxElement = checkboxElement;
         element.appendChild(checkboxElement);
 
-        var labelElement = document.createElement("span");
+        var labelElement = createElement("span");
         element.appendChild(labelElement);
 
         var linkifiedNode = WebInspector.DOMPresentationUtils.linkifyNodeReference(node);
         linkifiedNode.classList.add("monospace");
         labelElement.appendChild(linkifiedNode);
 
-        var description = document.createElement("div");
+        var description = createElement("div");
         description.className = "source-text";
         description.textContent = this._breakpointTypeLabels[type];
         labelElement.appendChild(description);
 
         var currentElement = this.listElement.firstChild;
         while (currentElement) {
             if (currentElement._type && currentElement._type < element._type)
                 break;
             currentElement = currentElement.nextSibling;
         }
@@ skipping 212 matching lines @@
             this.element.appendChild(this.bodyElement);
     },
 
     __proto__: WebInspector.SidebarPane.prototype
 }
 
 /**
  * @type {!WebInspector.DOMBreakpointsSidebarPane}
  */
 WebInspector.domBreakpointsSidebarPane;