/* Any copyright is dedicated to the Public Domain.
 * http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

let { UIState } = ChromeUtils.importESModule(
  "resource://services-sync/UIState.sys.mjs"
);

add_setup(async function () {
  await SpecialPowers.pushPrefEnv({
    set: [["browser.settings-redesign.enabled", true]],
  });
});

async function runSyncTest(uiStateData, testCallback) {
  const oldUIState = UIState.get;
  UIState.get = () => uiStateData;

  await openPreferencesViaOpenPreferencesAPI("paneSync", {
    leaveOpen: true,
  });
  let doc = gBrowser.contentDocument;

  try {
    await testCallback(doc);
  } finally {
    UIState.get = oldUIState;
    BrowserTestUtils.removeTab(gBrowser.selectedTab);
  }
}

add_task(async function testSyncNoFxaSignIn() {
  await runSyncTest(
    {
      status: UIState.STATUS_NOT_CONFIGURED,
      email: "foo@bar.com",
    },
    async doc => {
      let syncSettingGroup = doc.querySelector('setting-group[groupid="sync"]');
      ok(
        !BrowserTestUtils.isHidden(syncSettingGroup),
        "Sync setting group is displayed."
      );

      let syncNoFxaSignIn = syncSettingGroup.querySelector("#noFxaSignIn");
      ok(
        !BrowserTestUtils.isHidden(syncNoFxaSignIn),
        "Link to sign in is displayed when status is not confirmed."
      );

      let syncConfigured = syncSettingGroup.querySelector("#syncConfigured");
      let syncNotConfigured =
        syncSettingGroup.querySelector("#syncNotConfigured");
      let fxaDeviceNameSection = syncSettingGroup.querySelector(
        "#fxaDeviceNameSection"
      );
      ok(
        BrowserTestUtils.isHidden(syncConfigured) &&
          BrowserTestUtils.isHidden(syncNotConfigured) &&
          BrowserTestUtils.isHidden(fxaDeviceNameSection),
        "All other sync sections are hidden."
      );
    }
  );
});

add_task(async function testSyncFxaNotVerified() {
  await runSyncTest(
    {
      status: UIState.STATUS_NOT_VERIFIED,
      email: "foo@bar.com",
    },
    async doc => {
      let syncSettingGroup = doc.querySelector('setting-group[groupid="sync"]');
      ok(
        !BrowserTestUtils.isHidden(syncSettingGroup),
        "Sync setting group is displayed."
      );

      let fxaDeviceNameSection = syncSettingGroup.querySelector(
        "#fxaDeviceNameSection"
      );
      ok(
        !BrowserTestUtils.isHidden(fxaDeviceNameSection),
        "Device name section is displayed when status is not confirmed."
      );

      let fxaDeviceName = fxaDeviceNameSection.querySelector("#fxaDeviceName");
      ok(
        fxaDeviceName.disabled,
        "Change device name is disabled when status is not confirmed."
      );

      let syncNoFxaSignIn = syncSettingGroup.querySelector("#noFxaSignIn");
      let syncConfigured = syncSettingGroup.querySelector("#syncConfigured");
      let syncNotConfigured =
        syncSettingGroup.querySelector("#syncNotConfigured");
      ok(
        BrowserTestUtils.isHidden(syncConfigured) &&
          BrowserTestUtils.isHidden(syncNotConfigured) &&
          BrowserTestUtils.isHidden(syncNoFxaSignIn),
        "All other sync sections are hidden."
      );
    }
  );
});

add_task(async function testSyncFxaLoginFailed() {
  await runSyncTest(
    {
      status: UIState.STATUS_LOGIN_FAILED,
      email: "foo@bar.com",
    },
    async doc => {
      let syncSettingGroup = doc.querySelector('setting-group[groupid="sync"]');
      ok(
        !BrowserTestUtils.isHidden(syncSettingGroup),
        "Sync setting group is displayed."
      );

      let fxaDeviceNameSection = syncSettingGroup.querySelector(
        "#fxaDeviceNameSection"
      );
      ok(
        !BrowserTestUtils.isHidden(fxaDeviceNameSection),
        "Device name section is displayed when login failed."
      );

      let fxaDeviceName = fxaDeviceNameSection.querySelector("#fxaDeviceName");
      ok(
        fxaDeviceName.disabled,
        "Change device name is disabled when login failed."
      );

      let syncNoFxaSignIn = syncSettingGroup.querySelector("#noFxaSignIn");
      let syncConfigured = syncSettingGroup.querySelector("#syncConfigured");
      let syncNotConfigured =
        syncSettingGroup.querySelector("#syncNotConfigured");
      ok(
        BrowserTestUtils.isHidden(syncConfigured) &&
          BrowserTestUtils.isHidden(syncNotConfigured) &&
          BrowserTestUtils.isHidden(syncNoFxaSignIn),
        "All other sync sections are hidden."
      );
    }
  );
});

add_task(async function testSyncFxaSignedInSyncingOff() {
  await runSyncTest(
    {
      status: UIState.STATUS_SIGNED_IN,
      email: "foo@bar.com",
      syncEnabled: false,
    },
    async doc => {
      let syncSettingGroup = doc.querySelector('setting-group[groupid="sync"]');
      ok(
        !BrowserTestUtils.isHidden(syncSettingGroup),
        "Sync setting group is displayed."
      );

      let fxaDeviceNameSection = syncSettingGroup.querySelector(
        "#fxaDeviceNameSection"
      );
      ok(
        !BrowserTestUtils.isHidden(fxaDeviceNameSection),
        "Device name section is displayed when user is signed in."
      );

      let fxaDeviceName = fxaDeviceNameSection.querySelector("#fxaDeviceName");
      ok(
        !fxaDeviceName.disabled,
        "Change device name is enabled when user is signed in."
      );

      let syncNotConfigured =
        syncSettingGroup.querySelector("#syncNotConfigured");
      ok(
        !BrowserTestUtils.isHidden(syncNotConfigured),
        "Syncing is off section is displayed when user is signed in but sync is disabled."
      );

      let syncNoFxaSignIn = syncSettingGroup.querySelector("#noFxaSignIn");
      let syncConfigured = syncSettingGroup.querySelector("#syncConfigured");
      ok(
        BrowserTestUtils.isHidden(syncConfigured) &&
          BrowserTestUtils.isHidden(syncNoFxaSignIn),
        "All other sync sections are hidden."
      );
    }
  );
});

add_task(async function testSyncFxaSignedInSyncingOn() {
  await SpecialPowers.pushPrefEnv({
    set: [
      ["services.sync.engine.bookmarks", true],
      ["services.sync.engine.history", true],
      ["services.sync.engine.tabs", true],
      ["services.sync.engine.addons", true],
      ["services.sync.engine.prefs", true],
      ["services.sync.engine.passwords", true],
      ["services.sync.engine.addresses", true],
      ["services.sync.engine.creditcards", true],
    ],
  });

  await runSyncTest(
    {
      status: UIState.STATUS_SIGNED_IN,
      email: "foo@bar.com",
      syncEnabled: true,
    },
    async doc => {
      let syncSettingGroup = doc.querySelector('setting-group[groupid="sync"]');
      ok(
        !BrowserTestUtils.isHidden(syncSettingGroup),
        "Sync setting group is displayed."
      );

      let fxaDeviceNameSection = syncSettingGroup.querySelector(
        "#fxaDeviceNameSection"
      );
      ok(
        !BrowserTestUtils.isHidden(fxaDeviceNameSection),
        "Device name section is displayed when user is signed in."
      );

      let fxaDeviceName = fxaDeviceNameSection.querySelector("#fxaDeviceName");
      ok(
        !fxaDeviceName.disabled,
        "Change device name is enabled when user is signed in."
      );

      let syncConfigured = syncSettingGroup.querySelector("#syncConfigured");
      ok(
        !BrowserTestUtils.isHidden(syncConfigured),
        "Syncing is on section is displayed when user is signed in and sync is enabled."
      );

      let syncEnginesList = syncConfigured.querySelector("sync-engines-list");
      ok(syncEnginesList, "sync-engines-list component is displayed.");

      let engines = syncEnginesList.shadowRoot.querySelector(
        ".engines-list-wrapper"
      );
      ok(
        engines,
        "The list of synced engines is displayed when syncing is on."
      );

      let syncNoFxaSignIn = syncSettingGroup.querySelector("#noFxaSignIn");
      let syncNotConfigured =
        syncSettingGroup.querySelector("#syncNotConfigured");
      ok(
        BrowserTestUtils.isHidden(syncNotConfigured) &&
          BrowserTestUtils.isHidden(syncNoFxaSignIn),
        "All other sync sections are hidden."
      );
    }
  );
});

add_task(async function testSyncedEnginesEmptyState() {
  await SpecialPowers.pushPrefEnv({
    set: [
      ["services.sync.engine.bookmarks", false],
      ["services.sync.engine.history", false],
      ["services.sync.engine.tabs", false],
      ["services.sync.engine.addons", false],
      ["services.sync.engine.prefs", false],
      ["services.sync.engine.passwords", false],
      ["services.sync.engine.addresses", false],
      ["services.sync.engine.creditcards", false],
    ],
  });

  await runSyncTest(
    {
      status: UIState.STATUS_SIGNED_IN,
      email: "foo@bar.com",
      syncEnabled: true,
    },
    async doc => {
      let syncSettingGroup = doc.querySelector('setting-group[groupid="sync"]');
      ok(
        !BrowserTestUtils.isHidden(syncSettingGroup),
        "Sync setting group is displayed."
      );

      let syncConfigured = syncSettingGroup.querySelector("#syncConfigured");
      ok(
        !BrowserTestUtils.isHidden(syncConfigured),
        "Syncing is on section is displayed when user is signed in and sync is enabled."
      );

      let syncEnginesList = syncConfigured.querySelector("sync-engines-list");
      ok(syncEnginesList, "sync-engines-list component is displayed.");

      let engineListEmptyState = syncEnginesList.shadowRoot.querySelector(
        "placeholder-message"
      );
      ok(
        engineListEmptyState,
        "Empty state message is displayed when syncing is on but non of the engines is synced."
      );
    }
  );
});