[DevTools] Replace usages of document with custom functions.

Source/devtools/front_end/main/OverridesView.js

 /*
  * Copyright (C) 2014 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 191 matching lines @@
     var footnote = this.element.createChild("p", "help-footnote");
     var footnoteLink = footnote.createChild("a");
     footnoteLink.href = "https://developers.google.com/chrome-developer-tools/docs/mobile-emulation";
     footnoteLink.target = "_blank";
     footnoteLink.createTextChild(WebInspector.UIString("More information about screen emulation"));
 }
 
 WebInspector.OverridesView.DeviceTab.prototype = {
     _createDeviceElement: function()
     {
-        var fieldsetElement = document.createElement("fieldset");
+        var fieldsetElement = createElement("fieldset");
         fieldsetElement.id = "metrics-override-section";
 
         var deviceModelElement = fieldsetElement.createChild("p", "overrides-device-model-section");
         deviceModelElement.createChild("span").textContent = WebInspector.UIString("Model:");
 
         var deviceSelectElement = WebInspector.OverridesUI.createDeviceSelect(document, this._showTitleDialog.bind(this));
         var buttons = deviceSelectElement.querySelectorAll("button");
         for (var i = 0; i < buttons.length; ++i)
             buttons[i].classList.add("text-button");
         deviceModelElement.appendChild(deviceSelectElement);
@@ skipping 50 matching lines @@
 
 /**
  * @constructor
  * @extends {WebInspector.DialogDelegate}
  * @param {!function(string)} callback
  */
 WebInspector.OverridesView.DeviceTab.CustomDeviceTitleDialog = function(callback)
 {
     WebInspector.DialogDelegate.call(this);
 
-    this.element = document.createElementWithClass("div", "custom-device-title-dialog");
+    this.element = createElementWithClass("div", "custom-device-title-dialog");
     this.element.createChild("label").textContent = WebInspector.UIString("Save as: ");
 
     this._input = this.element.createChild("input");
     this._input.setAttribute("type", "text");
     this._input.placeholder = WebInspector.UIString("device model name");
     this._input.addEventListener("input", this._onInput.bind(this), false);
 
     this._saveButton = this.element.createChild("button");
     this._saveButton.textContent = WebInspector.UIString("Save");
     this._saveButton.addEventListener("click", this._onSaveClick.bind(this), false);
@@ skipping 61 matching lines @@
         var fieldsetElement = WebInspector.SettingsUI.createSettingFieldset(WebInspector.overridesSupport.settings.overrideCSSMedia);
         var mediaSelectElement = fieldsetElement.createChild("select");
         var mediaTypes = WebInspector.CSSStyleModel.MediaTypes;
         var defaultMedia = WebInspector.overridesSupport.settings.emulatedCSSMedia.get();
         for (var i = 0; i < mediaTypes.length; ++i) {
             var mediaType = mediaTypes[i];
             if (mediaType === "all") {
                 // "all" is not a device-specific media type.
                 continue;
             }
-            var option = document.createElement("option");
+            var option = createElement("option");
             option.text = mediaType;
             option.value = mediaType;
             mediaSelectElement.add(option);
             if (mediaType === defaultMedia)
                 mediaSelectElement.selectedIndex = mediaSelectElement.options.length - 1;
         }
 
         mediaSelectElement.addEventListener("change", this._emulateMediaChanged.bind(this, mediaSelectElement), false);
-        var fragment = document.createDocumentFragment();
+        var fragment = createDocumentFragment();
         fragment.appendChild(checkbox);
         fragment.appendChild(fieldsetElement);
         this.element.appendChild(fragment);
     },
 
     _emulateMediaChanged: function(select)
     {
         var media = select.options[select.selectedIndex].value;
         WebInspector.overridesSupport.settings.emulatedCSSMedia.set(media);
     },
@@ skipping 131 matching lines @@
         var cellElement = rowElement.createChild("td");
         cellElement = rowElement.createChild("td");
         cellElement.createTextChild(WebInspector.UIString("Lat = "));
         this._latitudeElement = WebInspector.SettingsUI.createInput(cellElement, "geolocation-override-latitude", String(geolocation.latitude), this._applyGeolocationUserInput.bind(this), true);
         cellElement.createTextChild(" , ");
         cellElement.createTextChild(WebInspector.UIString("Lon = "));
         this._longitudeElement = WebInspector.SettingsUI.createInput(cellElement, "geolocation-override-longitude", String(geolocation.longitude), this._applyGeolocationUserInput.bind(this), true);
         rowElement = tableElement.createChild("tr");
         cellElement = rowElement.createChild("td");
         cellElement.colSpan = 2;
-        var geolocationErrorLabelElement = document.createElement("label");
+        var geolocationErrorLabelElement = createElement("label");
         var geolocationErrorCheckboxElement = geolocationErrorLabelElement.createChild("input");
         geolocationErrorCheckboxElement.id = "geolocation-error";
         geolocationErrorCheckboxElement.type = "checkbox";
         geolocationErrorCheckboxElement.checked = !geolocation || geolocation.error;
         geolocationErrorCheckboxElement.addEventListener("click", this._applyGeolocationUserInput.bind(this), false);
         geolocationErrorLabelElement.createTextChild(WebInspector.UIString("Emulate position unavailable"));
         this._geolocationErrorElement = geolocationErrorCheckboxElement;
         cellElement.appendChild(geolocationErrorLabelElement);
 
         return fieldsetElement;
@@ skipping 194 matching lines @@
     /**
      * @param {!Object} overridesSupport
      * @return {!Promise}
      */
     reveal: function(overridesSupport)
     {
         WebInspector.inspectorView.showViewInDrawer("emulation");
         return Promise.resolve();
     }
 }