Revert "[SyncSteup]: Change Sync everything to a radio behaviour."

This reverts commit bc295819.

Reason for revert: Breaks browser_tests on Mac10.13 Tests (dbg): https://ci.chromium.org/p/chromium/builders/ci/Mac10.13%20Tests%20%28dbg%29/16788

Original change's description:
> [SyncSteup]: Change Sync everything to a radio behaviour.
> 
> As part of friendly settings, this CL implements changing |sync
> everything| from check box to radio button. The motivation behind this
> work is to clarify to users the difference between |Sync everything|
> checked and |Sync everything| unchecked but all single data types
> checked.
> 
> Screenshot:
> http://screen/TuwQcMx3dmk
> 
> Bug: 1035421
> Change-Id: I4f9db188a6b324d18c5d17a5dfca6b9d70e0b1ae
> Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1995328
> Commit-Queue: Monica Basta <msalama@chromium.org>
> Reviewed-by: Dan Beam <dbeam@chromium.org>
> Cr-Commit-Position: refs/heads/master@{#732804}

TBR=dbeam@chromium.org,msalama@chromium.org

Change-Id: Ifddfa0873d756f23059b90b5ce95743091c0d048
No-Presubmit: true
No-Tree-Checks: true
No-Try: true
Bug: 1035421
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2007213Reviewed-by: Jan Wilken Dörrie <jdoerrie@chromium.org>
Commit-Queue: Jan Wilken Dörrie <jdoerrie@chromium.org>
Cr-Commit-Position: refs/heads/master@{#732839}

chrome/app/settings_strings.grdp

@@ -4393,21 +4393,6 @@
   </message>
   <message name="IDS_SETTINGS_SYNC_EVERYTHING_CHECKBOX_LABEL" desc="Label for the checkbox which causes all properties to be synced.">
     Sync everything
-  </message>
-   <message name="IDS_SETTINGS_SYNC_EVERYTHING" desc="Label for the radio button which causes all properties to be synced.">
-    Sync everything
-  </message>
-  <message name="IDS_SETTINGS_SYNC_EVERYTHING_HINT" desc="Hint for the radio button which causes all properties to be synced.">
-    Sync all data types including ones that might be added in the future
-  </message>
-   <message name="IDS_SETTINGS_CUSTOMIZE_SYNC" desc="Label for the radio button to customize sync data types.">
-    Customize sync
-  </message>
-  <message name="IDS_SETTINGS_CUSTOMIZE_SYNC_HINT" desc="Hint or the radio button to customize sync data types.">
-    Sync only selected data types
-  </message>
-  <message name="IDS_SETTINGS_SYNC_DATA" desc="Title for sync data types list.">
-    Sync data
   </message>
   <message name="IDS_SETTINGS_MANAGE_GOOGLE_ACCOUNT" desc="Label for the button that takes the user to the Google Account website.">
     Manage your Google Account

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

@@ -23,51 +23,17 @@
       .list-item > div {
         flex: 1;
       }
-
-      cr-radio-button[name='sync-everything'] > .secondary {
-        border-bottom: var(--cr-separator-line);
-        padding-bottom: var(--cr-section-vertical-padding);
-      }
-
-      cr-radio-button[name='customize-sync'] {
-        padding-top: var(--cr-section-vertical-padding);
-      }
     </style>
-
-    <template is="dom-if" if="[[syncSetupFriendlySettings_]]">
-      <div id="sync-data-radio" class="settings-box first">
-        <cr-radio-group
-            selected="[[selectedSyncDataRadio_(syncPrefs)]]"
-            on-selected-changed="onSyncDataRadioSelectionChanged_">
-          <cr-radio-button name="sync-everything">
-            $i18n{syncEverythingLabel}
-            <div class="secondary">$i18n{syncEverythingHint}</div>
-          </cr-radio-button>
-          <cr-radio-button name="customize-sync">
-            $i18n{customizeSyncLabel}
-            <div class="secondary">$i18n{customizeSyncHint}</div>
-          </cr-radio-button>
-        </cr-radio-group>
-      </div>
-
-      <div class="settings-box first">
-        <h2 class="cr-title-text start">$i18n{syncData}</h2>
+    <div class="settings-box first">
+      <div id="syncEverythingCheckboxLabel" class="start">
+        $i18n{syncEverythingCheckboxLabel}
       </div>
-    </template>
-
-
-    <template is="dom-if" if="[[!syncSetupFriendlySettings_]]">
-      <div class="settings-box first">
-        <div id="syncEverythingCheckboxLabel" class="start">
-          $i18n{syncEverythingCheckboxLabel}
-        </div>
-        <cr-toggle id="syncAllDataTypesControl"
-            checked="{{syncPrefs.syncAllDataTypes}}"
-            on-change="onSyncAllDataTypesChanged_"
-            aria-labelledby="syncEverythingCheckboxLabel">
-        </cr-toggle>
-      </div>
-    </template>
+      <cr-toggle id="syncAllDataTypesControl"
+          checked="{{syncPrefs.syncAllDataTypes}}"
+          on-change="onSyncAllDataTypesChanged_"
+          aria-labelledby="syncEverythingCheckboxLabel">
+      </cr-toggle>
+    </div>
 
     <div class="list-frame" id="sync-data-types">
       <div class="list-item" hidden="[[!syncPrefs.appsRegistered]]">

chrome/browser/resources/settings/people_page/sync_controls.js

@@ -22,16 +22,6 @@ const SyncPrefsIndividualDataTypes = [
   'paymentsIntegrationEnabled',
 ];
 
-/**
- * Names of the radio buttons which allow the user to choose their data sync
- * mechanism.
- * @enum {string}
- */
-const RadioButtonNames = {
-  SYNC_EVERYTHING: 'sync-everything',
-  CUSTOMIZE_SYNC: 'customize-sync',
-};
-
 /**
  * @fileoverview
  * 'settings-sync-controls' contains all sync data type controls.
@@ -64,18 +54,6 @@ Polymer({
       type: Object,
       observer: 'syncStatusChanged_',
     },
-
-    /**
-     * If sync page friendly settings is enabled.
-     * @private
-     */
-    syncSetupFriendlySettings_: {
-      type: Boolean,
-      value: function() {
-        return loadTimeData.valueExists('syncSetupFriendlySettings') &&
-            loadTimeData.getBoolean('syncSetupFriendlySettings');
-      }
-    },
   },
 
   /** @private {?settings.SyncBrowserProxy} */
@@ -117,42 +95,6 @@ Polymer({
     }
   },
 
-  /**
-   * Computed binding returning the selected sync data radio button.
-   * @private
-   */
-  selectedSyncDataRadio_: function() {
-    return this.syncPrefs.syncAllDataTypes ? RadioButtonNames.SYNC_EVERYTHING :
-                                             RadioButtonNames.CUSTOMIZE_SYNC;
-  },
-
-  /**
-   * Called when the sync data radio button selection changes.
-   * @param {!Event} event
-   * @private
-   */
-  onSyncDataRadioSelectionChanged_: function(event) {
-    if (event.detail.value === RadioButtonNames.SYNC_EVERYTHING) {
-      this.set('syncPrefs.syncAllDataTypes', true);
-      // Cache the previously selected preference before checking every box.
-      this.cachedSyncPrefs_ = {};
-      for (const dataType of SyncPrefsIndividualDataTypes) {
-        // These are all booleans, so this shallow copy is sufficient.
-        this.cachedSyncPrefs_[dataType] = this.syncPrefs[dataType];
-        this.set(['syncPrefs', dataType], true);
-      }
-    } else {
-      this.set('syncPrefs.syncAllDataTypes', false);
-      if (this.cachedSyncPrefs_) {
-        // Restore the previously selected preference.
-        for (const dataType of SyncPrefsIndividualDataTypes) {
-          this.set(['syncPrefs', dataType], this.cachedSyncPrefs_[dataType]);
-        }
-      }
-    }
-    this.onSingleSyncDataTypeChanged_();
-  },
-
   /**
    * Handler for when the sync all data types checkbox is changed.
    * @param {!Event} event

chrome/browser/ui/webui/settings/settings_localized_strings_provider.cc

@@ -2009,11 +2009,6 @@ void AddPeopleStrings(content::WebUIDataSource* html_source, Profile* profile) {
     {"syncTimeout", IDS_SETTINGS_SYNC_TIMEOUT},
     {"syncEverythingCheckboxLabel",
      IDS_SETTINGS_SYNC_EVERYTHING_CHECKBOX_LABEL},
-    {"syncEverythingLabel", IDS_SETTINGS_SYNC_EVERYTHING},
-    {"syncEverythingHint", IDS_SETTINGS_SYNC_EVERYTHING_HINT},
-    {"customizeSyncLabel", IDS_SETTINGS_CUSTOMIZE_SYNC},
-    {"customizeSyncHint", IDS_SETTINGS_CUSTOMIZE_SYNC_HINT},
-    {"syncData", IDS_SETTINGS_SYNC_DATA},
     {"manageGoogleAccount", IDS_SETTINGS_MANAGE_GOOGLE_ACCOUNT},
     {"appCheckboxLabel", IDS_SETTINGS_APPS_CHECKBOX_LABEL},
     {"extensionsCheckboxLabel", IDS_SETTINGS_EXTENSIONS_CHECKBOX_LABEL},

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

@@ -26,8 +26,7 @@ cr.define('settings_people_page_sync_controls', function() {
     });
 
     test('SettingIndividualDatatypes', function() {
-      const syncAllDataTypesControl =
-          syncControls.$$('#syncAllDataTypesControl');
+      const syncAllDataTypesControl = syncControls.$.syncAllDataTypesControl;
       assertFalse(syncAllDataTypesControl.disabled);
       assertTrue(syncAllDataTypesControl.checked);
 
@@ -165,79 +164,4 @@ cr.define('settings_people_page_sync_controls', function() {
           settings.Router.getInstance().getCurrentRoute());
     });
   });
-
-  // TODO(msalama): Merge |SyncControlsFriendlySettingsOnTest| and
-  // |SyncControlsTest| once |syncSetupFriendlySettings| is enabled 100%.
-  suite('SyncControlsFriendlySettingsOnTest', function() {
-    let syncControls = null;
-    let browserProxy = null;
-    let syncEverything = null;
-    let customizeSync = null;
-
-    suiteSetup(function() {
-      loadTimeData.overrideValues({
-        syncSetupFriendlySettings: true,
-      });
-    });
-
-    setup(function() {
-      browserProxy = new TestSyncBrowserProxy();
-      settings.SyncBrowserProxyImpl.instance_ = browserProxy;
-
-      PolymerTest.clearBody();
-      syncControls = document.createElement('settings-sync-controls');
-      document.body.appendChild(syncControls);
-
-      // Start with Sync All.
-      cr.webUIListenerCallback(
-          'sync-prefs-changed', sync_test_util.getSyncAllPrefs());
-      Polymer.dom.flush();
-
-      syncEverything =
-          syncControls.$$('cr-radio-button[name="sync-everything"]');
-      customizeSync = syncControls.$$('cr-radio-button[name="customize-sync"]');
-      assertTrue(!!syncEverything);
-      assertTrue(!!customizeSync);
-    });
-
-    teardown(function() {
-      syncControls.remove();
-    });
-
-    test('SettingIndividualDatatypes', function() {
-      assertTrue(syncEverything.checked);
-      assertFalse(customizeSync.checked);
-      assertEquals(syncControls.$$('#syncAllDataTypesControl'), null);
-
-      // Assert that all the individual datatype controls are disabled.
-      const datatypeControls = syncControls.shadowRoot.querySelectorAll(
-          '.list-item:not([hidden]) > cr-toggle');
-
-      for (const control of datatypeControls) {
-        assertTrue(control.disabled);
-        assertTrue(control.checked);
-      }
-
-      customizeSync.click();
-      Polymer.dom.flush();
-      assertFalse(syncEverything.checked);
-      assertTrue(customizeSync.checked);
-
-      function verifyPrefs(prefs) {
-        const expected = sync_test_util.getSyncAllPrefs();
-        expected.syncAllDataTypes = false;
-        assertEquals(JSON.stringify(expected), JSON.stringify(prefs));
-
-        cr.webUIListenerCallback('sync-prefs-changed', expected);
-
-        // Assert that all the individual datatype controls are enabled.
-        for (const control of datatypeControls) {
-          assertFalse(control.disabled);
-          assertTrue(control.checked);
-        }
-        browserProxy.resetResolver('setSyncDatatypes');
-      }
-      return browserProxy.whenCalled('setSyncDatatypes').then(verifyPrefs);
-    });
-  });
 });