MD Settings: Add mechanism to restore focus after subpage exiting.

chrome/test/data/webui/settings/settings_animated_pages_test.js

+// Copyright 2017 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.
+
+suite('settings-animated-pages', function() {
+  test('focuses subpage trigger when exiting subpage', function(done) {
+    document.body.innerHTML = `
+      <settings-animated-pages section="test-section">
+        <neon-animatable route-path="default">
+          <button id="subpage-trigger"></button>
+        </neon-animatable>
+        <neon-animatable route-path=${settings.Route.SEARCH_ENGINES.path}>

[tommycli, 2017/04/10 22:14:36]

that's interesting... does this need double quotes around the interpolated
string?

[dpapad, 2017/04/10 23:52:28]

Added double quotes. They are not needed, but added them just for consistency
with the prod code.

+          <button id="subpage-trigger"></button>
+        </neon-animatable>
+      </settings-animated-pages>`;
+
+    var animatedPages = document.body.querySelector('settings-animated-pages');
+    animatedPages.focusConfig = new Map();
+    animatedPages.focusConfig.set(
+        settings.Route.SEARCH_ENGINES.path, '#subpage-trigger');
+
+    animatedPages.$.animatedPages.selected = settings.Route.SEARCH_ENGINES.path;
+
+    var trigger = document.body.querySelector('#subpage-trigger');

[tommycli, 2017/04/10 22:14:36]

i'm assuming you put it in its own variable so you could do
assertTrue(!!trigger) right?

[dpapad, 2017/04/10 23:52:28]

Done.

+    trigger.addEventListener('focus', function() { done(); });
+
+    // Trigger subpage exit.
+    animatedPages.currentRouteChanged(
+        settings.Route.BASIC, settings.Route.SEARCH_ENGINES);
+  });
+});