Revision control
Copy as Markdown
Other Tools
/* 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
"use strict";
const { MockExternalProtocolService } = ChromeUtils.importESModule(
);
const { recurrenceStringFromItem } = ChromeUtils.importESModule(
);
const tabmail = document.getElementById("tabmail");
let browser;
let dialog;
let calendarEvent;
let calendar;
add_setup(async function () {
const tab = tabmail.openTab("contentTab", {
});
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)" });
calendarEvent = await createEvent({
calendar,
categories: ["TEST"],
repeats: true,
});
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(".calendar-dialog-title");
Assert.equal(
title.textContent,
"",
"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(".calendar-dialog-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({
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,
"Link text should update"
);
Assert.equal(
locationLink.href,
"Link href should update"
);
const loadPromise = MockExternalProtocolService.promiseLoad();
EventUtils.synthesizeMouseAtCenter(locationLink, {}, browser.contentWindow);
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 calendarDescriptionRow = dialog.querySelector(
'#expandingDescription [slot="content"]'
);
Assert.equal(
calendarDescriptionRow.textContent,
"",
"Description row content should be empty"
);
dialog.updateDialogData({ description: "foobar" });
Assert.equal(
calendarDescriptionRow.textContent,
"foobar",
"Description row content should update"
);
});
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"
);
});