[DevTools] Turn WebInspector.Panel into a web component.

third_party/WebKit/LayoutTests/inspector/console/console-viewport-selection.html

Index: third_party/WebKit/LayoutTests/inspector/console/console-viewport-selection.html
diff --git a/third_party/WebKit/LayoutTests/inspector/console/console-viewport-selection.html b/third_party/WebKit/LayoutTests/inspector/console/console-viewport-selection.html
index c991d790704d409814f96ecc1a36075efb3eb806..5b0110f7a0d71ae1b669600f77ce5dce7eb0b5d7 100644
--- a/third_party/WebKit/LayoutTests/inspector/console/console-viewport-selection.html
+++ b/third_party/WebKit/LayoutTests/inspector/console/console-viewport-selection.html
@@ -121,7 +121,7 @@ function test()
 
         function testRemoveSelection(next)
         {
-            var selection = window.getSelection();
+            var selection = viewport.element.getComponentSelection();
             selection.removeAllRanges();
             dumpSelectionModel();
             dumpViewportRenderedItems();
@@ -161,7 +161,7 @@ function test()
             while (blueSpan.nodeName !== "SPAN" || blueSpan.textContent !== "world")
                 blueSpan = blueSpan.traverseNextNode();
 
-            window.getSelection().setBaseAndExtent(blueSpan, 0, blueSpan, blueSpan.textContent.length);
+            viewport.element.getComponentSelection().setBaseAndExtent(blueSpan, 0, blueSpan, blueSpan.textContent.length);
             InspectorTest.addResult("Selected text: " + viewport._selectedText());
             next();
         },
@@ -173,7 +173,7 @@ function test()
             // Set some initial selection in console.
             var base = consoleView.itemElement(messagesCount - 2).element();
             var extent = consoleView.itemElement(messagesCount - 1).element();
-            window.getSelection().setBaseAndExtent(base, 0, extent, 0);
+            viewport.element.getComponentSelection().setBaseAndExtent(base, 0, extent, 0);
 
             // Try to select all messages.
             document.execCommand("selectAll");
@@ -193,13 +193,13 @@ function test()
             var textNodeBase = consoleView.itemElement(1).element().traverseNextTextNode();
             var textNodeExtent = consoleView.itemElement(2).element().traverseNextTextNode();
 
-            window.getSelection().setBaseAndExtent(nonTextNodeBase, 0, nonTextNodeExtent, 0);
+            viewport.element.getComponentSelection().setBaseAndExtent(nonTextNodeBase, 0, nonTextNodeExtent, 0);
             InspectorTest.addResult("Selected text: " + viewport._selectedText());
 
-            window.getSelection().setBaseAndExtent(textNodeBase, 0, nonTextNodeExtent, 0);
+            viewport.element.getComponentSelection().setBaseAndExtent(textNodeBase, 0, nonTextNodeExtent, 0);
             InspectorTest.addResult("Selected text: " + viewport._selectedText());
 
-            window.getSelection().setBaseAndExtent(nonTextNodeBase, 0, textNodeExtent, 0);
+            viewport.element.getComponentSelection().setBaseAndExtent(nonTextNodeBase, 0, textNodeExtent, 0);
             InspectorTest.addResult("Selected text: " + viewport._selectedText());
 
             next();
@@ -248,7 +248,7 @@ function test()
     function emulateShiftClickOnMessage(messageIndex)
     {
         viewport.refresh();
-        var selection = window.getSelection();
+        var selection = viewport.element.getComponentSelection();
         if (!selection || !selection.rangeCount) {
             InspectorTest.addResult("FAILURE: There's no selection");
             return;
@@ -287,7 +287,7 @@ function test()
 
         var from = selectionContainerAndOffset(consoleView.itemElement(fromMessage).element(), fromTextOffset);
         var to = selectionContainerAndOffset(consoleView.itemElement(toMessage).element(), toTextOffset);
-        window.getSelection().setBaseAndExtent(from.container, from.offset, to.container, to.offset);
+        viewport.element.getComponentSelection().setBaseAndExtent(from.container, from.offset, to.container, to.offset);
         viewport.refresh();
     }
 }