/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, you can obtain one at http://mozilla.org/MPL/2.0/. */

"use strict";

const { MockExternalProtocolService } = ChromeUtils.importESModule(
  "resource://testing-common/mailnews/MockExternalProtocolService.sys.mjs"
);

const { recurrenceStringFromItem } = ChromeUtils.importESModule(
  "resource:///modules/calendar/calRecurrenceUtils.sys.mjs"
);

const tabmail = document.getElementById("tabmail");
let browser;
let dialog;
let calendarEvent;
let calendar;

add_setup(async function () {
  const tab = tabmail.openTab("contentTab", {
    url: "chrome://mochitests/content/browser/comm/mail/components/calendar/test/browser/files/calendarDialog.xhtml",
  });

  await BrowserTestUtils.browserLoaded(tab.browser, undefined, url =>
    url.endsWith("calendarDialog.xhtml")
  );
  await SimpleTest.promiseFocus(tab.browser);
  // This test misbehaves if started immediately.
  // eslint-disable-next-line mozilla/no-arbitrary-setTimeout
  await new Promise(resolve => setTimeout(resolve, 1000));
  browser = tab.browser;
  cal.view.colorTracker.registerWindow(browser.contentWindow);
  dialog = browser.contentWindow.document.querySelector("dialog");

  // Setting the color to the rgb value of #ffbbff so we don't have to do the
  // conversion for the computed color later.
  calendar = createCalendar({
    color: "rgb(255, 187, 255)",
    name: "TB CAL TEST",
  });
  calendarEvent = await createEvent({
    calendar,
    categories: ["TEST"],
    repeats: true,
    description: "foobar",
  });

  MockExternalProtocolService.init();

  registerCleanupFunction(() => {
    tabmail.closeOtherTabs(tabmail.tabInfo[0]);
    CalendarTestUtils.removeCalendar(calendar);
    MockExternalProtocolService.cleanup();
  });
});

function resetDialog() {
  dialog.removeAttribute("calendar-id");
  dialog.removeAttribute("recurrence-id");
  dialog.removeAttribute("event-id");
  dialog.close();
}

add_task(async function test_dialogStructure() {
  dialog.show();
  const titlebar = dialog.querySelectorAll(".titlebar");
  const closeButton = dialog.querySelectorAll(".titlebar .close-button");

  Assert.equal(titlebar.length, 1, "Contains 1 titlebar");
  Assert.equal(closeButton.length, 1, "Titlebar contains 1 close button");
  Assert.equal(
    dialog.querySelectorAll(".footer").length,
    1,
    "Contains 1 footer bar"
  );
  Assert.equal(
    dialog.querySelectorAll(".content").length,
    1,
    "Contains 1 content container"
  );
});

add_task(async function test_dialogOpenAndClose() {
  dialog.show();

  Assert.ok(dialog.open, "Dialog is updated to open");
  EventUtils.synthesizeMouseAtCenter(
    dialog.querySelector(".close-button"),
    {},
    browser.contentWindow
  );
  Assert.ok(!dialog.open, "Dialog is closed");
});

add_task(async function test_setCalendarEvent() {
  Assert.throws(
    () => {
      dialog.setCalendarEvent({
        isEvent() {
          return false;
        },
      });
    },
    /Can only display events/,
    "Only accepts events."
  );

  const nextOccurrence = calendarEvent.recurrenceInfo.getNextOccurrence(
    cal.dtz.now()
  );

  dialog.setCalendarEvent(nextOccurrence);

  Assert.equal(
    dialog.getAttribute("calendar-id"),
    calendar.id,
    "Should set the calendar-id attribute"
  );
  Assert.equal(
    dialog.getAttribute("event-id"),
    calendarEvent.id,
    "Should set the event-id attribute"
  );
  Assert.equal(
    dialog.getAttribute("recurrence-id"),
    nextOccurrence.recurrenceId.nativeTime,
    "Should set the recurrence-id attribute"
  );

  resetDialog();
});

add_task(async function test_dialogSubviewNavigation() {
  dialog.show();
  const subviewManager = dialog.querySelector(
    "calendar-dialog-subview-manager"
  );
  const backButton = dialog.querySelector(".back-button");
  const mainSubview = dialog.querySelector("#calendarDialogMainSubview");
  const otherSubview = dialog.querySelector("#calendarDialogOtherSubview");

  Assert.ok(
    BrowserTestUtils.isHidden(backButton),
    "Back button should be hidden initially"
  );
  Assert.ok(
    BrowserTestUtils.isVisible(mainSubview),
    "Main subview should be visible initially"
  );
  Assert.ok(
    BrowserTestUtils.isHidden(otherSubview),
    "Other subview should be hidden initially"
  );

  subviewManager.showSubview(otherSubview.id);

  Assert.ok(
    BrowserTestUtils.isVisible(backButton),
    "Back button should be visible on other subview"
  );
  Assert.ok(
    BrowserTestUtils.isHidden(mainSubview),
    "Main subview should be hidden"
  );
  Assert.ok(
    BrowserTestUtils.isVisible(otherSubview),
    "Other subview should be visible now"
  );

  EventUtils.synthesizeMouseAtCenter(backButton, {}, browser.contentWindow);

  Assert.ok(
    BrowserTestUtils.isHidden(backButton),
    "Back button should be hidden again"
  );
  Assert.ok(
    BrowserTestUtils.isVisible(mainSubview),
    "Main subview should be visible again"
  );
  Assert.ok(
    BrowserTestUtils.isHidden(otherSubview),
    "Other subview should be hidden again"
  );
});

add_task(async function test_setCalendarEventResetsSubview() {
  dialog.show();
  const subviewManager = dialog.querySelector(
    "calendar-dialog-subview-manager"
  );
  subviewManager.showSubview("calendarDialogOtherSubview");

  Assert.ok(
    !subviewManager.isDefaultSubviewVisible(),
    "Should be showing another subiew"
  );

  dialog.setCalendarEvent(calendarEvent);
  await BrowserTestUtils.waitForMutationCondition(
    dialog,
    {
      subtree: true,
      childList: true,
      characterData: true,
    },
    () => subviewManager.isDefaultSubviewVisible()
  );
  Assert.ok(
    subviewManager.isDefaultSubviewVisible(),
    "Setting event data should return to default subivew"
  );

  subviewManager.showSubview("calendarDialogOtherSubview");
  Assert.ok(
    !subviewManager.isDefaultSubviewVisible(),
    "Should be showing another subiew"
  );

  resetDialog();

  Assert.ok(
    subviewManager.isDefaultSubviewVisible(),
    "Clearing event data should return to default subivew"
  );
});

add_task(async function test_dialogTitle() {
  dialog.show();
  const title = dialog.querySelector(".event-title");

  Assert.equal(
    title.textContent.trim(),
    "",
    "The dialog title has no text before data is set"
  );

  dialog.setCalendarEvent(calendarEvent);
  await BrowserTestUtils.waitForMutationCondition(
    title,
    {
      subtree: true,
      childList: true,
      characterData: true,
    },
    () => title.textContent == calendarEvent.title
  );

  Assert.equal(
    title.textContent,
    calendarEvent.title,
    "The dialog title has correct title after setting data"
  );

  resetDialog();

  Assert.equal(title.textContent, "", "The dialog title text is cleared");
});

add_task(async function test_dialogTitleOccurrenceException() {
  const title = dialog.querySelector(".event-title");
  const start = cal.dtz.jsDateToDateTime(new Date(todayDate), 0);
  let end = new Date(todayDate);
  end.setDate(todayDate.getDate() + 1);
  end = cal.dtz.jsDateToDateTime(end, 0);
  const event = new CalEvent();
  event.title = "Recurring with exception";
  event.startDate = start;
  event.endDate = end;
  event.recurrenceInfo = new CalRecurrenceInfo(event);
  const rule = cal.createRecurrenceRule("RRULE:FREQ=DAILY;COUNT=30");
  event.recurrenceInfo.appendRecurrenceItem(rule);
  // Add an exception with a different title.
  const nextOccurrence = event.recurrenceInfo.getNextOccurrence(cal.dtz.now());
  nextOccurrence.title = "Exception";
  event.recurrenceInfo.modifyException(nextOccurrence, true);

  const savedEvent = await calendar.addItem(event);

  dialog.show();
  dialog.setCalendarEvent(savedEvent);
  await BrowserTestUtils.waitForMutationCondition(
    title,
    {
      subtree: true,
      childList: true,
      characterData: true,
    },
    () => title.textContent == savedEvent.title
  );

  Assert.equal(
    title.textContent,
    "Recurring with exception",
    "Should apply normal title for parent event"
  );

  const nextSavedOccurrence = savedEvent.recurrenceInfo.getNextOccurrence(
    cal.dtz.now()
  );
  dialog.setCalendarEvent(nextSavedOccurrence);
  await BrowserTestUtils.waitForMutationCondition(
    title,
    {
      subtree: true,
      childList: true,
      characterData: true,
    },
    () => title.textContent == nextSavedOccurrence.title
  );

  Assert.equal(
    title.textContent,
    "Exception",
    "Should apply title specific to exception"
  );

  resetDialog();
});

add_task(async function test_dialogLocation() {
  dialog.show();
  const locationLink = dialog.querySelector("#locationLink");
  const locationText = dialog.querySelector("#locationText");

  Assert.ok(
    BrowserTestUtils.isHidden(locationLink),
    "Location link should be hidden"
  );
  Assert.ok(
    BrowserTestUtils.isHidden(locationText),
    "Location text should be hidden"
  );

  const physicalLocation = await createEvent({
    location: "foobar",
    name: "Physical location",
    calendar,
  });
  dialog.setCalendarEvent(physicalLocation);
  await BrowserTestUtils.waitForMutationCondition(
    locationText,
    {
      attributes: true,
      attributeFilter: ["hidden"],
    },
    () => BrowserTestUtils.isVisible(locationText)
  );
  Assert.ok(
    BrowserTestUtils.isHidden(locationLink),
    "Location link should be hidden"
  );
  Assert.ok(
    BrowserTestUtils.isVisible(locationText),
    "Location text should be visible"
  );
  Assert.equal(locationText.textContent, "foobar", "Should set location text");

  const internetLocation = await createEvent({
    location: "https://www.thunderbird.net/",
    name: "Internet location",
    calendar,
  });
  dialog.setCalendarEvent(internetLocation);
  await BrowserTestUtils.waitForMutationCondition(
    locationLink,
    {
      attributes: true,
      attributeFilter: ["href"],
    },
    () => BrowserTestUtils.isVisible(locationLink)
  );
  Assert.ok(
    BrowserTestUtils.isVisible(locationLink),
    "Location link should be visible"
  );
  Assert.ok(
    BrowserTestUtils.isHidden(locationText),
    "Location text should be hidden"
  );
  Assert.equal(
    locationLink.textContent,
    "https://www.thunderbird.net/",
    "Link text should update"
  );
  Assert.equal(
    locationLink.href,
    "https://www.thunderbird.net/",
    "Link href should update"
  );

  const loadPromise = MockExternalProtocolService.promiseLoad();
  EventUtils.synthesizeMouseAtCenter(locationLink, {}, browser.contentWindow);
  Assert.equal(await loadPromise, "https://www.thunderbird.net/");

  resetDialog();

  Assert.equal(locationText.textContent, "", "Location text should be empty");
  Assert.ok(
    BrowserTestUtils.isHidden(locationText),
    "Location text should be hidden again"
  );
});

add_task(async function test_dialogDescription() {
  dialog.show();
  const calendarPlainTextDescription = dialog.querySelector(
    "#expandingDescription .plain-text-description"
  );
  const fullDescription = dialog.querySelector(
    "#expandedDescription .rich-description"
  );

  Assert.equal(
    calendarPlainTextDescription.textContent.trim(),
    "",
    "Description row content should be empty"
  );
  Assert.equal(
    fullDescription.contentDocument.body.childElementCount,
    0,
    "Full description should be empty"
  );

  dialog.setCalendarEvent(calendarEvent);
  await BrowserTestUtils.waitForMutationCondition(
    calendarPlainTextDescription,
    {
      subtree: true,
      childList: true,
      characterData: true,
    },
    () => calendarPlainTextDescription.textContent.trim()
  );

  Assert.equal(
    calendarPlainTextDescription.textContent.trim(),
    "foobar",
    "Description row content should update"
  );
  Assert.equal(
    fullDescription.contentDocument.body.textContent.trim(),
    "foobar",
    "Full description content should update"
  );

  resetDialog();

  Assert.equal(
    calendarPlainTextDescription.textContent.trim(),
    "",
    "Description row content should be empty again"
  );
  Assert.equal(
    fullDescription.contentDocument.body.childElementCount,
    0,
    "Full description should be empty again"
  );
});

add_task(async function test_dialogCategories() {
  dialog.show();
  const categories = dialog.querySelector("calendar-dialog-categories");

  Assert.equal(
    categories.shadowRoot.querySelectorAll("li").length,
    0,
    "The dialog should have no categories"
  );

  dialog.setCalendarEvent(calendarEvent);
  await BrowserTestUtils.waitForMutationCondition(
    categories.shadowRoot.querySelector("ul"),
    {
      subtree: true,
      childList: true,
      characterData: true,
    },
    () => categories.shadowRoot.querySelectorAll("li").length > 0
  );

  Assert.equal(
    categories.shadowRoot.querySelectorAll("li").length,
    1,
    "The dialog should have a category after setting data"
  );

  resetDialog();

  Assert.equal(
    categories.shadowRoot.querySelectorAll("li").length,
    0,
    "The dialog should have no categories after removing the event association"
  );
});

add_task(async function test_dialogDate() {
  dialog.show();
  const dateRow = dialog.querySelector("calendar-dialog-date-row");
  const endDate = new Date(todayDate);
  endDate.setDate(todayDate.getDate());
  endDate.setMinutes(59);
  endDate.setSeconds(59);

  Assert.ok(
    !dateRow.hasAttribute("repeats"),
    "The dialog should not indicate a repeating event"
  );

  dialog.setCalendarEvent(calendarEvent);
  await BrowserTestUtils.waitForMutationCondition(
    dateRow,
    {
      attributes: true,
      attributeFilter: ["start-date", "end-date", "repeats"],
    },
    () =>
      dateRow.hasAttribute("start-date") &&
      dateRow.hasAttribute("end-date") &&
      dateRow.hasAttribute("repeats")
  );

  Assert.equal(
    dateRow.getAttribute("start-date"),
    todayDate.toISOString(),
    "The start date should be transferred to the date row"
  );

  Assert.equal(
    dateRow.getAttribute("end-date"),
    endDate.toISOString(),
    "The end date should be transferred to the date row"
  );

  Assert.equal(
    dateRow.getAttribute("repeats"),
    recurrenceStringFromItem(
      calendarEvent,
      "calendar-event-dialog",
      "ruleTooComplexSummary"
    ),
    "The repeat instructions should be transferred to the date row"
  );

  resetDialog();

  Assert.ok(
    !dateRow.hasAttribute("repeats"),
    "The dialog should not indicate a repeating event again"
  );
});

add_task(async function test_dialogCalendarBarColor() {
  dialog.show();
  dialog.setCalendarEvent(calendarEvent);

  await BrowserTestUtils.waitForMutationCondition(
    dialog,
    {
      attributes: true,
      attributeFilter: ["style"],
    },
    () => dialog.style.getPropertyValue("--calendar-bar-color")
  );

  const computedStyle = window.getComputedStyle(
    dialog.querySelector(".titlebar"),
    "::before"
  );

  Assert.equal(
    computedStyle.backgroundColor,
    calendar.getProperty("color"),
    "Should apply calendar color to top bar"
  );

  resetDialog();

  Assert.ok(
    !dialog.style.getPropertyValue("--calendar-bar-color"),
    "Should not have a bar color set without a loaded event"
  );
});

add_task(async function test_calendarDailogName() {
  dialog.show();
  dialog.setCalendarEvent(calendarEvent);
  const nameElement = dialog.querySelector(".calendar-name");

  await new Promise(requestAnimationFrame);

  Assert.equal(
    nameElement.textContent,
    "TB CAL TEST",
    "Dialog has correct calendar name"
  );

  resetDialog();
  Assert.equal(nameElement.textContent, "", "Calendar name gets cleared");

  dialog.close();
});