[Media Router] Custom Controls 4 - Implement details view WebUI

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

 // Copyright 2016 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /** @fileoverview Suite of tests for media-router-container that focus on
  * routes.
  */
 cr.define('media_router_container_route', function() {
   function registerTests() {
     suite('MediaRouterContainerRoute', function() {
@@ skipping 75 matching lines @@
             'media_router_container.html');
       });
 
       setup(function(done) {
         PolymerTest.clearBody();
         // Initialize a media-router-container before each test.
         container = document.createElement('media-router-container');
         document.body.appendChild(container);
 
         // Get common functions and variables.
-        var test_base = media_router_container_test_base.init(container);
+        var testBase = media_router_container_test_base.init(container);
 
-        checkCurrentView = test_base.checkCurrentView;
-        checkElementsVisibleWithId = test_base.checkElementsVisibleWithId;
-        checkElementVisible = test_base.checkElementVisible;
-        checkElementText = test_base.checkElementText;
-        fakeBlockingIssue = test_base.fakeBlockingIssue;
-        fakeCastModeList = test_base.fakeCastModeList;
-        fakeNonBlockingIssue = test_base.fakeNonBlockingIssue;
-        fakeRouteList = test_base.fakeRouteList;
+        checkCurrentView = testBase.checkCurrentView;
+        checkElementsVisibleWithId = testBase.checkElementsVisibleWithId;
+        checkElementVisible = testBase.checkElementVisible;
+        checkElementText = testBase.checkElementText;
+        fakeBlockingIssue = testBase.fakeBlockingIssue;
+        fakeCastModeList = testBase.fakeCastModeList;
+        fakeNonBlockingIssue = testBase.fakeNonBlockingIssue;
+        fakeRouteList = testBase.fakeRouteList;
         fakeRouteListWithLocalRoutesOnly =
-            test_base.fakeRouteListWithLocalRoutesOnly;
-        fakeSinkList = test_base.fakeSinkList;
+            testBase.fakeRouteListWithLocalRoutesOnly;
+        fakeSinkList = testBase.fakeSinkList;
 
-        container.castModeList = test_base.fakeCastModeList;
+        container.castModeList = testBase.fakeCastModeList;
 
         // Allow for the media router container to be created, attached, and
         // listeners registered in an afterNextRender() call.
         Polymer.RenderStatus.afterNextRender(this, done);
       });
 
       // Tests for 'create-route' event firing when a sink with no associated
       // route is clicked.
       test('select sink without a route', function(done) {
         container.allSinks = fakeSinkList;
@@ skipping 126 matching lines @@
         container.routeList = fakeRouteList;
         container.maybeShowRouteDetailsOnOpen();
         checkCurrentView(media_router.MediaRouterView.ROUTE_DETAILS);
 
         container.routeList = [];
         checkCurrentView(media_router.MediaRouterView.SINK_LIST);
       });
 
       // Tests for expected visible UI when the view is ROUTE_DETAILS.
       test('route details visibility', function(done) {
-        container.showRouteDetails_();
+        container.showRouteDetails_(
+            new media_router.Route('id 3', 'sink id 3', 'Title 3', 0, true));
         setTimeout(function() {
           checkElementsVisibleWithId(['container-header',
                                       'device-missing',
                                       'route-details']);
           done();
         });
       });
 
       test('updated route in route details', function(done) {
         container.allSinks = fakeSinkList;
@@ skipping 19 matching lines @@
             assertTrue(!!container.currentRoute_);
             assertEquals(newDescription, container.currentRoute_.description);
             done();
           });
         });
       });
 
       // Tests for expected visible UI when the view is ROUTE_DETAILS, and there
       // is a non-blocking issue.
       test('route details visibility non blocking issue', function(done) {
-        container.showRouteDetails_();
+        container.showRouteDetails_(
+            new media_router.Route('id 3', 'sink id 3', 'Title 3', 0, true));
 
         // Set a non-blocking issue. The issue should be shown.
         container.issue = fakeNonBlockingIssue;
         setTimeout(function() {
           checkElementsVisibleWithId(['container-header',
                                       'device-missing',
                                       'route-details']);
           done();
         });
       });
 
       // Tests for expected visible UI when the view is ROUTE_DETAILS, and there
       // is a blocking issue.
       test('route details visibility with blocking issue', function(done) {
-        container.showRouteDetails_();
+        container.showRouteDetails_(
+            new media_router.Route('id 3', 'sink id 3', 'Title 3', 0, true));
 
         // Set a blocking issue. The issue should be shown, and everything
         // else, hidden.
         container.issue = fakeBlockingIssue;
         setTimeout(function() {
           checkElementsVisibleWithId(['container-header',
                                       'device-missing',
                                       'issue-banner']);
           done();
          });
       });
 
       test('creating route with selected cast mode', function(done) {
         container.allSinks = fakeSinkList;
-        MockInteractions.tap(container.$['container-header'].
-            $['arrow-drop-icon']);
+        MockInteractions.tap(
+            container.$$('#container-header').$['arrow-drop-icon']);
         setTimeout(function() {
           // Select cast mode 2.
           var castModeList =
               container.$$('#cast-mode-list').querySelectorAll('paper-item');
           MockInteractions.tap(castModeList[1]);
           assertEquals(fakeCastModeList[1].description, container.headerText);
           setTimeout(function() {
             var sinkList =
                 container.shadowRoot.getElementById('sink-list')
                     .querySelectorAll('paper-item');
@@ skipping 70 matching lines @@
       // selected a cast mode that is different from the current cast mode of
       // the route.
       test('cast button when selected cast mode differs', function(done) {
         container.allSinks = fakeSinkList;
         container.routeList = fakeRouteList;
         container.castModeList = fakeCastModeList;
         for (var i = 0; i < fakeRouteList.length; ++i) {
           fakeRouteList[i].currentCastMode = 2;
         }
         MockInteractions.tap(
-            container.$['container-header'].$['arrow-drop-icon']);
+            container.$$('#container-header').$$('#arrow-drop-icon'));
         setTimeout(function() {
           MockInteractions.tap(container.$$('#cast-mode-list')
                                    .querySelectorAll('paper-item')[2]);
           setTimeout(function() {
             assertTrue(container.shownCastModeValue_ != 2);
             MockInteractions.tap(
                 container.$$('#sink-list').querySelectorAll('paper-item')[0]);
             setTimeout(function() {
               checkElementVisible(
                   true, container.$$('#route-details')
                              .$$('#start-casting-to-route-button'),
                   'start-casting-to-route-button');
               done();
             });
           });
         });
       });
 
       // Tests that the route details cast button is not shown when the user has
       // selected a the same cast mode as the route's current cast mode.
       test('no cast button when selected cast mode same', function(done) {
         container.allSinks = fakeSinkList;
         container.routeList = fakeRouteList;
         container.castModeList = fakeCastModeList;
         for (var i = 0; i < fakeRouteList.length; ++i) {
           fakeRouteList[i].currentCastMode = 2;
         }
         MockInteractions.tap(
-            container.$['container-header'].$['arrow-drop-icon']);
+            container.$$('#container-header').$$('#arrow-drop-icon'));
         setTimeout(function() {
           MockInteractions.tap(container.$$('#cast-mode-list')
                                    .querySelectorAll('paper-item')[1]);
           setTimeout(function() {
             assertEquals(2, container.shownCastModeValue_);
             MockInteractions.tap(
                 container.$$('#sink-list').querySelectorAll('paper-item')[0]);
             setTimeout(function() {
               checkElementVisible(
                   false, container.$$('#route-details')
@@ skipping 50 matching lines @@
           done();
         });
       });
     });
   }
 
   return {
     registerTests: registerTests,
   };
 });