[Media Router] Make header text clickable to switch between sink list and cast mode views.

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

 // Copyright 2015 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-header. */
 cr.define('media_router_header', function() {
   function registerTests() {
     suite('MediaRouterHeader', function() {
       /**
        * Media Router Header created before each test.
@@ skipping 63 matching lines @@
 
       // Tests for 'back-click' event firing when the back button
       // is clicked.
       test('back button click', function(done) {
         header.addEventListener('back-click', function() {
           done();
         });
         MockInteractions.tap(header.$['back-button']);
       });
 
-      // Tests for 'arrow-drop-click' event firing when the arrow drop button
-      // is clicked.
+      // Tests for 'header-or-arrow-click' event firing when the arrow drop
+      // button is clicked on the CAST_MODE_LIST view.
       test('arrow drop icon click', function(done) {
-        header.addEventListener('arrow-drop-click', function() {
+        header.view = media_router.MediaRouterView.CAST_MODE_LIST;
+        header.addEventListener('header-or-arrow-click', function() {
           done();
         });
         MockInteractions.tap(header.$['arrow-drop-icon']);
       });
 
+      // Tests for 'header-or-arrow-click' event firing when the arrow drop
+      // button is clicked on the SINK_LIST view.
+      test('arrow drop icon click', function(done) {
+        header.view = media_router.MediaRouterView.SINK_LIST;
+        header.addEventListener('header-or-arrow-click', function() {
+          done();
+        });
+        MockInteractions.tap(header.$['arrow-drop-icon']);
+      });
+
+      // Tests for 'header-or-arrow-click' event firing when the header text is
+      // clicked on the CAST_MODE_LIST view.
+      test('header text click on cast mode list view', function(done) {
+        header.view = media_router.MediaRouterView.CAST_MODE_LIST;
+        header.addEventListener('header-or-arrow-click', function() {
+          done();
+        });
+        MockInteractions.tap(header.$['header-text']);
+      });
+
+      // Tests for 'header-or-arrow-click' event firing when the header text is
+      // clicked on the SINK_LIST view.
+      test('header text click on sink list view', function(done) {
+        header.view = media_router.MediaRouterView.SINK_LIST;
+        header.addEventListener('header-or-arrow-click', function() {
+          done();
+        });
+        MockInteractions.tap(header.$['header-text']);
+      });
+
+      // Tests for no event firing when the header text is clicked on certain
+      // views.
+      test('header text click without event firing', function(done) {
+        header.addEventListener('header-or-arrow-click', function() {
+          assertNotReached();
+        });
+
+        header.view = media_router.MediaRouterView.FILTER;
+        MockInteractions.tap(header.$['header-text']);
+        header.view = media_router.MediaRouterView.ISSUE;
+        MockInteractions.tap(header.$['header-text']);
+        header.view = media_router.MediaRouterView.ROUTE_DETAILS;
+        MockInteractions.tap(header.$['header-text']);
+        done();
+      });
+
       // Tests the |computeArrowDropIcon_| function.
       test('compute arrow drop icon', function() {
         assertEquals('arrow-drop-up',
             header.computeArrowDropIcon_(
                 media_router.MediaRouterView.CAST_MODE_LIST));
         assertEquals('arrow-drop-down',
             header.computeArrowDropIcon_(
                 media_router.MediaRouterView.FILTER));
         assertEquals('arrow-drop-down',
             header.computeArrowDropIcon_(
@@ skipping 31 matching lines @@
                                     'close-button',
                                     'header-text']);
       });
     });
   }
 
   return {
     registerTests: registerTests,
   };
 });