MD Settings: Update Autofill Credit Card Dialog to accept Enter Key

chrome/test/data/webui/settings/settings_autofill_section_browsertest.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 Runs the Polymer Autofill Settings tests. */
 
 /** @const {string} Path to root from chrome/test/data/webui/settings/. */
 var ROOT_PATH = '../../../../../';
 
 // Polymer BrowserTest fixture.
@@ skipping 285 matching lines @@
             now.getFullYear().toString(),
             yearOptions[0].textContent.trim());
         assertEquals(
             maxYear.toString(),
             yearOptions[yearOptions.length -1].textContent.trim());
         assertEquals(
             creditCard.expirationYear, creditCardDialog.$.year.value);
       });
     });
 
-    test('verifySaveExpiredCreditCardEdit', function(done) {
+    test('verify save disabled for expired credit card', function() {
       var creditCard = FakeDataMaker.emptyCreditCardEntry();
 
       var now = new Date();
       creditCard.expirationYear = now.getFullYear() - 2;
       // works fine for January.
       creditCard.expirationMonth = now.getMonth() - 1;
 
       var creditCardDialog = self.createCreditCardDialog_(creditCard);
 
       return test_util.whenAttributeIs(
           creditCardDialog.$.dialog, 'open', true).then(function() {
-        creditCardDialog.addEventListener('save-credit-card', function() {
-          // Fail the test because the save event should not be called when
-          // the card is expired.
-          assertTrue(false);
-        });
-        creditCardDialog.addEventListener('tap', function() {
-          // Test is |done| in a timeout in order to ensure that
-          // 'save-credit-card' is NOT fired after this test.
-          assertFalse(creditCardDialog.$.expired.hidden);
-          window.setTimeout(done, 100);
-        });
-        MockInteractions.tap(creditCardDialog.$.saveButton);
+        assertTrue(creditCardDialog.$.saveButton.disabled);
       });
     });
 
     // Test will timeout if event is not received.
-    test('verifySaveCreditCardEdit', function(done) {
+    test('verify save new credit card', function(done) {
       var creditCard = FakeDataMaker.emptyCreditCardEntry();
       var creditCardDialog = self.createCreditCardDialog_(creditCard);
 
       return test_util.whenAttributeIs(
           creditCardDialog.$.dialog, 'open', true).then(function() {
+        // Not expired, but still can't be saved, because there's no name.
         assertTrue(creditCardDialog.$.expired.hidden);
+        assertTrue(creditCardDialog.$.saveButton.disabled);
+
+        // Add a name and trigger the on-input handler.
+        creditCardDialog.set('creditCard.name', 'Jane Doe');
+        creditCardDialog.onCreditCardNameOrNumberChanged_();
+        Polymer.dom.flush();
+
+        assertTrue(creditCardDialog.$.expired.hidden);
+        assertFalse(creditCardDialog.$.saveButton.disabled);
+
         creditCardDialog.addEventListener('save-credit-card', function(event) {
           assertEquals(creditCard.guid, event.detail.guid);
           done();
         });
         MockInteractions.tap(creditCardDialog.$.saveButton);
       });
     });
 
     test('verifyCancelCreditCardEdit', function(done) {
       var creditCard = FakeDataMaker.emptyCreditCardEntry();
@@ skipping 492 matching lines @@
           assertEquals(city, cols[0].value);
           assertEquals(state, cols[1].value);
           assertEquals(zip, cols[2].value);
         });
       });
     });
   });
 
   mocha.run();
 });