[Media Router] Show user email in header if cloud sink is present.

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.
        * @type {MediaRouterHeader}
        */
       var header;
 
       /**
        * The list of elements to check for visibility.
        * @const {!Array<string>}
        */
       var hiddenCheckElementIdList = [
         'arrow-drop-icon',
         'back-button',
         'close-button',
-        'header-text'
+        'header-text',
+        'user-email-container',
       ];
 
       // Checks whether the current icon matches the icon used for the view.
       var checkArrowDropIcon = function(view) {
         assertEquals(header.computeArrowDropIcon_(view),
             header.$['arrow-drop-icon'].icon);
       };
 
       // Checks whether |element| is hidden.
+      // An element is considered hidden if it does not exist (e.g. unstamped)
+      // or its |hidden| property is |false|.
       var checkElementHidden = function(hidden, element) {
-        assertEquals(hidden, element.hidden);
+        assertEquals(hidden, !element || element.hidden);
       };
 
       // Checks whether the elements specified in |elementIdList| are visible.
       // Checks whether all other elements are hidden.
       var checkElementsVisibleWithId = function(elementIdList) {
         for (var i = 0; i < elementIdList.length; i++)
           checkElementHidden(false, header.$[elementIdList[i]]);
 
         for (var j = 0; j < hiddenCheckElementIdList.length; j++) {
           if (elementIdList.indexOf(hiddenCheckElementIdList[j]) == -1)
             checkElementHidden(true, header.$[hiddenCheckElementIdList[j]]);
         }
       };
 
+      // Checks whether |expected| and the text in the |element| are equal.
+      var checkElementText = function(expected, element) {
+        assertEquals(expected.trim(), element.textContent.trim());
+      };
+
       // Import media_router_header.html before running suite.
       suiteSetup(function() {
         return PolymerTest.importHtml(
-            'chrome://media-router/elements/media_router_header/' +
-            'media_router_header.html');
+            'chrome://media-router/elements/media_router_container/' +
+            'media_router_container.html');
       });
 
       // Initialize an media-router-header before each test.
       setup(function(done) {
         PolymerTest.clearBody();
-        header = document.createElement('media-router-header');
-        document.body.appendChild(header);
+        container = document.createElement('media-router-container');
+        document.body.appendChild(container);
+        header = container.$['container-header'];
 
         // Allow for the media router header to be created and attached.
         setTimeout(done);
       });
 
       // Tests for 'close-button-click' event firing when the close button
       // is clicked.
       test('close button click', function(done) {
         header.addEventListener('close-button-click', function() {
           done();
@@ skipping 59 matching lines @@
 
         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 for 'header-height-changed' event firing when the header changes
+      // if email is shown.
+      test('header height changed with email shown', function(done) {
+        header.addEventListener('header-height-changed', function() {
+          done();
+        });
+        header.userEmail = 'user@example.com';
+        header.showEmail = true;
+      });
+
       // 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 24 matching lines @@
         header.view = media_router.MediaRouterView.ROUTE_DETAILS;
         checkElementsVisibleWithId(['back-button',
                                     'close-button',
                                     'header-text']);
 
         header.view = media_router.MediaRouterView.SINK_LIST;
         checkElementsVisibleWithId(['arrow-drop-icon',
                                     'close-button',
                                     'header-text']);
       });
+
+      test('visibility and style of UI depending on email', function(done) {

[apacible, 2016/02/25 00:16:02]

nit: Add comment for test, e.g. "// Tests that the email is shown and header is
updated when..."

[amp, 2016/02/25 03:01:15]

Done.

+        header.userEmail = 'user@example.com';
+        header.showEmail = true;
+        setTimeout(function() {
+          assertEquals(header.headerWithEmailHeight_, header.offsetHeight)
+
+          assertFalse(header.$$('#user-email-container').hidden);
+          checkElementText(
+              header.userEmail,
+              header.$$('#user-email-container'));
+          done();
+        });
+      });
+
+      test('visibility and style of UI for empty email', function(done) {
+        // Verify no email is shown if email is empty

[apacible, 2016/02/25 00:16:02]

nit: Move this comment right above the previous line as an overall comment for
the test.

[amp, 2016/02/25 03:01:15]

Done.

+        header.userEmail = undefined;
+        header.showEmail = true;
+        setTimeout(function() {
+          assertNotEquals(header.headerWithEmailHeight_, header.offsetHeight)
+          checkElementText(
+              '',
+              header.$$('#user-email-container'));
+          done();
+        });
+      });
     });
   }
 
   return {
     registerTests: registerTests,
   };
 });