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

// Copyright 2018 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.

cr.define('settings_people_page_sync_controls', function() {
  suite('SyncControlsTest', function() {
    let syncControls = null;
    let browserProxy = null;

    /**
     * Returns sync prefs with everything synced.
     * @return {!settings.SyncPrefs}
     */
    function getSyncAllPrefs() {
      return {
        appsEnforced: false,
        appsRegistered: true,
        appsSynced: true,
        autofillEnforced: false,
        autofillRegistered: true,
        autofillSynced: true,
        bookmarksEnforced: false,
        bookmarksRegistered: true,
        bookmarksSynced: true,
        extensionsEnforced: false,
        extensionsRegistered: true,
        extensionsSynced: true,
        passwordsEnforced: false,
        passwordsRegistered: true,
        passwordsSynced: true,
        paymentsIntegrationEnabled: true,
        preferencesEnforced: false,
        preferencesRegistered: true,
        preferencesSynced: true,
        syncAllDataTypes: true,
        tabsEnforced: false,
        tabsRegistered: true,
        tabsSynced: true,
        themesEnforced: false,
        themesRegistered: true,
        themesSynced: true,
        typedUrlsEnforced: false,
        typedUrlsRegistered: true,
        typedUrlsSynced: 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', getSyncAllPrefs());
      Polymer.dom.flush();
    });

    teardown(function() {
      syncControls.remove();
    });

    test('SettingIndividualDatatypes', function() {
      const syncAllDataTypesControl = syncControls.$.syncAllDataTypesControl;
      assertFalse(syncAllDataTypesControl.disabled);
      assertTrue(syncAllDataTypesControl.checked);

      // Assert that all the individual datatype controls are disabled.
      const datatypeControls =
          syncControls.shadowRoot.querySelectorAll('.list-item cr-toggle');
      for (const control of datatypeControls) {
        assertTrue(control.disabled);
        assertTrue(control.checked);
      }

      // Uncheck the Sync All control.
      syncAllDataTypesControl.click();

      function verifyPrefs(prefs) {
        const expected = 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');

        // Test an arbitrarily-selected control (extensions synced control).
        datatypeControls[2].click();
        return browserProxy.whenCalled('setSyncDatatypes')
            .then(function(prefs) {
              const expected = getSyncAllPrefs();
              expected.syncAllDataTypes = false;
              expected.extensionsSynced = false;
              assertEquals(JSON.stringify(expected), JSON.stringify(prefs));
            });
      }
      return browserProxy.whenCalled('setSyncDatatypes').then(verifyPrefs);
    });

    if (!cr.isChromeOS) {
      test('ToastNotShownWhenEmbedded', function() {
        syncControls.syncStatus = {setupInProgress: false};
        assertFalse(syncControls.$.toast.open);

        syncControls.syncStatus = {setupInProgress: true};
        assertFalse(syncControls.$.toast.open);
      });
    }
  });

  suite('SyncControlsSubpageTest', function() {
    let syncControls = null;
    let syncPage = null;
    let browserProxy = null;

    setup(function() {
      browserProxy = new TestSyncBrowserProxy();
      settings.SyncBrowserProxyImpl.instance_ = browserProxy;

      PolymerTest.clearBody();
      // First navigate to main sync page.
      syncPage = document.createElement('settings-sync-page');
      settings.navigateTo(settings.routes.SYNC);
      document.body.appendChild(syncPage);

      // Then navigate to advanced sync subpage.
      syncControls = document.createElement('settings-sync-controls');
      syncControls.syncPage = syncPage;
      settings.navigateTo(settings.routes.SYNC_ADVANCED);
      document.body.appendChild(syncControls);

      Polymer.dom.flush();
    });

    teardown(function() {
      syncControls.remove();
      syncPage.remove();
    });

    if (!cr.isChromeOS) {
      test('ToastShownForSyncSetup', function() {
        syncControls.syncStatus = {setupInProgress: false};
        assertFalse(syncControls.$.toast.open);

        syncControls.syncStatus = {setupInProgress: true};
        assertTrue(syncControls.$.toast.open);

        syncControls.$.toast.querySelector('paper-button').click();

        return browserProxy.whenCalled('didNavigateAwayFromSyncPage')
            .then(abort => {
              assertTrue(abort);
            });
      });
    }
  });
});