[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 61 matching lines @@
        * @type {!Array<!media_router.Route>}
        */
       var fakeRouteList = [];
 
       /**
        * The list of available sinks.
        * @type {!Array<!media_router.Sink>}
        */
       var fakeSinkList = [];
 
+      // Mock the browser API.
+      var overrideBrowserApi = function() {
+        cr.define('media_router.browserApi', function() {
+          'use strict';
+
+          function onMediaControllerClosed() {
+            container.fire('mock-media-controller-closed');
+          }
+
+          function onMediaControllerAvailable(routeId) {
+            container.fire('mock-media-controller-available',
+                           {routeId: routeId});
+          }
+
+          return {
+            onMediaControllerClosed: onMediaControllerClosed,
+            onMediaControllerAvailable: onMediaControllerAvailable,
+          };
+        });
+      }
+
       // Import media_router_container.html before running suite.
       suiteSetup(function() {
         return PolymerTest.importHtml(
             'chrome://media-router/elements/media_router_container/' +
             '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);
+        overrideBrowserApi();
 
         // Get common functions and variables.
         var test_base = 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;
@@ skipping 143 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();
          });
@@ skipping 186 matching lines @@
           done();
         });
       });
     });
   }
 
   return {
     registerTests: registerTests,
   };
 });