[DevTools] Replace usages of document with custom functions.

Source/devtools/front_end/sources/BreakpointsSidebarPane.js

 /*
  * Copyright (C) 2008 Apple 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
  *    notice, this list of conditions and the following disclaimer.
  * 2. Redistributions in binary form must reproduce the above copyright
  *    notice, this list of conditions and the following disclaimer in the
@@ skipping 19 matching lines @@
  * @param {function(!WebInspector.UISourceCode, number=, number=, boolean=)} showSourceLineDelegate
  */
 WebInspector.JavaScriptBreakpointsSidebarPane = function(breakpointManager, showSourceLineDelegate)
 {
     WebInspector.SidebarPane.call(this, WebInspector.UIString("Breakpoints"));
     this.registerRequiredCSS("breakpointsList.css");
 
     this._breakpointManager = breakpointManager;
     this._showSourceLineDelegate = showSourceLineDelegate;
 
-    this.listElement = document.createElementWithClass("ol", "breakpoint-list");
+    this.listElement = createElementWithClass("ol", "breakpoint-list");
 
     this.emptyElement = this.bodyElement.createChild("div", "info");
     this.emptyElement.textContent = WebInspector.UIString("No Breakpoints");
 
     this._items = new Map();
 
     var breakpointLocations = this._breakpointManager.allBreakpointLocations();
     for (var i = 0; i < breakpointLocations.length; ++i)
         this._addBreakpoint(breakpointLocations[i].breakpoint, breakpointLocations[i].uiLocation);
 
@@ skipping 34 matching lines @@
         var uiLocation = /** @type {!WebInspector.UILocation} */ (event.data.uiLocation);
         this._addBreakpoint(breakpoint, uiLocation);
     },
 
     /**
      * @param {!WebInspector.BreakpointManager.Breakpoint} breakpoint
      * @param {!WebInspector.UILocation} uiLocation
      */
     _addBreakpoint: function(breakpoint, uiLocation)
     {
-        var element = document.createElementWithClass("li", "cursor-pointer");
+        var element = createElementWithClass("li", "cursor-pointer");
         element.addEventListener("contextmenu", this._breakpointContextMenu.bind(this, breakpoint), true);
         element.addEventListener("click", this._breakpointClicked.bind(this, uiLocation), false);
 
         var checkbox = element.createChild("input", "checkbox-elem");
         checkbox.type = "checkbox";
         checkbox.checked = breakpoint.enabled();
         checkbox.addEventListener("click", this._breakpointCheckboxClicked.bind(this, breakpoint), false);
 
         element.createTextChild(uiLocation.linkText());
 
@@ skipping 211 matching lines @@
         contextMenu.show();
     },
 
     _addButtonClicked: function(event)
     {
         if (event)
             event.consume();
 
         this.expand();
 
-        var inputElementContainer = document.createElementWithClass("p", "breakpoint-condition");
+        var inputElementContainer = createElementWithClass("p", "breakpoint-condition");
         inputElementContainer.textContent = WebInspector.UIString("Break when URL contains:");
 
         var inputElement = inputElementContainer.createChild("span", "editing");
         inputElement.id = "breakpoint-condition-input";
         this.addListElement(inputElementContainer, /** @type {?Element} */ (this.listElement.firstChild));
 
         /**
          * @param {boolean} accept
          * @param {!Element} e
          * @param {string} text
@@ skipping 18 matching lines @@
      * @param {!WebInspector.Target=} target
      */
     _setBreakpoint: function(url, enabled, target)
     {
         if (enabled)
             this._updateBreakpointOnTarget(url, true, target);
 
         if (url in this._breakpointElements)
             return;
 
-        var element = document.createElement("li");
+        var element = createElement("li");
         element._url = url;
         element.addEventListener("contextmenu", this._contextMenu.bind(this, url), true);
 
         var checkboxElement = element.createChild("input", "checkbox-elem");
         checkboxElement.type = "checkbox";
         checkboxElement.checked = enabled;
         checkboxElement.addEventListener("click", this._checkboxClicked.bind(this, url), false);
         element._checkboxElement = checkboxElement;
 
         var labelElement = element.createChild("span", "cursor-auto");
@@ skipping 77 matching lines @@
 
     _checkboxClicked: function(url, event)
     {
         this._updateBreakpointOnTarget(url, event.target.checked);
         this._saveBreakpoints();
     },
 
     _labelClicked: function(url)
     {
         var element = this._breakpointElements[url];
-        var inputElement = document.createElementWithClass("span", "breakpoint-condition editing");
+        var inputElement = createElementWithClass("span", "breakpoint-condition editing");
         inputElement.textContent = url;
         this.listElement.insertBefore(inputElement, element);
         element.classList.add("hidden");
 
         /**
          * @param {boolean} accept
          * @param {!Element} e
          * @param {string} text
          * @this {WebInspector.XHRBreakpointsSidebarPane}
          */
@@ skipping 143 matching lines @@
     targetRemoved: function(target) { },
 
     /**
      * @param {string} name
      * @param {!Array.<string>} eventNames
      * @param {boolean=} isInstrumentationEvent
      * @param {!Array.<string>=} targetNames
      */
     _createCategory: function(name, eventNames, isInstrumentationEvent, targetNames)
     {
-        var labelNode = document.createElement("label");
+        var labelNode = createElement("label");
         labelNode.textContent = name;
 
         var categoryItem = {};
         categoryItem.element = new TreeElement(labelNode);
         this.categoriesTreeOutline.appendChild(categoryItem.element);
         categoryItem.element.listItemElement.classList.add("event-category");
         categoryItem.element.selectable = true;
 
         categoryItem.checkbox = this._createCheckbox(labelNode);
         categoryItem.checkbox.addEventListener("click", this._categoryCheckboxClicked.bind(this, categoryItem), true);
 
         categoryItem.targetNames = this._stringArrayToLowerCase(targetNames || [WebInspector.EventListenerBreakpointsSidebarPane.eventTargetAny]);
         categoryItem.children = {};
         var category = (isInstrumentationEvent ? WebInspector.EventListenerBreakpointsSidebarPane.categoryInstrumentation :  WebInspector.EventListenerBreakpointsSidebarPane.categoryListener);
         for (var i = 0; i < eventNames.length; ++i) {
             var eventName = category + eventNames[i];
 
             var breakpointItem = {};
             var title = WebInspector.EventListenerBreakpointsSidebarPane.eventNameForUI(eventName);
 
-            labelNode = document.createElement("label");
+            labelNode = createElement("label");
             labelNode.textContent = title;
 
             breakpointItem.element = new TreeElement(labelNode);
             categoryItem.element.appendChild(breakpointItem.element);
 
             breakpointItem.element.listItemElement.createChild("div", "breakpoint-hit-marker");
             breakpointItem.element.listItemElement.classList.add("source-code");
             breakpointItem.element.selectable = false;
 
             breakpointItem.checkbox = this._createCheckbox(labelNode);
@@ skipping 15 matching lines @@
             return value.toLowerCase();
         });
     },
 
     /**
      * @param {!Element} labelNode
      * @return {!Element}
      */
     _createCheckbox: function(labelNode)
     {
-        var checkbox = document.createElementWithClass("input", "checkbox-elem");
+        var checkbox = createElementWithClass("input", "checkbox-elem");
         checkbox.type = "checkbox";
         labelNode.insertBefore(checkbox, labelNode.firstChild);
         return checkbox;
     },
 
     _categoryCheckboxClicked: function(categoryItem)
     {
         var checked = categoryItem.checkbox.checked;
         for (var eventName in categoryItem.children) {
             var breakpointItem = categoryItem.children[eventName];
@@ skipping 174 matching lines @@
         var breakpoints = WebInspector.settings.eventListenerBreakpoints.get();
         for (var i = 0; i < breakpoints.length; ++i) {
             var breakpoint = breakpoints[i];
             if (breakpoint && typeof breakpoint.eventName === "string")
                 this._setBreakpoint(breakpoint.eventName, breakpoint.targetNames, target);
         }
     },
 
     __proto__: WebInspector.SidebarPane.prototype
 }