MD Settings: Creating a <settings-dialog> element.

chrome/test/data/webui/settings/reset_page_test.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.
 
 cr.define('settings_reset_page', function() {
   /** @enum {string} */
   var TestNames = {
     PowerwashDialogAction: 'PowerwashDialogAction',
     PowerwashDialogOpenClose: 'PowerwashDialogOpenClose',
     ResetBannerClose: 'ResetBannerClose',
@@ skipping 75 matching lines @@
       });
 
       setup(function() {
         PolymerTest.clearBody();
         resetPage = document.createElement('settings-reset-page');
         document.body.appendChild(resetPage);
       });
 
 
       /**
-       * @param {string} closeButtonId The ID of the button that closes the
-       *     dialog.
+       * @param {function(SettingsResetProfileDialogElemeent):!Element}
+       *     closeButtonFn A function that returns the button to be used for
+       *     closing the dialog.
        * @return {!Promise}
        */
-      function testOpenCloseResetProfileDialog(closeButtonId) {
+      function testOpenCloseResetProfileDialog(closeButtonFn) {
         var onShowResetProfileDialogCalled = whenChromeSendCalled(
             'onShowResetProfileDialog');
         var onHideResetProfileDialogCalled = whenChromeSendCalled(
             'onHideResetProfileDialog');
 
         // Open reset profile dialog.
         MockInteractions.tap(resetPage.$.resetProfile);
         var dialog = resetPage.$$('settings-reset-profile-dialog');
         var onDialogClosed = new Promise(
             function(resolve, reject) {
               dialog.addEventListener('iron-overlay-closed', resolve);
             });
 
-        MockInteractions.tap(dialog.$[closeButtonId]);
+        MockInteractions.tap(closeButtonFn(dialog));
 
         return Promise.all([
           onShowResetProfileDialogCalled,
           onHideResetProfileDialogCalled,
           onDialogClosed
         ]);
       }
 
       // Tests that the reset profile dialog opens and closes correctly and that
       // chrome.send calls are propagated as expected.
       test(TestNames.ResetProfileDialogOpenClose, function() {
         return Promise.all([
           // Test case where the 'cancel' button is clicked.
-          testOpenCloseResetProfileDialog('cancel'),
+          testOpenCloseResetProfileDialog(
+              function(dialog) { return dialog.$.cancel;}),
           // Test case where the 'close' button is clicked.
-          testOpenCloseResetProfileDialog('close')
+          testOpenCloseResetProfileDialog(
+              function(dialog) { return dialog.$.dialog.getCloseButton(); }),
         ]);
       });
 
       // Tests that when resetting the profile is requested chrome.send calls
       // are propagated as expected.
       test(TestNames.ResetProfileDialogAction, function() {
         // Open reset profile dialog.
         MockInteractions.tap(resetPage.$.resetProfile);
         var dialog = resetPage.$$('settings-reset-profile-dialog');
         var promise = whenChromeSendCalled('performResetProfileSettings');
         MockInteractions.tap(dialog.$.reset);
         return promise;
       });
 
       if (cr.isChromeOS) {
         /**
-         * @param {string} closeButtonId The ID of the button that closes the
-         *     dialog.
+         * @param {function(SettingsPowerwashDialogElemeent):!Element}
+         *     closeButtonFn A function that returns the button to be used for
+         *     closing the dialog.
          * @return {!Promise}
          */
-        function testOpenClosePowerwashDialog(closeButtonId) {
+        function testOpenClosePowerwashDialog(closeButtonFn) {
           var onPowerwashDialogShowCalled = whenChromeSendCalled(
               'onPowerwashDialogShow');
 
           // Open powerwash dialog.
           MockInteractions.tap(resetPage.$.powerwash);
           var dialog = resetPage.$$('settings-powerwash-dialog');
           var onDialogClosed = new Promise(
               function(resolve, reject) {
                 dialog.addEventListener('iron-overlay-closed', resolve);
               });
 
-          MockInteractions.tap(dialog.$[closeButtonId]);
+          MockInteractions.tap(closeButtonFn(dialog));
           return Promise.all([onPowerwashDialogShowCalled, onDialogClosed]);
         }
 
         // Tests that the powerwash dialog opens and closes correctly, and
         // that chrome.send calls are propagated as expected.
         test(TestNames.PowerwashDialogOpenClose, function() {
           return Promise.all([
             // Test case where the 'cancel' button is clicked.
-            testOpenClosePowerwashDialog('cancel'),
+            testOpenClosePowerwashDialog(
+                function(dialog) { return dialog.$.cancel; }),
             // Test case where the 'close' button is clicked.
-            testOpenClosePowerwashDialog('close')
+            testOpenClosePowerwashDialog(
+                function(dialog) { return dialog.$.dialog.getCloseButton(); }),
           ]);
         });
 
         // Tests that when powerwash is requested chrome.send calls are
         // propagated as expected.
         test(TestNames.PowerwashDialogAction, function() {
           // Open powerwash dialog.
           MockInteractions.tap(resetPage.$.powerwash);
           var dialog = resetPage.$$('settings-powerwash-dialog');
           var promise = whenChromeSendCalled('requestFactoryResetRestart');
           MockInteractions.tap(dialog.$.powerwash);
           return promise;
         });
       }
     });
   }
 
   return {
     registerBannerTests: registerBannerTests,
     registerDialogTests: registerDialogTests
   };
 });