MD Settings: Search engine dialog, tweak logic to show "input invalid".

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 70 matching lines @@
         return browserProxy.whenCalled('searchEngineEditStarted').then(
             function() {
               MockInteractions.tap(dialog.$.cancel);
               return browserProxy.whenCalled('searchEngineEditCancelled');
             });
       });
 
       // Tests the dialog to add a new search engine. Specifically
       //  - paper-input elements are empty initially.
       //  - action button initially disabled.
-      //  - validation is triggered on 'focus'. 'change' is not teted because
-      //    MockInteractions does not currently provide a way to trigger such
-      //    events.
+      //  - validation is triggered on 'input' event.
       //  - action button is enabled when all fields are valid.
       //  - action button triggers appropriate browser signal when tapped.
       test('DialogAddSearchEngine', function() {
         /**
-         * Focuses the given paper-input element and checks that validation is
-         * triggered.
+         * Triggers an 'input' event on the paper-input element and checks that
+         * validation is triggered.
          * @param {string} inputId
          * @return {!Promise}
          */
-        var focusAndValidate = function(inputId) {
+        var inputAndValidate = function(inputId) {
+          var inputElement = dialog.$[inputId];
           browserProxy.resetResolver('validateSearchEngineInput');
-          MockInteractions.focus(dialog.$[inputId]);
-          return browserProxy.whenCalled('validateSearchEngineInput');
+          inputElement.fire('input');
+          return inputElement.value != '' ?
+              // Expeting validation only on non-empty values.
+              browserProxy.whenCalled('validateSearchEngineInput') :
+              Promise.resolve();
         };
 
         assertEquals('', dialog.$.searchEngine.value);
         assertEquals('', dialog.$.keyword.value);
         assertEquals('', dialog.$.queryUrl.value);
         var actionButton = dialog.$.actionButton;
         assertTrue(actionButton.disabled);
 
-        return focusAndValidate('searchEngine').then(function() {
-          return focusAndValidate('keyword');
+        return inputAndValidate('searchEngine').then(function() {
+          return inputAndValidate('keyword');
         }).then(function() {
-          return focusAndValidate('queryUrl');
+          return inputAndValidate('queryUrl');
         }).then(function() {
           // Manually set the text to a non-empty string for all fields.
           dialog.$.searchEngine.value = 'foo';
           dialog.$.keyword.value = 'bar';
           dialog.$.queryUrl.value = 'baz';
 
-          // MockInteractions does not provide a way to trigger a 'change' event
-          // yet. Triggering the 'focus' event instead, to update the state of
-          // the action button.
-          return focusAndValidate('searchEngine');
+          return inputAndValidate('searchEngine');
         }).then(function() {
           // Assert that the action button has been enabled now that all input
           // is valid and non-empty.
           assertFalse(actionButton.disabled);
           MockInteractions.tap(actionButton);
           return browserProxy.whenCalled('searchEngineEditCompleted');
         });
       });
 
     });
@@ skipping 220 matching lines @@
 
   return {
     registerTests: function() {
       registerDialogTests();
       registerSearchEngineEntryTests();
       registerOmniboxExtensionEntryTests();
       registerPageTests();
     },
   };
 });