md-settings: wrap lock screen dialogs in dom-if.

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

 // Copyright 2017 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.
 
 /**
  * @constructor
  * @implements {settings.FingerprintBrowserProxy}
  * @extends {settings.TestBrowserProxy}
  */
 var TestFingerprintBrowserProxy = function() {
@@ skipping 102 matching lines @@
   var browserProxy = null;
 
   /**
    * @param {number} index
    * @param {string=} opt_label
    */
   function createFakeEvent(index, opt_label) {
     return {model: {index: index, item: opt_label || ''}};
   }
 
+  function openDialog() {
+    MockInteractions.tap(fingerprintList.$$('.action-button'));
+    Polymer.dom.flush();
+    dialog = fingerprintList.$$('settings-setup-fingerprint-dialog');
+    addAnotherButton = dialog.$$('#addAnotherButton');
+  }
+
   /**
    * @param {!Element} element
    */
   function isVisible(element) {
     return element.offsetWidth > 0 && element.offsetHeight > 0;
   }
 
   setup(function() {
     browserProxy = new TestFingerprintBrowserProxy();
     settings.FingerprintBrowserProxyImpl.instance_ = browserProxy;
 
     PolymerTest.clearBody();
     fingerprintList = document.createElement('settings-fingerprint-list');
     document.body.appendChild(fingerprintList);
-    dialog = fingerprintList.$.setupFingerprint;
-    addAnotherButton = dialog.$.addAnotherButton;
     Polymer.dom.flush();
     return Promise.all([
         browserProxy.whenCalled('startAuthentication'),
         browserProxy.whenCalled('getFingerprintsList')]).then(function() {
       assertEquals(0, fingerprintList.fingerprints_.length);
       browserProxy.resetResolver('getFingerprintsList');
     });
   });
 
   // Verify running through the enroll session workflow
   // (settings-setup-fingerprint-dialog) works as expected.
   test('EnrollingFingerprint', function() {
-    assertFalse(dialog.$.dialog.open);
-    MockInteractions.tap(fingerprintList.$$('.action-button'));
+    openDialog();
     return browserProxy.whenCalled('startEnroll').then(function() {
-      assertTrue(dialog.$.dialog.open);
+      assertTrue(dialog.$$('#dialog').open);
       assertEquals(0, dialog.receivedScanCount_);
       assertEquals(settings.FingerprintSetupStep.LOCATE_SCANNER, dialog.step_);
       browserProxy.scanReceived(settings.FingerprintResultType.SUCCESS, false);
       assertEquals(1, dialog.receivedScanCount_);
       assertEquals(settings.FingerprintSetupStep.MOVE_FINGER, dialog.step_);
 
       // Verify that by sending a scan problem, the div that contains the
       // problem message and icon should be visible.
       browserProxy.scanReceived(settings.FingerprintResultType.TOO_FAST, false);
       assertEquals(1, dialog.receivedScanCount_);
       assertEquals('visible',
-          window.getComputedStyle(dialog.$.problemDiv).visibility);
+          window.getComputedStyle(dialog.$$('#problemDiv')).visibility);
       browserProxy.scanReceived(settings.FingerprintResultType.SUCCESS, false);
       assertEquals('hidden',
-          window.getComputedStyle(dialog.$.problemDiv).visibility);
+          window.getComputedStyle(dialog.$$('#problemDiv')).visibility);
       browserProxy.scanReceived(settings.FingerprintResultType.SUCCESS, false);
       browserProxy.scanReceived(settings.FingerprintResultType.SUCCESS, true);
       assertEquals(settings.FingerprintSetupStep.READY, dialog.step_);
 
       // Verify that by tapping the continue button we should exit the dialog
       // and the fingerprint list should have one fingerprint registered.
-      MockInteractions.tap(dialog.$.closeButton);
+      MockInteractions.tap(dialog.$$('#closeButton'));
       return PolymerTest.flushTasks().then(function() {
         Promise.all([
              browserProxy.whenCalled('startAuthentication'),
              browserProxy.whenCalled('getFingerprintsList')]).then(
           function() {
             assertEquals(1, fingerprintList.fingerprints_.length);
           });
       });
     });
   });
 
   // Verify enrolling a fingerprint, then enrolling another without closing the
   // dialog works as intended.
   test('EnrollingAnotherFingerprint', function() {
-    assertFalse(dialog.$.dialog.open);
-    MockInteractions.tap(fingerprintList.$$('.action-button'));
+    openDialog();
     return browserProxy.whenCalled('startEnroll').then(function() {
       browserProxy.resetResolver('startEnroll');
 
-      assertTrue(dialog.$.dialog.open);
+      assertTrue(dialog.$$('#dialog').open);
       assertEquals(0, dialog.receivedScanCount_);
       assertFalse(isVisible(addAnotherButton));
       browserProxy.scanReceived(settings.FingerprintResultType.SUCCESS, true);
       assertEquals(settings.FingerprintSetupStep.READY, dialog.step_);
 
-      assertTrue(dialog.$.dialog.open);
+      assertTrue(dialog.$$('#dialog').open);
       assertTrue(isVisible(addAnotherButton));
       MockInteractions.tap(addAnotherButton);
 
       // Once the first fingerprint is enrolled, verify that enrolling the
       // second fingerprint without closing the dialog works as expected.
       return Promise.all([
           browserProxy.whenCalled('startEnroll'),
           browserProxy.whenCalled('getFingerprintsList')]);
     }).then(function() {
       browserProxy.resetResolver('getFingerprintsList');
 
-      assertTrue(dialog.$.dialog.open);
+      assertTrue(dialog.$$('#dialog').open);
       assertFalse(isVisible(addAnotherButton));
       browserProxy.scanReceived(settings.FingerprintResultType.SUCCESS, true);
 
       // Verify that by tapping the continue button we should exit the dialog
       // and the fingerprint list should have two fingerprints registered.
-      MockInteractions.tap(dialog.$.closeButton);
+      MockInteractions.tap(dialog.$$('#closeButton'));
       return browserProxy.whenCalled('getFingerprintsList');
     }).then(function() {
        assertEquals(2, fingerprintList.fingerprints_.length);
     });
   });
 
   test('CancelEnrollingFingerprint', function() {
-    assertFalse(dialog.$.dialog.open);
-    MockInteractions.tap(fingerprintList.$$('.action-button'));
+    openDialog();
     return browserProxy.whenCalled('startEnroll').then(function() {
-      assertTrue(dialog.$.dialog.open);
+      assertTrue(dialog.$$('#dialog').open);
       assertEquals(0, dialog.receivedScanCount_);
       assertEquals(settings.FingerprintSetupStep.LOCATE_SCANNER, dialog.step_);
       browserProxy.scanReceived(settings.FingerprintResultType.SUCCESS, false);
       assertEquals(1, dialog.receivedScanCount_);
       assertEquals(settings.FingerprintSetupStep.MOVE_FINGER, dialog.step_);
 
       // Verify that by tapping the exit button we should exit the dialog
       // and the fingerprint list should have zero fingerprints registered.
-      MockInteractions.tap(dialog.$.closeButton);
+      MockInteractions.tap(dialog.$$('#closeButton'));
       return Promise.all([
           browserProxy.whenCalled('cancelCurrentEnroll'),
           browserProxy.whenCalled('startAuthentication')]);
     }).then(function() {
       assertEquals(0, fingerprintList.fingerprints_.length);
     });
   });
 
   test('RemoveFingerprint', function() {
     browserProxy.setFingerprints(['Label 1', 'Label 2']);
@@ skipping 48 matching lines @@
       return Promise.all([
           browserProxy.whenCalled('removeEnrollment'),
           browserProxy.whenCalled('getFingerprintsList')]);
     }).then(function() {
       assertEquals(4, fingerprintList.fingerprints_.length);
       assertFalse(
           fingerprintList.$$('.action-button').disabled);
     });
   });
 });