super-productivity/e2e/commands/addTaskWithReminder.ts

import { AddTaskWithReminderParams, NBrowser } from '../n-browser-interface';

const TASK = 'task';
const SCHEDULE_TASK_ITEM = 'task-detail-item:nth-child(2)';
const DIALOG = 'mat-dialog-container';
const DIALOG_SUBMIT = `${DIALOG} mat-dialog-actions button:last-of-type`;

const TIME_INP = 'input[type="time"]';

const M = 60 * 1000;

// being slightly longer than a minute prevents the edge case
// of the wrong minute if the rest before takes to long
const DEFAULT_DELTA = 1.2 * M;

// NOTE: needs to
// be executed from work view
module.exports = {
  async command(
    this: NBrowser,
    {
      title,
      taskSel = TASK,
      scheduleTime = Date.now() + DEFAULT_DELTA,
    }: AddTaskWithReminderParams,
  ) {
    const d = new Date(scheduleTime);

    return this.addTask(title)
      .openPanelForTask(taskSel)
      .waitForElementVisible(SCHEDULE_TASK_ITEM)
      .click(SCHEDULE_TASK_ITEM)
      .waitForElementVisible(DIALOG)
      .pause(30)
      .waitForElementVisible(TIME_INP)
      .pause(50)
      .setValue(TIME_INP, getTimeVal(d))
      .pause(50)
      .waitForElementVisible(DIALOG_SUBMIT)
      .click(DIALOG_SUBMIT)
      .waitForElementNotPresent(DIALOG);
  },
};

const getTimeVal = (d: Date): string => {
  const tz = Intl.DateTimeFormat().resolvedOptions().timeZone;
  const v = new Date(d).toLocaleTimeString('en-GB', {
    hour: '2-digit',
    minute: '2-digit',
    hour12: isBrowserLocaleClockType12h(),
    timeZone: tz,
  });
  console.log(
    `Enter time input value ${v}  – ${tz}; 12h: ${isBrowserLocaleClockType12h()}`,
  );
  return v;
};

const isBrowserLocaleClockType12h = (): boolean => {
  const locale = Intl.DateTimeFormat().resolvedOptions().locale;
  const parts = new Intl.DateTimeFormat(locale, { hour: 'numeric' }).formatToParts(
    new Date(),
  );
  return parts.some((part) => part.type === 'dayPeriod');
};