[Media Router] Animate transition between sink list and filter views.

chrome/test/data/webui/media_router/media_router_container_search_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
  * the MRPM search feature.
  */
 cr.define('media_router_container_search', function() {
   function registerTests() {
     suite('MediaRouterContainerSearch', function() {
+      /**
+       * Wrapper that lets a function |f| run after the container animation
+       * promise completes but also lets any UI logic run before setting up the
+       * call. This is important because |container.animationPromise_| may not
+       * exist until the UI logic runs or it may be updated to a new Promise.
+       * This wrapper also carries assertion errors (and any other exceptions)
+       * outside of the promise back into the test since throwing in a then() or
+       * catch() doesn't stop the test.
+       *
+       * @param {function()} f
+       */
+      var chainOnAnimationPromise = function(f) {
+        setTimeout(function() {
+          container.animationPromise_.then(f).catch(function(err) {
+            setTimeout(function() { throw err; });
+          });
+        });
+      };
 
       /**
        * Checks whether |view| matches the current view of |container|.
        *
        * @param {!media_router.MediaRouterView} view Expected view type.
        */
       var checkCurrentView;
 
       /**
        * Checks whether an element is visible. An element is visible if it
@@ skipping 319 matching lines @@
         var checkNoCreateRoute = function() {
           assertTrue(false);
         };
         var route = new media_router.Route(
             'id 1', foundSink.id, 'Title 1', 0, true, false);
         container.allSinks = fakeSinkListWithPseudoSink;
         container.addEventListener('create-route', checkNoCreateRoute);
 
         var searchInput = container.$['sink-search-input'];
         searchInput.value = foundSink.name;
-        setTimeout(function() {
+        chainOnAnimationPromise(function() {
           var searchResults =
               container.$$('#search-results').querySelectorAll('paper-item');
           MockInteractions.tap(searchResults[0]);
           MockInteractions.tap(
               container.$['container-header'].$$('#back-button'));
-          setTimeout(function() {
+          chainOnAnimationPromise(function() {
             var sinkList =
                 container.$$('#sink-list').querySelectorAll('paper-item');
             sinkList = [...sinkList];
             var sink = sinkList.find(function(sink) {
               var item = container.$$('#sinkList').itemForElement(sink);
               return fakeSinkList[0].id == item.id;
             });
             MockInteractions.tap(sink);
             container.allSinks = fakeSinkListWithPseudoSink.concat([foundSink]);
-            setTimeout(function() {
+            chainOnAnimationPromise(function() {
               container.onReceiveSearchResult(foundSink.id);
               MockInteractions.tap(sink);
               container.onCreateRouteResponseReceived(
                   pseudoSink.id, route, true);
-              setTimeout(function() {
+              chainOnAnimationPromise(function() {
                 checkCurrentView(media_router.MediaRouterView.ROUTE_DETAILS);
                 MockInteractions.tap(
                     container.$['container-header'].$$('#back-button'));
                 container.removeEventListener(
                     'create-route', checkNoCreateRoute);
                 container.addEventListener('create-route', checkCreateRoute);
-                setTimeout(function() {
+                chainOnAnimationPromise(function() {
                   checkCurrentView(media_router.MediaRouterView.SINK_LIST);
                   MockInteractions.tap(sink);
                 });
               });
             });
           });
         });
       });
 
       test('route creation failure clears spinner and search', function(done) {
@@ skipping 64 matching lines @@
         assertEquals(someId, searchState.mapRouteSinkId(someId));
         assertEquals(foundSink.id, searchState.mapRouteSinkId(pseudoSink.id));
       });
     });
   }
 
   return {
     registerTests: registerTests,
   };
 });