MD WebUI: Remove local DOM access from CrSearchFieldBehavior

chrome/browser/resources/md_downloads/crisper.js

 // Copyright (c) 2013 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 Assertion support.
  */
 
 /**
  * Verify |condition| is truthy and return |condition| if so.
@@ skipping 10489 matching lines @@
     },
 
     /** @private */
     lastValue_: {
       type: String,
       value: '',
     },
   },
 
   /**
+   * @abstract
+   * @return {!HTMLInputElement} The input field element the behavior should
+   * use.
+   */
+  getSearchInput: function() {},
+
+  /**
    * @return {string} The value of the search field.
    */
   getValue: function() {
-    return this.$.searchInput.value;
+    return this.getSearchInput().value;
   },
 
   /**
    * Sets the value of the search field.
    * @param {string} value
    */
   setValue: function(value) {
     // Use bindValue when setting the input value so that changes propagate
     // correctly.
-    this.$.searchInput.bindValue = value;
+    this.getSearchInput().bindValue = value;
     this.onValueChanged_(value);
   },
 
   showAndFocus: function() {
     this.showingSearch = true;
     this.focus_();
   },
 
   /** @private */
   focus_: function() {
-    this.$.searchInput.focus();
+    this.getSearchInput().focus();
   },
 
   onSearchTermSearch: function() {
     this.onValueChanged_(this.getValue());
   },
 
   /**
    * Updates the internal state of the search field based on a change that has
    * already happened.
    * @param {string} newValue
@@ skipping 13 matching lines @@
   },
 
   /** @private */
   showingSearchChanged_: function() {
     if (this.showingSearch) {
       this.focus_();
       return;
     }
 
     this.setValue('');
-    this.$.searchInput.blur();
-  },
-
-  /** @return {boolean} */
-  isSearchFocused: function() {
-    return this.$.searchTerm.focused;
+    this.getSearchInput().blur();
   }
 };
 (function() {
       'use strict';
 
       Polymer.IronA11yAnnouncer = Polymer({
         is: 'iron-a11y-announcer',
 
         properties: {
 
@@ skipping 756 matching lines @@
 
 var SearchField = Polymer({
   is: 'cr-search-field',
 
   behaviors: [CrSearchFieldBehavior],
 
   properties: {
     value_: String,
   },
 
+  /** @return {!HTMLInputElement} */
+  getSearchInput: function() {
+    return this.$.searchInput;
+  },
+
   /** @private */
   clearSearch_: function() {
     this.setValue('');
-    this.$.searchInput.focus();
+    this.getSearchInput().focus();
   },
 
   /** @private */
   toggleShowingSearch_: function() {
     this.showingSearch = !this.showingSearch;
   },
 });
 // Copyright 2015 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.
@@ skipping 295 matching lines @@
     Manager.get().updateItem_(index, data);
   };
 
   return {Manager: Manager};
 });
 // Copyright 2015 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.
 
 window.addEventListener('load', downloads.Manager.onLoad);