1 files changed, 185 insertions, 0 deletions
diff --git a/comm/calendar/test/browser/views/browser_dayView.js b/comm/calendar/test/browser/views/browser_dayView.js
new file mode 100644
index 0000000000..ba68a85eea
--- /dev/null
+++ b/comm/calendar/test/browser/views/browser_dayView.js
@@ -0,0 +1,185 @@
+/* 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/. */
+
+var { formatDate, formatTime, saveAndCloseItemDialog, setData } = ChromeUtils.import(
+  "resource://testing-common/calendar/ItemEditingHelpers.jsm"
+);
+
+var { cal } = ChromeUtils.import("resource:///modules/calendar/calUtils.jsm");
+
+const TITLE1 = "Day View Event";
+const TITLE2 = "Day View Event Changed";
+const DESC = "Day View Event Description";
+
+add_setup(async function () {
+  let calendar = CalendarTestUtils.createCalendar();
+  registerCleanupFunction(() => {
+    CalendarTestUtils.removeCalendar(calendar);
+  });
+
+  await CalendarTestUtils.setCalendarView(window, "day");
+});
+
+add_task(async function testDayView() {
+  await CalendarTestUtils.goToDate(window, 2009, 1, 1);
+
+  let dayView = document.getElementById("day-view");
+  // Verify date in view.
+  await TestUtils.waitForCondition(
+    () => dayView.dayColumns[0]?.date.icalString == "20090101",
+    "Inspecting the date"
+  );
+
+  // Create event at 8 AM.
+  let eventBox = CalendarTestUtils.dayView.getHourBoxAt(window, 8);
+  let { dialogWindow, iframeWindow, iframeDocument } = await CalendarTestUtils.editNewEvent(
+    window,
+    eventBox
+  );
+
+  // Check that the start time is correct.
+  let someDate = cal.createDateTime();
+  someDate.resetTo(2009, 0, 1, 8, 0, 0, cal.dtz.UTC);
+
+  let startPicker = iframeDocument.getElementById("event-starttime");
+  Assert.equal(startPicker._datepicker._inputField.value, formatDate(someDate));
+  Assert.equal(startPicker._timepicker._inputField.value, formatTime(someDate));
+
+  // Fill in title, description and calendar.
+  await setData(dialogWindow, iframeWindow, {
+    title: TITLE1,
+    description: DESC,
+    calendar: "Test",
+  });
+
+  await saveAndCloseItemDialog(dialogWindow);
+
+  // If it was created successfully, it can be opened.
+  ({ dialogWindow, iframeWindow } = await CalendarTestUtils.dayView.editEventAt(window, 1));
+  await setData(dialogWindow, iframeWindow, { title: TITLE2 });
+  await saveAndCloseItemDialog(dialogWindow);
+
+  // Check if name was saved.
+  await TestUtils.waitForCondition(() => {
+    eventBox = CalendarTestUtils.dayView.getEventBoxAt(window, 1);
+    if (!eventBox) {
+      return false;
+    }
+
+    let eventName = eventBox.querySelector(".event-name-label");
+    return eventName.textContent == TITLE2;
+  }, "event was modified in the view");
+
+  // Delete event
+  EventUtils.synthesizeMouseAtCenter(eventBox, {}, window);
+  eventBox.focus();
+  EventUtils.synthesizeKey("VK_DELETE", {}, window);
+  await CalendarTestUtils.dayView.waitForNoEventBoxAt(window, 1);
+
+  Assert.ok(true, "Test ran to completion");
+});
+
+add_task(async function testDayViewDateLabel() {
+  await CalendarTestUtils.goToDate(window, 2022, 4, 13);
+
+  let heading = CalendarTestUtils.dayView.getColumnHeading(window);
+  let labelSpan = heading.querySelector("span:not([hidden])");
+
+  Assert.equal(
+    labelSpan.textContent,
+    "Wednesday Apr 13",
+    "the date label should contain the displayed date in a human-readable string"
+  );
+});
+
+add_task(async function testDayViewCurrentDayHighlight() {
+  // Sanity check that this date (which should be in the past) is not today's
+  // date.
+  let today = new Date();
+  Assert.ok(today.getUTCFullYear() != 2022 || today.getUTCMonth() != 3 || today.getUTCDate() != 13);
+
+  // When displaying days which are not the current day, there should be no
+  // highlight.
+  await CalendarTestUtils.goToDate(window, 2022, 4, 13);
+
+  let container = CalendarTestUtils.dayView.getColumnContainer(window);
+  Assert.ok(
+    !container.classList.contains("day-column-today"),
+    "the displayed date should not be highlighted if it is not the current day"
+  );
+
+  // When displaying the current day, it should be highlighted.
+  await CalendarTestUtils.goToToday(window);
+
+  container = CalendarTestUtils.dayView.getColumnContainer(window);
+  Assert.ok(
+    container.classList.contains("day-column-today"),
+    "the displayed date should be highlighted if it is the current day"
+  );
+});
+
+add_task(async function testDayViewWorkDayHighlight() {
+  // The test configuration sets Sunday to be a work day, so it should not have
+  // the weekend background.
+  await CalendarTestUtils.goToDate(window, 2022, 4, 10);
+
+  let container = CalendarTestUtils.dayView.getColumnContainer(window);
+  Assert.ok(
+    !container.classList.contains("day-column-weekend"),
+    "the displayed date should not be highlighted if it is a work day"
+  );
+
+  await CalendarTestUtils.goToDate(window, 2022, 4, 13);
+
+  container = CalendarTestUtils.dayView.getColumnContainer(window);
+  Assert.ok(
+    container.classList.contains("day-column-weekend"),
+    "the displayed date should be highlighted if it is not a work day"
+  );
+});
+
+add_task(async function testDayViewNavbar() {
+  await CalendarTestUtils.goToDate(window, 2022, 4, 13);
+
+  let intervalDescription = CalendarTestUtils.getNavBarIntervalDescription(window);
+  Assert.equal(
+    intervalDescription.textContent,
+    "Wednesday, April 13, 2022",
+    "interval description should contain a description of the displayed date"
+  );
+
+  // Note that the value 14 here tests calculation of the calendar week based on
+  // the starting day of the week; if the calculation built in an assumption of
+  // Sunday or Monday as the starting day of the week, we would get 15 here.
+  let calendarWeek = CalendarTestUtils.getNavBarCalendarWeekBox(window);
+  Assert.equal(
+    calendarWeek.textContent,
+    "CW: 14",
+    "calendar week label should contain an indicator of which week contains displayed date"
+  );
+});
+
+add_task(async function testDayViewTodayButton() {
+  // Though this code is cribbed from the CalendarTestUtils, it should be
+  // duplicated in case the utility implementation changes.
+  let todayButton = CalendarTestUtils.getNavBarTodayButton(window);
+
+  EventUtils.synthesizeMouseAtCenter(todayButton, {}, window);
+  await CalendarTestUtils.ensureViewLoaded(window);
+
+  let displayedDate = CalendarTestUtils.dayView.getEventColumn(window).date;
+
+  let today = new Date();
+  Assert.equal(
+    displayedDate.year,
+    today.getUTCFullYear(),
+    "year of displayed date should be this year"
+  );
+  Assert.equal(
+    displayedDate.month,
+    today.getUTCMonth(),
+    "month of displayed date should be this month"
+  );
+  Assert.equal(displayedDate.day, today.getUTCDate(), "day of displayed date should be today");
+});