MD Settings: Fix label visibility in subpage search fields

chrome/test/data/webui/cr_elements/cr_toolbar_search_field_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 cr-toolbar-search-field. */
 cr.define('cr_toolbar_search_field', function() {
   function registerTests() {
     suite('cr-toolbar-search-field', function() {
       /** @type {?CrToolbarSearchFieldElement} */
       var field = null;
 
       /** @type {?Array<string>} */
       var searches = null;
 
       /** @param {string} term */
       function simulateSearch(term) {
         field.$.searchInput.value = term;
-        field.onSearchInput_();
+        field.onSearchTermInput();
         field.onSearchTermSearch();
       }
 
       setup(function() {
         PolymerTest.clearBody();
         field = document.createElement('cr-toolbar-search-field');
         searches = [];
         field.addEventListener('search-changed', function(event) {
           searches.push(event.detail);
         });
@@ skipping 38 matching lines @@
         MockInteractions.pressAndReleaseKeyOn(
             field.$.searchInput, 27, '', 'Escape');
         assertFalse(field.showingSearch, 'Pressing escape closes field.');
         assertNotEquals(field.$.searchInput, field.root.activeElement);
       });
 
       test('clear search button clears and refocuses input', function() {
         MockInteractions.tap(field);
         simulateSearch('query1');
         Polymer.dom.flush();
+        assertTrue(field.hasSearchText);
 
         var clearSearch = field.$$('#clearSearch');
         clearSearch.focus();
         MockInteractions.tap(clearSearch);
         assertTrue(field.showingSearch);
         assertEquals('', field.getValue());
         assertEquals(field.$.searchInput, field.root.activeElement);
+        assertFalse(field.hasSearchText);
       });
 
       test('notifies on new searches', function() {
         MockInteractions.tap(field);
         simulateSearch('query1');
         Polymer.dom.flush();
         assertEquals('query1', field.getValue());
 
         MockInteractions.tap(field.$$('#clearSearch'));
         assertTrue(field.showingSearch);
@@ skipping 47 matching lines @@
         simulateSearch('test');
         MockInteractions.blur(field.$.searchInput);
 
         assertTrue(field.showingSearch);
       });
 
       test('opens when value is changed', function() {
         // Change search value without explicity opening the field first.
         // Similar to what happens when pasting or dragging into the input
         // field.
+        assertFalse(field.hasSearchText);
         simulateSearch('test');
+        assertTrue(field.hasSearchText);
         Polymer.dom.flush();
 
         var clearSearch = field.$$('#clearSearch');
         assertFalse(clearSearch.hidden);
         assertTrue(field.showingSearch);
       });
+
+      test('closes when value is cleared while unfocused', function() {
+        MockInteractions.focus(field.$.searchInput);
+        simulateSearch('test');
+        Polymer.dom.flush();
+
+        // Does not close the field if it is focused when cleared.
+        assertTrue(field.showingSearch);
+        field.setValue('');
+        assertTrue(field.showingSearch);
+
+        // Does close the field if it is blurred before being cleared.
+        simulateSearch('test');
+        MockInteractions.blur(field.$.searchInput);
+        field.setValue('');
+        assertFalse(field.showingSearch);
+      });
+
     });
   }
 
   return {
     registerTests: registerTests,
   };
 });