Handle the button presses in the password edit dialog.

chrome/test/data/webui/settings/settings_passwords_section_browsertest.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 Runs the Polymer Password Settings tests. */
 
 /** @const {string} Path to root from chrome/test/data/webui/settings/. */
 var ROOT_PATH = '../../../../../';
 
 // Polymer BrowserTest fixture.
@@ skipping 94 matching lines @@
    * @param {!Array<!string>} exceptionList
    * @return {!Object}
    * @private
    */
   createPasswordsSection_: function(passwordList, exceptionList) {
     // Create a passwords-section to use for testing.
     var passwordsSection = document.createElement('passwords-section');
     passwordsSection.savedPasswords = passwordList;
     passwordsSection.passwordExceptions = exceptionList;
     document.body.appendChild(passwordsSection);
-    this.flush_(passwordsSection);
+    this.flushPasswordSection_(passwordsSection);
     return passwordsSection;
   },
 
   /**
+   * Helper method used to create a password editing dialog.
+   * @param {!chrome.passwordsPrivate.PasswordUiEntry} passwordItem
+   * @return {!Object}
+   * @private
+   */
+  createPasswordDialog_: function(passwordItem) {
+    var passwordDialog = document.createElement('password-edit-dialog');
+    passwordDialog.item = passwordItem;
+    document.body.appendChild(passwordDialog);
+    Polymer.dom.flush();
+    return passwordDialog;
+  },
+
+  /**
    * Helper method used to test for a url in a list of passwords.
    * @param {!Array<!chrome.passwordsPrivate.PasswordUiEntry>} passwordList
-   * @param {!String} url The URL that is being searched for.
+   * @param {!string} url The URL that is being searched for.
    */
   listContainsUrl(passwordList, url) {
     for (var i = 0; i < passwordList.length; ++i) {
       if (passwordList[i].loginPair.originUrl == url)
         return true;
     }
     return false;
   },
 
   /**
    * Allow the iron-list to be sized properly.
    * @param {!Object} passwordsSection
    * @private
    */
-  flush_: function(passwordsSection) {
+  flushPasswordSection_: function(passwordsSection) {
     passwordsSection.$.passwordList.notifyResize();
     passwordsSection.$.passwordExceptionsList.notifyResize();
     Polymer.dom.flush();
   },
 };
 
 /**
  * This test will validate that the section is loaded with data.
  */
 TEST_F('SettingsPasswordSectionBrowserTest', 'uiTests', function() {
@@ skipping 31 matching lines @@
         self.createPasswordItem_('website.com', 'mario', 70)
       ];
 
       var passwordsSection = self.createPasswordsSection_(passwordList, []);
 
       self.validatePasswordList(
           self.getIronListChildren_(passwordsSection.$.passwordList),
           passwordList);
       // Simulate 'longwebsite.com' being removed from the list.
       passwordsSection.splice('savedPasswords', 1, 1);
-      self.flush_(passwordsSection);
+      self.flushPasswordSection_(passwordsSection);
 
       assertFalse(self.listContainsUrl(passwordsSection.savedPasswords,
                                        'longwebsite.com'));
       assertFalse(self.listContainsUrl(passwordList, 'longwebsite.com'));
 
       self.validatePasswordList(
           self.getIronListChildren_(passwordsSection.$.passwordList),
           passwordList);
     });
 
@@ skipping 11 matching lines @@
 
       var passwordsSection = self.createPasswordsSection_(passwordList, []);
 
       var passwords =
           self.getIronListChildren_(passwordsSection.$.passwordList);
 
       // The index of the button currently being checked.
       var index = 0;
 
       var clickRemoveButton = function() {
-        passwords[index].querySelector('#passwordMenu').click();
-        passwordsSection.$.menuRemovePassword.click();
+        MockInteractions.tap(passwords[index].querySelector('#passwordMenu'));
+        MockInteractions.tap(passwordsSection.$.menuRemovePassword);
       };
 
       // Listen for the remove event. If this event isn't received, the test
       // will time out and fail.
       passwordsSection.addEventListener('remove-saved-password',
                                         function(event) {
         // Verify that the event matches the expected value.
         assertTrue(index < passwordList.length);
         assertEquals(passwordList[index].loginPair.originUrl,
                      event.detail.originUrl);
@@ skipping 48 matching lines @@
       var passwordsSection = self.createPasswordsSection_([], exceptionList);
 
       self.validateExceptionList_(
           self.getIronListChildren_(passwordsSection.$.passwordExceptionsList),
           exceptionList);
 
       // Simulate 'mail.com' being removed from the list.
       passwordsSection.splice('passwordExceptions', 1, 1);
       assertEquals(-1, passwordsSection.passwordExceptions.indexOf('mail.com'));
       assertEquals(-1, exceptionList.indexOf('mail.com'));
-      self.flush_(passwordsSection);
+      self.flushPasswordSection_(passwordsSection);
 
       self.validateExceptionList_(
           self.getIronListChildren_(passwordsSection.$.passwordExceptionsList),
           exceptionList);
     });
 
     // Test verifies that pressing the 'remove' button will trigger a remove
     // event. Does not actually remove any exceptions.
     test('verifyPasswordExceptionRemoveButton', function(done) {
       var exceptionList = [
         'docs.google.com',
         'mail.com',
         'google.com',
         'inbox.google.com',
         'maps.google.com',
         'plus.google.com',
       ];
 
       var passwordsSection = self.createPasswordsSection_([], exceptionList);
 
       var exceptions =
           self.getIronListChildren_(passwordsSection.$.passwordExceptionsList);
 
       // The index of the button currently being checked.
       var index = 0;
 
       var clickRemoveButton = function() {
-        exceptions[index].querySelector('#removeExceptionButton').click();
+        MockInteractions.tap(
+            exceptions[index].querySelector('#removeExceptionButton'));
       };
 
       // Listen for the remove event. If this event isn't received, the test
       // will time out and fail.
       passwordsSection.addEventListener('remove-password-exception',
                                         function(event) {
         // Verify that the event matches the expected value.
         assertTrue(index < exceptionList.length);
         assertEquals(exceptionList[index], event.detail);
 
         if (++index < exceptionList.length)
           clickRemoveButton();  // Click 'remove' on all passwords, one by one.
         else
           done();
       });
 
       // Start removing.
       clickRemoveButton();
     });
+
+    test('usePasswordDialogTwice', function() {
+      var BLANK_PASSWORD = '       ';
+      var item = self.createPasswordItem_('google.com', 'homer',
+                                          BLANK_PASSWORD.length);
+      var passwordDialog = self.createPasswordDialog_(item);
+
+      passwordDialog.open();
+      Polymer.dom.flush();
+
+      assertEquals(item.loginPair.originUrl,
+                   passwordDialog.$.websiteInput.value);
+      assertEquals(item.loginPair.username,
+                   passwordDialog.$.usernameInput.value);
+      assertEquals(BLANK_PASSWORD,
+                   passwordDialog.$.passwordInput.value);
+      // Password should NOT be visible.
+      assertEquals('password',
+                   passwordDialog.$.passwordInput.type);
+
+      passwordDialog.close();
+      Polymer.dom.flush();
+
+      var blankPassword2 = ' '.repeat(17);
+      var item2 = self.createPasswordItem_('drive.google.com', 'marge',
+                                           blankPassword2.length);
+
+      passwordDialog.item = item2;
+      passwordDialog.open();
+      Polymer.dom.flush();
+
+      assertEquals(item2.loginPair.originUrl,
+                   passwordDialog.$.websiteInput.value);
+      assertEquals(item2.loginPair.username,
+                   passwordDialog.$.usernameInput.value);
+      assertEquals(blankPassword2,
+                   passwordDialog.$.passwordInput.value);
+      // Password should NOT be visible.
+      assertEquals('password',
+                   passwordDialog.$.passwordInput.type);
+    });
+
+    test('showSavedPassword', function() {
+      var PASSWORD = 'bAn@n@5';
+      var item = self.createPasswordItem_('goo.gl', 'bart', PASSWORD.length);
+      var passwordDialog = self.createPasswordDialog_(item);
+
+      passwordDialog.open();
+      Polymer.dom.flush();
+
+      passwordDialog.password = PASSWORD;
+      passwordDialog.showPassword = true;
+
+      Polymer.dom.flush();
+
+      assertEquals(PASSWORD,
+                   passwordDialog.$.passwordInput.value);
+      // Password should be visible.
+      assertEquals('text',
+                   passwordDialog.$.passwordInput.type);
+    });
+
+    // Test will timeout if event is not received.
+    test('onShowSavedPassword', function(done) {
+      var item = self.createPasswordItem_('goo.gl', 'bart', 1);
+      var passwordDialog = self.createPasswordDialog_(item);
+
+      passwordDialog.open();
+      Polymer.dom.flush();
+
+      passwordDialog.addEventListener('show-password', function(event) {
+        assertEquals(item.loginPair.originUrl, event.detail.originUrl);
+        assertEquals(item.loginPair.username, event.detail.username);
+        done();
+      });
+
+      MockInteractions.tap(passwordDialog.$.showPasswordButton);
+    });
   });
 
   mocha.run();
 });