DevTools: Get rid of WebInspector.panels

LayoutTests/http/tests/inspector/elements-test.js

 var initialize_ElementTest = function() {
 
 InspectorTest.findNode = function(matchFunction, callback)
 {
     callback = InspectorTest.safeWrap(callback);
     var result = null;
     var pendingRequests = 0;
     function processChildren(node)
     {
         try {
@@ skipping 146 matching lines @@
     }
 }
 
 InspectorTest.selectNodeAndWaitForStylesWithComputed = function(idValue, callback)
 {
     callback = InspectorTest.safeWrap(callback);
 
     function stylesCallback(targetNode)
     {
         InspectorTest.addSniffer(WebInspector.ComputedStyleSidebarPane.prototype, "onContentReady", callback);
-        WebInspector.panels.elements.sidebarPanes.computedStyle.expand();
+        WebInspector.inspectorView.panel("elements").sidebarPanes.computedStyle.expand();
     }
 
     InspectorTest.selectNodeAndWaitForStyles(idValue, stylesCallback);
 }
 
 InspectorTest.firstElementsTreeOutline = function()
 {
-    return WebInspector.panels.elements._treeOutlines[0];
+    return WebInspector.inspectorView.panel("elements")._treeOutlines[0];
 }
 
 InspectorTest.dumpSelectedElementStyles = function(excludeComputed, excludeMatched, omitLonghands, includeSelectorGroupMarks)
 {
     function extractText(element)
     {
         var text = element.textContent;
         if (text)
             return text;
         var anchor = element.querySelector("[data-uncopyable]");
@@ skipping 10 matching lines @@
         var result = "";
         for (var node = element.firstChild; node; node = node.nextSibling) {
             if (node.nodeType === Node.ELEMENT_NODE && node.classList.contains("selector-matches"))
                 result += "[$" + node.textContent + "$]";
             else
                 result += node.textContent;
         }
         return result;
     }
 
-    var styleSections = WebInspector.panels.elements.sidebarPanes.styles.sections;
+    var styleSections = WebInspector.inspectorView.panel("elements").sidebarPanes.styles.sections;
     for (var pseudoId in styleSections) {
         var pseudoName = WebInspector.StylesSidebarPane.PseudoIdNames[pseudoId];
         var sections = styleSections[pseudoId];
         for (var i = 0; i < sections.length; ++i) {
             var section = sections[i];
             if (section.computedStyle && excludeComputed)
                 continue;
             if (section.rule && excludeMatched)
                 continue;
             if (section.element && section.element.classList.contains("user-rule") && !WebInspector.settings.showUserAgentStyles.get())
@@ skipping 36 matching lines @@
 
 InspectorTest.expandAndDumpSelectedElementEventListeners = function(callback)
 {
     InspectorTest.expandSelectedElementEventListeners(function() {
         InspectorTest.dumpSelectedElementEventListeners(callback);
     });
 }
 
 InspectorTest.expandSelectedElementEventListeners = function(callback)
 {
-    var sidebarPane = WebInspector.panels.elements.sidebarPanes.eventListeners;
+    var sidebarPane = WebInspector.inspectorView.panel("elements").sidebarPanes.eventListeners;
     sidebarPane.expand();
 
     InspectorTest.runAfterPendingDispatches(function() {
         InspectorTest.expandSelectedElementEventListenersSubsections(callback);
     });
 }
 
 InspectorTest.expandSelectedElementEventListenersSubsections = function(callback)
 {
-    var eventListenerSections = WebInspector.panels.elements.sidebarPanes.eventListeners.sections;
+    var eventListenerSections = WebInspector.inspectorView.panel("elements").sidebarPanes.eventListeners.sections;
     for (var i = 0; i < eventListenerSections.length; ++i)
         eventListenerSections[i].expand();
 
     // Multiple sections may expand.
     InspectorTest.runAfterPendingDispatches(function() {
         InspectorTest.expandSelectedElementEventListenersEventBars(callback);
     });
 }
 
 InspectorTest.expandSelectedElementEventListenersEventBars = function(callback)
 {
-    var eventListenerSections = WebInspector.panels.elements.sidebarPanes.eventListeners.sections;
+    var eventListenerSections = WebInspector.inspectorView.panel("elements").sidebarPanes.eventListeners.sections;
     for (var i = 0; i < eventListenerSections.length; ++i) {
         var eventBarChildren = eventListenerSections[i]._eventBars.children;
         for (var j = 0; j < eventBarChildren.length; ++j)
             eventBarChildren[j]._section.expand();
     }
 
     // Multiple sections may expand.
     InspectorTest.runAfterPendingDispatches(callback);
 }
 
 InspectorTest.dumpSelectedElementEventListeners = function(callback)
 {
     function formatSourceNameProperty(value)
     {
         return "[clipped-for-test]/" + value.replace(/(.*?\/)LayoutTests/, "LayoutTests");
     }
 
-    var eventListenerSections = WebInspector.panels.elements.sidebarPanes.eventListeners.sections;
+    var eventListenerSections = WebInspector.inspectorView.panel("elements").sidebarPanes.eventListeners.sections;
     for (var i = 0; i < eventListenerSections.length; ++i) {
         var section = eventListenerSections[i];
         var eventType = section._title;
         InspectorTest.addResult("");
         InspectorTest.addResult("======== " + eventType + " ========");
         var eventBarChildren = section._eventBars.children;
         for (var j = 0; j < eventBarChildren.length; ++j) {
             var objectPropertiesSection = eventBarChildren[j]._section;
             InspectorTest.dumpObjectPropertySection(objectPropertiesSection, {
                 sourceName: formatSourceNameProperty
@@ skipping 40 matching lines @@
 
     var childNodes = section.propertiesTreeOutline.children;
     for (var i = 0; i < childNodes.length; i++) {
         dumpTreeElementRecursively(childNodes[i], "");
     }
 }
 
 // FIXME: this returns the first tree item found (may fail for same-named properties in a style).
 InspectorTest.getElementStylePropertyTreeItem = function(propertyName)
 {
-    var styleSections = WebInspector.panels.elements.sidebarPanes.styles.sections[0];
+    var styleSections = WebInspector.inspectorView.panel("elements").sidebarPanes.styles.sections[0];
     var elementStyleSection = styleSections[1];
     return InspectorTest.getFirstPropertyTreeItemForSection(elementStyleSection, propertyName);
 };
 
 // FIXME: this returns the first tree item found (may fail for same-named properties in a style).
 InspectorTest.getMatchedStylePropertyTreeItem = function(propertyName)
 {
-    var styleSections = WebInspector.panels.elements.sidebarPanes.styles.sections[0];
+    var styleSections = WebInspector.inspectorView.panel("elements").sidebarPanes.styles.sections[0];
     for (var i = 1; i < styleSections.length; ++i) {
         var treeItem = InspectorTest.getFirstPropertyTreeItemForSection(styleSections[i], propertyName);
         if (treeItem)
             return treeItem;
     }
     return null;
 };
 
 InspectorTest.getFirstPropertyTreeItemForSection = function(section, propertyName)
 {
@@ skipping 338 matching lines @@
     var selectors = [];
     for (var i = 0; i < rule.matchingSelectors.length; ++i)
         selectors.push(rule.selectors[rule.matchingSelectors[i]].value);
     return "[" + selectors.join(", ") + "]";
 }
 
 InspectorTest.addNewRule = function(selector, callback)
 {
     // Click "Add new rule".
     document.getElementById("add-style-button-test-id").click();
-    var section = WebInspector.panels.elements.sidebarPanes.styles.sections[0][2];
+    var section = WebInspector.inspectorView.panel("elements").sidebarPanes.styles.sections[0][2];
     if (typeof selector === "string")
         section._selectorElement.textContent = selector;
     section._selectorElement.dispatchEvent(InspectorTest.createKeyEvent("Enter"));
     InspectorTest.addSniffer(WebInspector.BlankStylePropertiesSection.prototype, "makeNormal", callback);
 }
 
 InspectorTest.dumpInspectorHighlight = function(node, callback)
 {
     node.boxModel(function(boxModel) {
         var rectNames = ["margin", "border", "padding", "content"];
         for (var i = 0; i < rectNames.length; i++) {
             var rect = boxModel[rectNames[i]];
             InspectorTest.addResult(rectNames[i] + " rect is " + (rect[4] - rect[0]) + " x " + (rect[5] - rect[1]) + " at (" + rect[0] + ", " + rect[1] + ")");
         }
         callback();
    });
 }
 
 InspectorTest.dumpInspectorHighlightShape = function(node, callback)
 {
     node.boxModel(function(shapes) {
         InspectorTest.addResult(JSON.stringify(shapes.shapeOutside.shape));
         callback();
     });
 }
 
 };