WebUI: For cr-dialog, handle Enter keys in paper-inputs.

chrome/test/data/webui/cr_elements/cr_dialog_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.
 
 suite('cr-dialog', function() {
+  function pressEnter(element) {
+    MockInteractions.keyEventOn(element, 'keypress', 13, undefined, 'Enter');
+  }
+
   setup(function() {
     PolymerTest.clearBody();
   });
 
   test('focuses title on show', function() {
     document.body.innerHTML = `
       <dialog is="cr-dialog">
         <div class="title">title</div>
         <div class="body"><button>button</button></div>
       </dialog>`;
@@ skipping 21 matching lines @@
       </dialog>`;
 
     var dialog = document.body.querySelector('dialog');
     var actionButton = document.body.querySelector('.action-button');
 
     dialog.showModal();
 
     // MockInteractions triggers event listeners synchronously.
     var clickedCounter = 0;
     actionButton.addEventListener('click', function() {
-      clickedCounter += 1;
+      clickedCounter++;
     });
 
     // Enter keys on other buttons should be ignored.
     clickedCounter = 0;
     var otherButton = document.body.querySelector('#other-button');
     assertTrue(!!otherButton);
-    MockInteractions.keyEventOn(
-        otherButton, 'keypress', 13, undefined, 'Enter');
+    pressEnter(otherButton);
     assertEquals(0, clickedCounter);
 
     // Enter key on the action button should only fire the click handler once.
     MockInteractions.tap(actionButton, 'keypress', 13, undefined, 'Enter');
     assertEquals(1, clickedCounter);
   });
 
   test('enter keys find the first non-hidden non-disabled button', function() {
     document.body.innerHTML = `
       <dialog is="cr-dialog">
@@ skipping 13 matching lines @@
 
     // MockInteractions triggers event listeners synchronously.
     hiddenButton.addEventListener('click', function() {
       assertNotReached('Hidden button received a click.');
     })
     var clicked = false;
     actionButton.addEventListener('click', function() {
       clicked = true;
     });
 
-    MockInteractions.keyEventOn(dialog, 'keypress', 13, undefined, 'Enter');
+    pressEnter(dialog);
     assertTrue(clicked);
   });
 
+  test('enter keys from paper-inputs (only) are processed', function() {
+    document.body.innerHTML = `
+      <dialog is="cr-dialog">
+        <div class="title">title</div>
+        <div class="body">
+          <paper-input></paper-input>
+          <foobar></foobar>
+          <button class="action-button">active</button>
+        </div>
+      </dialog>`;
+
+    var dialog = document.body.querySelector('dialog');
+
+    var inputElement = document.body.querySelector('paper-input');
+    var otherElement = document.body.querySelector('foobar');
+    var actionButton = document.body.querySelector('.action-button');
+    assertTrue(!!inputElement);
+    assertTrue(!!otherElement);
+    assertTrue(!!actionButton);
+
+    // MockInteractions triggers event listeners synchronously.
+    var clickedCounter = 0;
+    actionButton.addEventListener('click', function() {
+      clickedCounter++;
+    });
+
+    pressEnter(otherElement);
+    assertEquals(0, clickedCounter);
+
+    pressEnter(inputElement);
+    assertEquals(1, clickedCounter);
+  });
+
   test('focuses [autofocus] instead of title when present', function() {
     document.body.innerHTML = `
       <dialog is="cr-dialog">
         <div class="title">title</div>
         <div class="body"><button autofocus>button</button></div>
       </dialog>`;
 
     var dialog = document.body.querySelector('dialog');
     var button = document.body.querySelector('button');
 
@@ skipping 33 matching lines @@
       }
     });
     observer.observe(bodyContainer, {attributes: true});
 
     // Height is normally set via CSS, but mixin doesn't work with innerHTML.
     bodyContainer.style.height = '1px';
     bodyContainer.scrollTop = 100;
     dialog.showModal();  // Attach the dialog for the first time here.
   });
 });