[Media Router WebUI] Put sink list in conditional template.

chrome/test/data/webui/media_router/media_router_container_sink_list_tests.js

Index: chrome/test/data/webui/media_router/media_router_container_sink_list_tests.js
diff --git a/chrome/test/data/webui/media_router/media_router_container_sink_list_tests.js b/chrome/test/data/webui/media_router/media_router_container_sink_list_tests.js
index 91ad26fd11a02cdce3eea61ace5168e3f736b5ab..40260c62167bdb714f9c3a9dc9208118445e3e34 100644
--- a/chrome/test/data/webui/media_router/media_router_container_sink_list_tests.js
+++ b/chrome/test/data/webui/media_router/media_router_container_sink_list_tests.js
@@ -91,7 +91,8 @@ cr.define('media_router_container_sink_list', function() {
 
         setTimeout(function() {
           var sinkList =
-              container.$['sink-list'].querySelectorAll('paper-item');
+              container.shadowRoot.getElementById('sink-list')
+                  .querySelectorAll('paper-item');
           assertEquals(fakeSinkList.length, sinkList.length);
           for (var i = 0; i < fakeSinkList.length; i++) {
             checkElementText(fakeSinkList[i].name, sinkList[i]);
@@ -118,7 +119,8 @@ cr.define('media_router_container_sink_list', function() {
 
         setTimeout(function() {
           var sinkList =
-              container.$['sink-list'].querySelectorAll('paper-item');
+              container.shadowRoot.getElementById('sink-list')
+                  .querySelectorAll('paper-item');
           assertEquals(2, sinkList.length);
 
           // |sinkList[0]| has sink name only.
@@ -150,7 +152,8 @@ cr.define('media_router_container_sink_list', function() {
 
         setTimeout(function() {
           var sinkList =
-              container.$['sink-list'].querySelectorAll('paper-item');
+              container.shadowRoot.getElementById('sink-list')
+                  .querySelectorAll('paper-item');
           assertEquals(2, sinkList.length);
 
           // |sinkList[0]| has sink name only.
@@ -172,9 +175,11 @@ cr.define('media_router_container_sink_list', function() {
 
         // Set an non-empty sink list.
         container.allSinks = fakeSinkList;
-        checkElementsVisibleWithId(['container-header',
-                                    'sink-list',
-                                    'sink-list-view']);
+        setTimeout(function() {
+          checkElementsVisibleWithId(['container-header',
+                                      'sink-list',
+                                      'sink-list-view']);
+        });
       });
 
       // Tests for expected visible UI when the view is SINK_LIST, and there is
@@ -228,7 +233,8 @@ cr.define('media_router_container_sink_list', function() {
               container.shownCastModeValue_);
           assertFalse(container.userHasSelectedCastMode_);
           var sinkList =
-              container.$['sink-list'].querySelectorAll('paper-item');
+              container.shadowRoot.getElementById('sink-list')
+                  .querySelectorAll('paper-item');
 
           // All sinks are shown in auto mode.
           assertEquals(3, sinkList.length);
@@ -254,7 +260,8 @@ cr.define('media_router_container_sink_list', function() {
             assertFalse(container.userHasSelectedCastMode_);
 
             var sinkList =
-                container.$['sink-list'].querySelectorAll('paper-item');
+                container.shadowRoot.getElementById('sink-list')
+                    .querySelectorAll('paper-item');
             assertEquals(3, sinkList.length);
 
             // When compatible cast modes size is no longer exactly 1, switch
@@ -267,7 +274,8 @@ cr.define('media_router_container_sink_list', function() {
                   container.shownCastModeValue_);
               assertFalse(container.userHasSelectedCastMode_);
               var sinkList =
-                  container.$['sink-list'].querySelectorAll('paper-item');
+                  container.shadowRoot.getElementById('sink-list')
+                      .querySelectorAll('paper-item');
 
               // All sinks are shown in auto mode.
               assertEquals(3, sinkList.length);