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

chrome/test/data/webui/settings/search_engines_page_test.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.
 
 cr.define('settings_search_engines_page', function() {
   /**
    * @param {boolean} canBeDefault
    * @param {boolean} canBeEdited
    * @param {boolean} canBeRemoved
    * @return {!SearchEngine}
@@ skipping 275 matching lines @@
         extensions: [createSampleOmniboxExtension()],
       };
 
       setup(function() {
         browserProxy = new settings_search.TestSearchEnginesBrowserProxy();
         browserProxy.setSearchEnginesInfo(searchEnginesInfo);
         settings.SearchEnginesBrowserProxyImpl.instance_ = browserProxy;
         PolymerTest.clearBody();
         page = document.createElement('settings-search-engines-page');
         document.body.appendChild(page);
+        return browserProxy.whenCalled('getSearchEnginesList');
       });
 
       teardown(function() { page.remove(); });
 
       // 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);
+        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);
+        // 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 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 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
       // button is tapped.
       test('AddSearchEngineDialog', function() {
         assertFalse(!!page.$$('settings-search-engine-dialog'));
         var addSearchEngineButton = page.$.addSearchEngine;
         assertTrue(!!addSearchEngineButton);
 
         MockInteractions.tap(addSearchEngineButton);
@@ skipping 48 matching lines @@
 
   return {
     registerTests: function() {
       registerDialogTests();
       registerSearchEngineEntryTests();
       registerOmniboxExtensionEntryTests();
       registerPageTests();
     },
   };
 });