Implement new mock for user options page per chromium-os:5028

chrome/browser/resources/options/chromeos_accounts_options.js

 // Copyright (c) 2010 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.
 
 ///////////////////////////////////////////////////////////////////////////////
 // AccountsOptions class:
 
 /**
  * Encapsulated handling of ChromeOS accounts options page.
  * @constructor
@@ skipping 15 matching lines @@
   __proto__: OptionsPage.prototype,
 
   /**
    * Initializes AccountsOptions page.
    */
   initializePage: function() {
     // Call base class implementation to starts preference initialization.
     OptionsPage.prototype.initializePage.call(this);
 
     // Set up accounts page.
-    $('addUserButton').onclick = function(e) {
-      OptionsPage.showOverlay('addUserOverlay');
-    };
-    $('removeUserButton').onclick = function(e) {
-      $('userList').removeSelectedUser();
-    };
-
     options.accounts.UserList.decorate($('userList'));
 
-    this.addEventListener('visibleChange',
-                          cr.bind(this.handleVisibleChange_, this));
+    var userNameEdit = $('userNameEdit');
+    options.accounts.UserNameEdit.decorate(userNameEdit);
+    userNameEdit.addEventListener('add', this.handleAddUser_);
 
-    // Setup add user overlay page.
-    OptionsPage.registerOverlay(AddUserOverlay.getInstance());
+    this.addEventListener('visibleChange', this.handleVisibleChange_);
   },
 
   userListInitalized_: false,
 
   /**
    * Handler for OptionsPage's visible property change event.
+   * @private
    * @param {Event} e Property change event.
    */
-  handleVisibleChange_ : function(e) {
+  handleVisibleChange_: function(e) {
     if (!this.userListInitalized_ && this.visible) {
       this.userListInitalized_ = true;
       userList.redraw();
     }
+  },
+
+  /**
+   * Handler for "add" event fired from userNameEdit.
+   * @private
+   * @param {Event} e Add event fired from userNameEdit.
+   */
+  handleAddUser_: function(e) {
+    $('userList').addUser(e.user);
   }
 };