Browser tests for the quick_unlock settings pages.

chrome/browser/resources/settings/people_page/quick_unlock_setup_pin.html

 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/html/i18n_behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
 <link rel="import" href="/people_page/pin_keyboard.html">
 <link rel="import" href="/people_page/quick_unlock_password_detect_behavior.html">
 <link rel="import" href="/people_page/quick_unlock_routing_behavior.html">
 <link rel="import" href="/settings_page/settings_section.html">
 <link rel="import" href="/settings_shared_css.html">
 
 <dom-module id="settings-quick-unlock-setup-pin">
@@ skipping 24 matching lines @@
         justify-content: center;
       }
 
       .align-end {
         justify-content: flex-end;
       }
     </style>
 
     <div>
       <!-- Title; only shown if warning/error is hidden. -->
-      <div class="settings-box" hidden$="[[hasProblem_(problemMessage_)]]">
+      <div class="settings-box" hidden$="[[hasProblem_(problemMessage_)]]"
+           id="title-div">
         <span>[[getTitleMessage_(isConfirmStep_)]]</span>
       </div>
 
       <!-- Warning/error; only shown if title is hidden. -->
       <div class$="[[problemClass_]] settings-box"
-           hidden$="[[!hasProblem_(problemMessage_)]]">
+           hidden$="[[!hasProblem_(problemMessage_)]]"
+           id="problem-div">
         <iron-icon icon="icons:warning"></iron-icon>
         <span>[[problemMessage_]]</span>
       </div>
 
       <!-- Pin keyboard -->
       <div class="align-center settings-box continuation">
         <pin-keyboard on-pin-change="onPinChange_" on-submit="onPinSubmit_"
                       value="{{pinKeyboardValue_}}"></pin-keyboard>
       </div>
 
       <div class="align-end settings-box">
         <paper-button class="cancel-button" on-tap="resetState_"
                       hidden$="[[!isConfirmStep_]]">
           $i18n{quickUnlockConfigurePinBackButton}
         </paper-button>
 
         <paper-button class="action-button" on-tap="onPinSubmit_"
                       disabled$="[[!enableSubmit_]]">
           <span>[[getContinueMessage_(isConfirmStep_)]]</span>
         </paper-button>
       </div>
 
     </div>
   </template>
 
   <script src="quick_unlock_setup_pin.js"></script>
 </dom-module>