MD Settings: Display error messages in "add" and "edit" exception dialogs.

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

 // 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.
 
 /** @fileoverview Suite of tests for site-list. */
 cr.define('site_list', function() {
   /**
    * An example pref with 2 blocked location items and 2 allowed. This pref
    * is also used for the All Sites category and therefore needs values for
    * all types, even though some might be blank.
@@ skipping 1038 matching lines @@
               args[0]);
           assertEquals('', args[1]);
           assertEquals(settings.ContentSettingsTypes.JAVASCRIPT, args[2]);
           assertEquals('allow', args[3]);
         });
       });
     });
   }
 
   suite('EditExceptionDialog', function() {
-    var dialog;
+    /** @type {SettingsEditExceptionDialogElement} */ var dialog;
+
     /**
      * The dialog tests don't call |getExceptionList| so the exception needs to
      * be processes as a |SiteSettingsPref|.
      * @type {SiteSettingsPref}
      */
     var cookieException = {
       category: 'cookies',
       embeddingOrigin: 'http://foo.com',
       incognito: false,
       origin: 'http://foo.com',
       setting: 'block',
       enforcement: '',
       controlledBy: 'USER_POLICY',
     };
 
     setup(function() {
       browserProxy = new TestSiteSettingsPrefsBrowserProxy();
       settings.SiteSettingsPrefsBrowserProxyImpl.instance_ = browserProxy;
       PolymerTest.clearBody();
       dialog = document.createElement('settings-edit-exception-dialog');
       dialog.model = cookieException;
       document.body.appendChild(dialog);
     });
 
     teardown(function() {
       dialog.remove();
     });
 
-    test('action button disabled on invalid input', function() {
+    test('invalid input', function() {
       var input = dialog.$$('paper-input');
       assertTrue(!!input);
+      assertFalse(input.invalid);
+
       var actionButton = dialog.$.actionButton;
       assertTrue(!!actionButton);
       assertFalse(actionButton.disabled);
 
+      // Simulate user input of whitespace only text.
+      input.value = '  ';
+      input.fire('input');
+      Polymer.dom.flush();
+      assertTrue(actionButton.disabled);
+      assertTrue(input.invalid);
+
+      // Simulate user input of invalid text.
       browserProxy.setIsPatternValid(false);
       var expectedPattern = 'foobarbaz';
-      // Simulate user input.
       input.value = expectedPattern;
       input.fire('input');
 
       return browserProxy.whenCalled('isPatternValid').then(function(pattern) {
         assertEquals(expectedPattern, pattern);
         assertTrue(actionButton.disabled);
+        assertTrue(input.invalid);
       });
     });
 
     test('action button calls proxy', function() {
       var input = dialog.$$('paper-input');
       assertTrue(!!input);
       // Simulate user edit.
       var newValue = input.value + ':1234';
       input.value = newValue;
 
@@ skipping 16 matching lines @@
             assertEquals(newValue, args[1]);
             assertEquals(settings.ContentSettingsTypes.COOKIES, args[2]);
             assertEquals(cookieException.setting, args[3]);
             assertEquals(cookieException.incognito, args[4]);
 
             assertFalse(dialog.$.dialog.open);
           });
     });
   });
 
+  suite('AddExceptionDialog', function() {
+    /** @type {AddSiteDialogElement} */ var dialog;
+
+    setup(function() {
+      browserProxy = new TestSiteSettingsPrefsBrowserProxy();
+      settings.SiteSettingsPrefsBrowserProxyImpl.instance_ = browserProxy;
+      PolymerTest.clearBody();
+      dialog = document.createElement('add-site-dialog');
+      dialog.category = settings.ContentSettingsTypes.GEOLOCATION;
+      dialog.contentSetting = settings.PermissionValues.ALLOW;
+      document.body.appendChild(dialog);
+    });
+
+    teardown(function() {
+      dialog.remove();
+    });
+
+    test('invalid input', function() {
+      // Initially the action button should be disabled, but the error warning
+      // should not be shown for an empty input.
+      var input = dialog.$$('paper-input');
+      assertTrue(!!input);
+      assertFalse(input.invalid);
+
+      var actionButton = dialog.$.add;
+      assertTrue(!!actionButton);
+      assertTrue(actionButton.disabled);
+
+      // Simulate user input of invalid text.
+      browserProxy.setIsPatternValid(false);
+      var expectedPattern = 'foobarbaz';
+      input.value = expectedPattern;
+      input.fire('input');
+
+      return browserProxy.whenCalled('isPatternValid').then(function(pattern) {
+        assertEquals(expectedPattern, pattern);
+        assertTrue(actionButton.disabled);
+        assertTrue(input.invalid);
+      });
+    });
+  });
+
   return {
     registerTests: registerTests,
   };
 });