MD Settings: Display a message when no other search engines exist.

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

Index: chrome/test/data/webui/settings/search_engines_page_test.js
diff --git a/chrome/test/data/webui/settings/search_engines_page_test.js b/chrome/test/data/webui/settings/search_engines_page_test.js
index 5c628d8d38030d158a41545817e6ff729ab51b21..36be7c2b314606427029323833b8a7f91c23eaee 100644
--- a/chrome/test/data/webui/settings/search_engines_page_test.js
+++ b/chrome/test/data/webui/settings/search_engines_page_test.js
@@ -293,6 +293,7 @@ cr.define('settings_search_engines_page', function() {
         PolymerTest.clearBody();
         page = document.createElement('settings-search-engines-page');
         document.body.appendChild(page);
+        return browserProxy.whenCalled('getSearchEnginesList');
       });
 
       teardown(function() { page.remove(); });
@@ -300,31 +301,44 @@ cr.define('settings_search_engines_page', function() {
       // Tests that the page is querying and displaying search engine info on
       // startup.
       test('Initialization', function() {
-        return browserProxy.whenCalled('getSearchEnginesList').then(function() {
-          var searchEnginesLists = Polymer.dom(page.shadowRoot).
-              querySelectorAll('settings-search-engines-list');
-          assertEquals(2, searchEnginesLists.length);
-
-          // Note: iron-list may create hidden children, so test the length
-          // if IronList.items instead of the child nodes.
-          Polymer.dom.flush();
-          var defaultsList = searchEnginesLists[0];
-          var defaultsEntries = Polymer.dom(defaultsList.shadowRoot).
-              querySelector('iron-list').items;
-          assertEquals(
-              searchEnginesInfo.defaults.length, defaultsEntries.length);
-
-          var othersList = searchEnginesLists[1];
-          var othersEntries = Polymer.dom(othersList.shadowRoot).
-              querySelector('iron-list').items;
-          assertEquals(
-              searchEnginesInfo.others.length, othersEntries.length);
-
-          var extensionEntries = Polymer.dom(page.shadowRoot).
-              querySelector('iron-list').items;
-          assertEquals(
-              searchEnginesInfo.extensions.length, extensionEntries.length);
+        var searchEnginesLists = page.shadowRoot.
+            querySelectorAll('settings-search-engines-list');
+        assertEquals(2, searchEnginesLists.length);
+
+        // Note: iron-list may create hidden children, so test the length
+        // if IronList.items instead of the child nodes.
+        Polymer.dom.flush();
+        var defaultsList = searchEnginesLists[0];
+        var defaultsEntries = Polymer.dom(defaultsList.shadowRoot).
+            querySelector('iron-list').items;
+        assertEquals(
+            searchEnginesInfo.defaults.length, defaultsEntries.length);
+
+        var othersList = searchEnginesLists[1];
+        var othersEntries = Polymer.dom(othersList.shadowRoot).
+            querySelector('iron-list').items;
+        assertEquals(
+            searchEnginesInfo.others.length, othersEntries.length);
+
+        var extensionEntries = Polymer.dom(page.shadowRoot).
+            querySelector('iron-list').items;
+        assertEquals(
+            searchEnginesInfo.extensions.length, extensionEntries.length);
+      });
+
+      // Test that the "no other search engines" message is shown/hidden as
+      // expected.
+      test('NoOtherSearchEnginesMessage', function() {
+        var message = page.root.querySelector('#noOtherEngines');
+        assertTrue(!!message);
+        assertFalse(message.hasAttribute('hidden'));
+
+        cr.webUIListenerCallback('search-engines-changed', {
+          defaults: [],
+          others: [createSampleSearchEngine()],
+          extensions: [],
         });
+        assertTrue(message.hasAttribute('hidden'));
       });
 
       // Tests that the add search engine dialog opens when the corresponding