Split OptionsPage into Page and PageManager

chrome/browser/ui/webui/options/manage_profile_browsertest.js

 // Copyright 2013 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.
 
 // None of these tests is relevant for Chrome OS.
 GEN('#if !defined(OS_CHROMEOS)');
 
 /**
  * TestFixture for ManageProfileOverlay and CreateProfileOverlay WebUI testing.
  * @extends {testing.Test}
@@ skipping 50 matching lines @@
     // Set the profile info in the overlay.
     ManageProfileOverlay.setProfileInfo(this.testProfileInfo_(managed), mode);
   },
 
   /**
    * Set some default profile infos (icon URLs and names).
    * @param {boolean} managed Whether the test profile should be marked managed.
    * @param {string} mode The mode of the overlay (either 'manage' or 'create').
    */
   initDefaultProfiles_: function(mode) {
-    OptionsPage.showPageByName(mode + 'Profile');
+    PageManager.showPageByName(mode + 'Profile');
 
     var defaultProfile = {
       name: 'Default Name',
       iconURL: '/default/path',
     };
     this.defaultIconURLs = ['/some/path',
                             defaultProfile.iconURL,
                             '/another/path',
                             '/one/more/path'];
     this.defaultNames = ['Some Name', defaultProfile.name, '', 'Another Name'];
     ManageProfileOverlay.receiveDefaultProfileIconsAndNames(
         mode, this.defaultIconURLs, this.defaultNames);
     ManageProfileOverlay.receiveNewProfileDefaults(defaultProfile);
 
     // Make sure the correct item in the icon grid was selected.
     var gridEl = $(mode + '-profile-icon-grid');
     expectEquals(defaultProfile.iconURL, gridEl.selectedItem);
   },
 };
 
 // Receiving the new profile defaults in the manage-user overlay shouldn't mess
 // up the focus in a visible higher-level overlay.
 TEST_F('ManageProfileUITest', 'NewProfileDefaultsFocus', function() {
   var self = this;
 
   function checkFocus(pageName, expectedFocus, initialFocus) {
-    OptionsPage.showPageByName(pageName);
+    PageManager.showPageByName(pageName);
     initialFocus.focus();
     expectEquals(initialFocus, document.activeElement, pageName);
 
     ManageProfileOverlay.receiveNewProfileDefaults(
         self.testProfileInfo_(false));
     expectEquals(expectedFocus, document.activeElement, pageName);
-    OptionsPage.closeOverlay();
+    PageManager.closeOverlay();
   }
 
   // Receiving new profile defaults sets focus to the name field if the create
   // overlay is open, and should not change focus at all otherwise.
   checkFocus('manageProfile',
              $('manage-profile-cancel'),
              $('manage-profile-cancel'));
   checkFocus('createProfile',
              $('create-profile-name'),
              $('create-profile-cancel'));
   checkFocus('managedUserLearnMore',
              $('managed-user-learn-more-done'),
              $('managed-user-learn-more-done'));
   checkFocus('managedUserLearnMore',
              document.querySelector('#managed-user-learn-more-text a'),
              document.querySelector('#managed-user-learn-more-text a'));
 });
 
 // The default options should be reset each time the creation overlay is shown.
 TEST_F('ManageProfileUITest', 'DefaultCreateOptions', function() {
-  OptionsPage.showPageByName('createProfile');
+  PageManager.showPageByName('createProfile');
   var shortcutsAllowed = loadTimeData.getBoolean('profileShortcutsEnabled');
   var createShortcut = $('create-shortcut');
   var createManaged = $('create-profile-managed');
   assertEquals(shortcutsAllowed, createShortcut.checked);
   assertFalse(createManaged.checked);
 
   createShortcut.checked = !shortcutsAllowed;
   createManaged.checked = true;
-  OptionsPage.closeOverlay();
-  OptionsPage.showPageByName('createProfile');
+  PageManager.closeOverlay();
+  PageManager.showPageByName('createProfile');
   assertEquals(shortcutsAllowed, createShortcut.checked);
   assertFalse(createManaged.checked);
 });
 
 // The checkbox label should change depending on whether the user is signed in.
 TEST_F('ManageProfileUITest', 'CreateManagedUserText', function() {
   var signedInText = $('create-profile-managed-signed-in');
   var notSignedInText = $('create-profile-managed-not-signed-in');
 
   ManageProfileOverlay.getInstance().initializePage();
@@ skipping 128 matching lines @@
 // Managed users should not be able to edit their profile names, and the initial
 // focus should be adjusted accordingly.
 TEST_F('ManageProfileUITest', 'EditManagedUserNameAllowed', function() {
   var nameField = $('manage-profile-name');
 
   this.setProfileManaged_(false, 'manage');
   ManageProfileOverlay.showManageDialog();
   expectFalse(nameField.disabled);
   expectEquals(nameField, document.activeElement);
 
-  OptionsPage.closeOverlay();
+  PageManager.closeOverlay();
 
   this.setProfileManaged_(true, 'manage');
   ManageProfileOverlay.showManageDialog();
   expectTrue(nameField.disabled);
   expectEquals($('manage-profile-ok'), document.activeElement);
 });
 
 // Setting profile information should allow the confirmation to be shown.
 TEST_F('ManageProfileUITest', 'ShowCreateConfirmation', function() {
   var testProfile = this.testProfileInfo_(true);
   testProfile.custodianEmail = 'foo@bar.example.com';
   ManagedUserCreateConfirmOverlay.setProfileInfo(testProfile);
   assertTrue(ManagedUserCreateConfirmOverlay.getInstance().canShowPage());
-  OptionsPage.showPageByName('managedUserCreateConfirm', false);
+  PageManager.showPageByName('managedUserCreateConfirm', false);
   assertEquals('managedUserCreateConfirm',
-               OptionsPage.getTopmostVisiblePage().name);
+               PageManager.getTopmostVisiblePage().name);
 });
 
 // Trying to show a confirmation dialog with no profile information should fall
 // back to the default (main) settings page.
 TEST_F('ManageProfileUITest', 'NoEmptyConfirmation', function() {
-  assertEquals('manageProfile', OptionsPage.getTopmostVisiblePage().name);
+  assertEquals('manageProfile', PageManager.getTopmostVisiblePage().name);
   assertFalse(ManagedUserCreateConfirmOverlay.getInstance().canShowPage());
-  OptionsPage.showPageByName('managedUserCreateConfirm', true);
-  assertEquals('settings', OptionsPage.getTopmostVisiblePage().name);
+  PageManager.showPageByName('managedUserCreateConfirm', true);
+  assertEquals('settings', PageManager.getTopmostVisiblePage().name);
 });
 
 // A confirmation dialog should be shown after creating a new managed user.
 TEST_F('ManageProfileUITest', 'ShowCreateConfirmationOnSuccess', function() {
-  OptionsPage.showPageByName('createProfile');
-  assertEquals('createProfile', OptionsPage.getTopmostVisiblePage().name);
+  PageManager.showPageByName('createProfile');
+  assertEquals('createProfile', PageManager.getTopmostVisiblePage().name);
   CreateProfileOverlay.onSuccess(this.testProfileInfo_(false));
-  assertEquals('settings', OptionsPage.getTopmostVisiblePage().name);
+  assertEquals('settings', PageManager.getTopmostVisiblePage().name);
 
-  OptionsPage.showPageByName('createProfile');
-  assertEquals('createProfile', OptionsPage.getTopmostVisiblePage().name);
+  PageManager.showPageByName('createProfile');
+  assertEquals('createProfile', PageManager.getTopmostVisiblePage().name);
   CreateProfileOverlay.onSuccess(this.testProfileInfo_(true));
   assertEquals('managedUserCreateConfirm',
-               OptionsPage.getTopmostVisiblePage().name);
+               PageManager.getTopmostVisiblePage().name);
   expectEquals($('managed-user-created-switch'), document.activeElement);
 });
 
 // An error should be shown if creating a new managed user fails.
 TEST_F('ManageProfileUITest', 'NoCreateConfirmationOnError', function() {
-  OptionsPage.showPageByName('createProfile');
-  assertEquals('createProfile', OptionsPage.getTopmostVisiblePage().name);
+  PageManager.showPageByName('createProfile');
+  assertEquals('createProfile', PageManager.getTopmostVisiblePage().name);
   var errorBubble = $('create-profile-error-bubble');
   assertTrue(errorBubble.hidden);
 
   CreateProfileOverlay.onError('An Error Message!');
-  assertEquals('createProfile', OptionsPage.getTopmostVisiblePage().name);
+  assertEquals('createProfile', PageManager.getTopmostVisiblePage().name);
   assertFalse(errorBubble.hidden);
 });
 
 // The name and email should be inserted into the confirmation dialog.
 TEST_F('ManageProfileUITest', 'CreateConfirmationText', function() {
   var self = this;
   var custodianEmail = 'foo@example.com';
 
   // Checks the strings in the confirmation dialog. If |expectedNameText| is
   // given, it should be present in the dialog's textContent; otherwise the name
   // is expected. If |expectedNameHtml| is given, it should be present in the
   // dialog's innerHTML; otherwise the expected text is expected in the HTML
   // too.
   function checkDialog(name, expectedNameText, expectedNameHtml) {
     var expectedText = expectedNameText || name;
     var expectedHtml = expectedNameHtml || expectedText;
 
     // Configure the test profile and show the confirmation dialog.
     var testProfile = self.testProfileInfo_(true);
     testProfile.name = name;
     CreateProfileOverlay.onSuccess(testProfile);
     assertEquals('managedUserCreateConfirm',
-                 OptionsPage.getTopmostVisiblePage().name);
+                 PageManager.getTopmostVisiblePage().name);
 
     // Check for the presence of the name and email in the UI, without depending
     // on the details of the messsages.
     assertNotEquals(-1,
         $('managed-user-created-title').textContent.indexOf(expectedText));
     assertNotEquals(-1,
         $('managed-user-created-switch').textContent.indexOf(expectedText));
     var message = $('managed-user-created-text');
     assertNotEquals(-1, message.textContent.indexOf(expectedText));
     assertNotEquals(-1, message.textContent.indexOf(custodianEmail));
 
     // The name should be properly HTML-escaped.
     assertNotEquals(-1, message.innerHTML.indexOf(expectedHtml));
 
-    OptionsPage.closeOverlay();
-    assertEquals('settings', OptionsPage.getTopmostVisiblePage().name, name);
+    PageManager.closeOverlay();
+    assertEquals('settings', PageManager.getTopmostVisiblePage().name, name);
   }
 
   // Show and configure the create-profile dialog.
-  OptionsPage.showPageByName('createProfile');
+  PageManager.showPageByName('createProfile');
   CreateProfileOverlay.updateSignedInStatus(custodianEmail);
-  assertEquals('createProfile', OptionsPage.getTopmostVisiblePage().name);
+  assertEquals('createProfile', PageManager.getTopmostVisiblePage().name);
 
   checkDialog('OneWord');
   checkDialog('Multiple Words');
   checkDialog('It\'s "<HTML> injection" & more!',
               'It\'s "<HTML> injection" & more!',
               // The innerHTML getter doesn't escape quotation marks,
               // independent of whether they were escaped in the setter.
               'It\'s "&lt;HTML&gt; injection" &amp; more!');
 
   // Test elision. MAX_LENGTH = 50, minus 1 for the ellipsis.
@@ skipping 101 matching lines @@
 
   CreateProfileOverlay.updateCreateInProgress(false);
   assertFalse(checkbox.disabled, 'creation finished');
 });
 
 // Managed users shouldn't be able to open the delete or create dialogs.
 TEST_F('ManageProfileUITest', 'ManagedShowDeleteAndCreate', function() {
   this.setProfileManaged_(false, 'create');
 
   ManageProfileOverlay.showCreateDialog();
-  assertEquals('createProfile', OptionsPage.getTopmostVisiblePage().name);
-  OptionsPage.closeOverlay();
-  assertEquals('settings', OptionsPage.getTopmostVisiblePage().name);
+  assertEquals('createProfile', PageManager.getTopmostVisiblePage().name);
+  PageManager.closeOverlay();
+  assertEquals('settings', PageManager.getTopmostVisiblePage().name);
   ManageProfileOverlay.showDeleteDialog(this.testProfileInfo_(false));
-  assertEquals('manageProfile', OptionsPage.getTopmostVisiblePage().name);
+  assertEquals('manageProfile', PageManager.getTopmostVisiblePage().name);
   assertFalse($('manage-profile-overlay-delete').hidden);
-  OptionsPage.closeOverlay();
-  assertEquals('settings', OptionsPage.getTopmostVisiblePage().name);
+  PageManager.closeOverlay();
+  assertEquals('settings', PageManager.getTopmostVisiblePage().name);
 
   this.setProfileManaged_(true, 'create');
   ManageProfileOverlay.showCreateDialog();
-  assertEquals('settings', OptionsPage.getTopmostVisiblePage().name);
+  assertEquals('settings', PageManager.getTopmostVisiblePage().name);
   ManageProfileOverlay.showDeleteDialog(this.testProfileInfo_(false));
-  assertEquals('settings', OptionsPage.getTopmostVisiblePage().name);
+  assertEquals('settings', PageManager.getTopmostVisiblePage().name);
 });
 
 // Only non-managed users should be able to delete profiles.
 TEST_F('ManageProfileUITest', 'ManagedDelete', function() {
   ManageProfileOverlay.showDeleteDialog(this.testProfileInfo_(false));
-  assertEquals('manageProfile', OptionsPage.getTopmostVisiblePage().name);
+  assertEquals('manageProfile', PageManager.getTopmostVisiblePage().name);
   assertFalse($('manage-profile-overlay-delete').hidden);
 
   // Clicks the "Delete" button, after overriding chrome.send to record what
   // messages were sent.
   function clickAndListen() {
     var originalChromeSend = chrome.send;
     var chromeSendMessages = [];
     chrome.send = function(message) {
       chromeSendMessages.push(message);
     };
     $('delete-profile-ok').onclick();
     // Restore the original function so the test framework can use it.
     chrome.send = originalChromeSend;
     return chromeSendMessages;
   }
 
   this.setProfileManaged_(false, 'manage');
   var messages = clickAndListen();
   assertEquals(1, messages.length);
   assertEquals('deleteProfile', messages[0]);
-  assertEquals('settings', OptionsPage.getTopmostVisiblePage().name);
+  assertEquals('settings', PageManager.getTopmostVisiblePage().name);
 
   ManageProfileOverlay.showDeleteDialog(this.testProfileInfo_(false));
   this.setProfileManaged_(true, 'manage');
   messages = clickAndListen();
   assertEquals(0, messages.length);
-  assertEquals('settings', OptionsPage.getTopmostVisiblePage().name);
+  assertEquals('settings', PageManager.getTopmostVisiblePage().name);
 });
 
 // Selecting a different avatar image should update the suggested profile name.
 TEST_F('ManageProfileUITest', 'Create_NameUpdateOnAvatarSelected', function() {
   var mode = 'create';
   this.initDefaultProfiles_(mode);
 
   var gridEl = $(mode + '-profile-icon-grid');
   var nameEl = $(mode + '-profile-name');
 
   // Select another icon and check that the profile name was updated.
   assertNotEquals(gridEl.selectedItem, this.defaultIconURLs[0]);
   gridEl.selectedItem = this.defaultIconURLs[0];
   expectEquals(this.defaultNames[0], nameEl.value);
 
   // Select icon without an associated name; the profile name shouldn't change.
   var oldName = nameEl.value;
   assertEquals('', this.defaultNames[2]);
   gridEl.selectedItem = this.defaultIconURLs[2];
   expectEquals(oldName, nameEl.value);
 
   // Select another icon with a name and check that the name is updated again.
   assertNotEquals('', this.defaultNames[1]);
   gridEl.selectedItem = this.defaultIconURLs[1];
   expectEquals(this.defaultNames[1], nameEl.value);
 
-  OptionsPage.closeOverlay();
+  PageManager.closeOverlay();
 });
 
 // After the user edited the profile name, selecting a different avatar image
 // should not update the suggested name anymore.
 TEST_F('ManageProfileUITest', 'Create_NoNameUpdateOnAvatarSelectedAfterEdit',
     function() {
   var mode = 'create';
   this.initDefaultProfiles_(mode);
 
   var gridEl = $(mode + '-profile-icon-grid');
   var nameEl = $(mode + '-profile-name');
 
   // After the user manually entered a name, it should not be changed anymore
   // (even if the entered name is another default name).
   nameEl.value = this.defaultNames[3];
   nameEl.oninput();
   gridEl.selectedItem = this.defaultIconURLs[0];
   expectEquals(this.defaultNames[3], nameEl.value);
 
-  OptionsPage.closeOverlay();
+  PageManager.closeOverlay();
 });
 
 // After the user edited the profile name, selecting a different avatar image
 // should not update the suggested name anymore even if the original suggestion
 // is entered again.
 TEST_F('ManageProfileUITest', 'Create_NoNameUpdateOnAvatarSelectedAfterRevert',
     function() {
   var mode = 'create';
   this.initDefaultProfiles_(mode);
 
   var gridEl = $(mode + '-profile-icon-grid');
   var nameEl = $(mode + '-profile-name');
 
   // After the user manually entered a name, it should not be changed anymore,
   // even if the user then reverts to the original suggestion.
   var oldName = nameEl.value;
   nameEl.value = 'Custom Name';
   nameEl.oninput();
   nameEl.value = oldName;
   nameEl.oninput();
   // Now select another avatar and check that the name remained the same.
   assertNotEquals(gridEl.selectedItem, this.defaultIconURLs[0]);
   gridEl.selectedItem = this.defaultIconURLs[0];
   expectEquals(oldName, nameEl.value);
 
-  OptionsPage.closeOverlay();
+  PageManager.closeOverlay();
 });
 
 // In the manage dialog, the name should never be updated on avatar selection.
 TEST_F('ManageProfileUITest', 'Manage_NoNameUpdateOnAvatarSelected',
     function() {
   var mode = 'manage';
   this.setProfileManaged_(false, mode);
-  OptionsPage.showPageByName(mode + 'Profile');
+  PageManager.showPageByName(mode + 'Profile');
 
   var testProfile = this.testProfileInfo_(false);
   var iconURLs = [testProfile.iconURL, '/some/path', '/another/path'];
   var names = [testProfile.name, 'Some Name', ''];
   ManageProfileOverlay.receiveDefaultProfileIconsAndNames(
      mode, iconURLs, names);
 
   var gridEl = $(mode + '-profile-icon-grid');
   var nameEl = $(mode + '-profile-name');
 
   // Select another icon and check if the profile name was updated.
   var oldName = nameEl.value;
   gridEl.selectedItem = iconURLs[1];
   expectEquals(oldName, nameEl.value);
 
-  OptionsPage.closeOverlay();
+  PageManager.closeOverlay();
 });
 
 GEN('#endif  // OS_CHROMEOS');